/* ═══════════════════════════════════════════════════
   e-ofis — Aurora Design System tətbiqi
   Warm cream + glass-morphism + warm accent
   ═══════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

:root {
    /* ═══ BACKGROUND ═══ */
    --bg-gradient-1: #faf8f5;
    --bg-gradient-2: #f5f0eb;
    --bg-gradient-3: #efe8e0;

    /* ═══ GLASS ═══ */
    --glass-bg:       rgba(255, 255, 255, 0.6);
    --glass-bg-solid: rgba(255, 255, 255, 0.92);
    --glass-border:   rgba(255, 255, 255, 0.8);
    --glass-shadow:   0 8px 32px rgba(0, 0, 0, 0.05);
    --glass-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.04);

    /* ═══ TEXT ═══ */
    --text-primary:   #1a1714;
    --text-secondary: #6b635a;
    --text-muted:     #9d958c;

    /* ═══ BRAND ACCENTS ═══ */
    --accent-warm:   #c4956a;
    --accent-warm-2: #d4a07a;
    --accent-coral:  #e8a598;
    --accent-sage:   #9cb89b;
    --accent-sky:    #8eb8d4;
    --accent-orange: #e0b075;

    /* Dark-text variants (AA contrast) */
    --warm-dark:  #a07a4a;
    --coral-dark: #b85a4a;
    --sage-dark:  #5a8a58;
    --sky-dark:   #4a8ab0;

    /* ═══ LAYOUT ═══ */
    --sidebar-width: 288px;
    --radius-sm: 10px;
    --radius-md: 14px;
    --radius-lg: 18px;
    --radius-xl: 20px;
    --radius-2xl: 24px;
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    box-sizing: border-box;
}

html, body {
    font-family: 'Plus Jakarta Sans', 'Inter', sans-serif !important;
    color: var(--text-primary);
    letter-spacing: -0.005em;
    overflow-x: hidden;
}

body,
body.bg-gray-50,
body.bg-gray-100 {
    background: linear-gradient(145deg,
        var(--bg-gradient-1) 0%,
        var(--bg-gradient-2) 50%,
        var(--bg-gradient-3) 100%) !important;
    background-attachment: fixed;
    min-height: 100vh;
}
.bg-gray-50 { background: transparent !important; }

/* ═══════════════════════════════════════════════════
   AURORA BACKGROUND SHAPES (floating blurred circles)
   ═══════════════════════════════════════════════════ */
.bg-shapes {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    pointer-events: none;
    overflow: hidden;
    z-index: 0;
}
.bg-shape {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    opacity: 0.6;
    animation: floatShape 20s ease-in-out infinite;
}
.bg-shape-1 {
    width: 600px; height: 600px;
    background: linear-gradient(135deg, #f5d5c8, #e8c4b8);
    top: -200px; right: -100px;
}
.bg-shape-2 {
    width: 500px; height: 500px;
    background: linear-gradient(135deg, #d4e5d3, #c8dbc7);
    bottom: -150px; left: -100px;
    animation-delay: -5s;
}
.bg-shape-3 {
    width: 420px; height: 420px;
    background: linear-gradient(135deg, #e5d4f0, #d4c0e8);
    top: 40%; left: 40%;
    animation-delay: -10s;
    opacity: 0.35;
}
@keyframes floatShape {
    0%, 100% { transform: translate(0, 0) scale(1); }
    33%      { transform: translate(30px, -30px) scale(1.05); }
    66%      { transform: translate(-20px, 20px) scale(0.95); }
}

/* z-index qat — məzmun shape-lərin üstündə */
.flex.h-screen { position: relative; z-index: 1; }

/* Scrollbar */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(26, 23, 20, 0.12); border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: rgba(26, 23, 20, 0.2); }

a, button, input, select, textarea {
    transition: all 0.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ═══════════════════════════════════════════════════
   SIDEBAR (floating glass card — SmartHR tərzi)
   ═══════════════════════════════════════════════════ */
aside#sidebar,
aside.w-72 {
    width: 288px !important;
    margin: 12px !important;
    height: calc(100vh - 24px) !important;
    background: var(--glass-bg-solid) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid var(--glass-border) !important;
    border-radius: var(--radius-2xl) !important;
    box-shadow: var(--glass-shadow-lg) !important;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding: 0 !important;
}

/* Logo */
.sidebar-header {
    padding: 18px 16px 14px;
    position: relative;
}
.sidebar-header::before {
    content: '';
    position: absolute;
    inset: 10px 10px 8px;
    background: linear-gradient(135deg,
        rgba(196, 149, 106, 0.06) 0%,
        rgba(212, 160, 122, 0.03) 45%,
        rgba(232, 165, 152, 0.05) 100%);
    border-radius: 16px;
    pointer-events: none;
    z-index: 0;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
}
.sidebar-header::after {
    content: '';
    position: absolute;
    inset: 10px 10px 8px;
    background: radial-gradient(circle at 20% 10%, rgba(255, 255, 255, 0.18), transparent 60%);
    border-radius: 16px;
    pointer-events: none;
    z-index: 0;
}
.sidebar-header .brand-logo {
    width: 100%;
    position: relative;
    z-index: 1;
    padding: 10px 6px 8px;
}

.sidebar-logo {
    font-size: 26px;
    font-weight: 800;
    letter-spacing: -0.03em;
    color: var(--text-primary);
    margin: 0;
}
.sidebar-logo .logo-accent {
    color: var(--accent-warm);
}

/* ═══ E-OFİS BRAND LOQO ═══ */
.brand-logo {
    display: inline-flex;
    flex-direction: column;
    gap: 2px;
    text-decoration: none;
    transition: transform 0.2s ease;
    align-items: stretch;
}
.brand-logo:hover { transform: translateY(-1px); }

/* "e-ofis" — Nasalization, 2-tone warm accent */
.brand-name-naso {
    font-family: 'Nasalization', 'Orbitron', 'Michroma', sans-serif;
    font-size: 42px;
    font-weight: 400;
    letter-spacing: 0.01em;
    line-height: 1;
    text-transform: lowercase;
    white-space: nowrap;
    text-align: center;
    display: block;
    -webkit-text-fill-color: currentColor;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.brand-name-naso .brand-e {
    background: linear-gradient(135deg, #7a5a35 0%, var(--warm-dark) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 400;
}
.brand-name-naso .brand-dash {
    color: var(--warm-dark);
    margin: 0 1px;
    font-weight: 400;
}
.brand-name-naso .brand-ofis {
    color: var(--text-primary);
    font-weight: 400;
}

/* Tagline — "TASK MANAGEMENT" — sıx letter spacing, ortalanmış */
.brand-tagline-stretch {
    display: flex;
    justify-content: center;
    font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;
    font-size: 11px;
    font-weight: 700;
    color: var(--warm-dark);
    line-height: 1;
    padding: 6px 0 0;
    letter-spacing: 1.8px;
    text-align: center;
}
.brand-tagline-stretch > span {
    display: inline-block;
}
.brand-tagline-space {
    width: 5px;
    flex-shrink: 0;
}

/* Login — daha böyük */
.brand-logo-lg .brand-name-naso { font-size: 56px; }
.brand-logo-lg .brand-tagline-stretch {
    font-size: 13px;
    padding-top: 6px;
    font-weight: 600;
    letter-spacing: 2px;
}
.brand-logo-lg .brand-tagline-space { width: 8px; }

/* User card (gradient) — footer-də, içində çıxış ikonu */
.sidebar-user-card {
    padding: 10px 12px;
    background: linear-gradient(135deg, var(--accent-warm), var(--accent-warm-2));
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 6px 16px rgba(196, 149, 106, 0.28);
    position: relative;
    overflow: hidden;
}
.sidebar-user-card::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at top right, rgba(255, 255, 255, 0.18), transparent 60%);
    pointer-events: none;
}

/* User kartında inline çıxış düyməsi */
.sidebar-user-logout {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: rgba(255, 255, 255, 0.18);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 10px;
    color: #ffffff;
    text-decoration: none;
    transition: all 0.18s cubic-bezier(0.22, 1, 0.36, 1);
    position: relative;
    z-index: 1;
}
.sidebar-user-logout [data-lucide] {
    width: 17px !important;
    height: 17px !important;
    margin: 0 !important;
    color: #ffffff !important;
    stroke-width: 2;
}
.sidebar-user-logout:hover {
    background: rgba(255, 255, 255, 0.95);
    border-color: #ffffff;
    color: var(--coral-dark);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transform: scale(1.05);
}
.sidebar-user-logout:hover [data-lucide] {
    color: var(--coral-dark) !important;
}
.sidebar-user-logout:active { transform: scale(0.97); }

.sidebar-user-avatar {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(8px);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
    flex-shrink: 0;
    letter-spacing: 0.5px;
}

.sidebar-user-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
}

.sidebar-user-name {
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sidebar-user-role {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.75);
}

/* Nav */
.sidebar-nav {
    flex: 1;
    padding: 4px 12px 8px;
    overflow-y: auto;
    overflow-x: hidden;
}

.sidebar-nav::-webkit-scrollbar { width: 4px; }
.sidebar-nav::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.08); border-radius: 4px; }

/* Section labels */
.nav-group-label {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--text-muted);
    padding: 14px 14px 8px;
}

/* Nav link */
.sidebar-link {
    display: flex !important;
    align-items: center;
    gap: 12px;
    padding: 11px 14px !important;
    margin-bottom: 2px;
    border-radius: var(--radius-sm) !important;
    text-decoration: none;
    color: var(--text-secondary) !important;
    font-weight: 500;
    font-size: 15px;
    background: transparent !important;
    position: relative;
    transition: all 0.15s ease;
}

.sidebar-link [data-lucide] {
    width: 19px !important;
    height: 19px !important;
    flex-shrink: 0;
    margin: 0 !important;
    color: var(--text-muted);
}

.sidebar-link span {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sidebar-link:hover:not(.active) {
    background: rgba(0, 0, 0, 0.03) !important;
    color: var(--text-primary) !important;
}
.sidebar-link:hover:not(.active) [data-lucide] {
    color: var(--text-primary);
}

.sidebar-link.active {
    background: var(--text-primary) !important;
    color: #ffffff !important;
    font-weight: 600;
    box-shadow: 0 4px 12px rgba(26, 23, 20, 0.18);
}
.sidebar-link.active [data-lucide] {
    color: #ffffff !important;
}

/* Nav badge */
.nav-badge {
    font-size: 11px;
    font-weight: 700;
    padding: 2px 9px;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.05);
    color: var(--text-secondary);
    min-width: 22px;
    text-align: center;
}
.nav-badge.alert {
    background: rgba(232, 165, 152, 0.2);
    color: var(--coral-dark);
}
.sidebar-link.active .nav-badge {
    background: rgba(255, 255, 255, 0.2);
    color: #ffffff;
}

/* "Yeni tapşırıq" — gradient action button */
.sidebar-action {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 8px 2px 4px;
    padding: 11px 14px;
    border-radius: var(--radius-md);
    background: linear-gradient(135deg, var(--accent-warm), var(--accent-warm-2));
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 4px 14px rgba(196, 149, 106, 0.3);
    transition: all 0.2s cubic-bezier(0.22, 1, 0.36, 1);
}
.sidebar-action [data-lucide] {
    width: 16px !important;
    height: 16px !important;
    color: #ffffff !important;
    margin: 0 !important;
}
.sidebar-action:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(196, 149, 106, 0.4);
    background: linear-gradient(135deg, #b88560, #c49068);
}

/* Filter select */
.sidebar-filter-form {
    margin: 4px 2px 8px;
}
.sidebar-filter-select {
    width: 100% !important;
    padding: 10px 14px !important;
    background: rgba(0, 0, 0, 0.03) !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: var(--radius-sm) !important;
    font-size: 13px !important;
    color: var(--text-secondary) !important;
    cursor: pointer;
}
.sidebar-filter-select:focus {
    background: #ffffff !important;
    border-color: var(--accent-warm) !important;
    box-shadow: 0 0 0 3px rgba(196, 149, 106, 0.1) !important;
}

/* Footer (user card + inline logout) */
.sidebar-footer {
    padding: 10px 12px 12px;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

/* Sidebar əməliyyat düymələri (Yeni tapşırıq, Elan yarat) — nav içində */
.sidebar-cta {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 11px 12px;
    margin-bottom: 6px;
    border: none;
    border-radius: var(--radius-md);
    cursor: pointer;
    font-family: inherit;
    font-size: 13.5px;
    font-weight: 600;
    text-align: left;
    color: #ffffff;
    transition: all 0.22s cubic-bezier(0.22, 1, 0.36, 1);
    position: relative;
    overflow: hidden;
}

/* Məmmədiyyət aralığı: birinci CTA-nın üstündə balaca boşluq */
.sidebar-cta:first-of-type {
    margin-top: 8px;
}
/* Son CTA-dan sonra görünən nav-lərlə aralıq */
.sidebar-cta + .nav-group-label,
.sidebar-cta + .sidebar-link {
    margin-top: 4px;
}

.sidebar-cta::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at top right, rgba(255, 255, 255, 0.2), transparent 70%);
    pointer-events: none;
}

.sidebar-cta-task {
    background: linear-gradient(135deg, var(--accent-warm) 0%, var(--accent-warm-2) 100%);
    box-shadow: 0 4px 14px rgba(196, 149, 106, 0.3);
}
.sidebar-cta-task:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(196, 149, 106, 0.4);
    background: linear-gradient(135deg, #b88560, #c4956a);
}

.sidebar-cta-ann {
    background: linear-gradient(135deg, var(--accent-sky) 0%, #6a9fc4 100%);
    box-shadow: 0 4px 14px rgba(142, 184, 212, 0.3);
}
.sidebar-cta-ann:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(142, 184, 212, 0.4);
    background: linear-gradient(135deg, #7da8c4, #5a8fb4);
}

.sidebar-cta-icon {
    width: 32px;
    height: 32px;
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.22);
    backdrop-filter: blur(6px);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
}
.sidebar-cta-icon [data-lucide] {
    width: 17px !important;
    height: 17px !important;
    color: #ffffff !important;
    margin: 0 !important;
    stroke-width: 2.2;
}

.sidebar-cta-label {
    position: relative;
    z-index: 1;
    letter-spacing: -0.005em;
}


/* Brand / logo */
aside#sidebar h2 {
    font-size: 24px !important;
    font-weight: 800 !important;
    color: var(--text-primary) !important;
    letter-spacing: -0.02em;
    background: none !important;
    -webkit-text-fill-color: var(--text-primary) !important;
}

/* Section başlıqları */
aside#sidebar h3 {
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--text-muted) !important;
    padding: 8px 2px;
}

/* Border-lər */
aside#sidebar .border-b,
aside#sidebar .border-t,
aside#sidebar .border-r {
    border-color: rgba(0, 0, 0, 0.04) !important;
}

/* Nav link-lər */
.sidebar-link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 14px !important;
    margin-bottom: 2px;
    border-radius: var(--radius-sm) !important;
    text-decoration: none;
    color: var(--text-secondary) !important;
    font-weight: 500;
    font-size: 15px;
    background: transparent !important;
    position: relative;
}

.sidebar-link:hover:not(.active) {
    background: rgba(0, 0, 0, 0.03) !important;
    color: var(--text-primary) !important;
}

.sidebar-link.active {
    background: var(--text-primary) !important;
    color: #ffffff !important;
    font-weight: 600;
    box-shadow: 0 2px 8px rgba(26, 23, 20, 0.15);
}

.sidebar-link.active [data-lucide] { color: #ffffff !important; }

/* Sidebar-daki "Yeni tapşırıq" — primary gradient düymə */
aside .bg-purple-700 {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 16px !important;
    border: none !important;
    border-radius: var(--radius-md) !important;
    background: linear-gradient(135deg, var(--accent-warm), var(--accent-warm-2)) !important;
    color: white !important;
    font-size: 14px;
    font-weight: 600;
    box-shadow: 0 4px 16px rgba(196, 149, 106, 0.3) !important;
}
aside .bg-purple-700:hover {
    background: linear-gradient(135deg, #b88560, #c49068) !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(196, 149, 106, 0.4) !important;
}

/* Sidebar daxili form elementləri */
aside select, aside input[type="search"] {
    background: rgba(255, 255, 255, 0.5) !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: var(--radius-md) !important;
    padding: 10px 14px !important;
    font-size: 14px;
    color: var(--text-primary);
}
aside select:focus, aside input[type="search"]:focus {
    background: #fff !important;
    border-color: var(--accent-warm) !important;
    box-shadow: 0 0 0 3px rgba(196, 149, 106, 0.1) !important;
}

aside .relative input[type="search"] { padding-left: 40px !important; }

/* Sidebar badge-ləri */
.badge {
    background: rgba(232, 165, 152, 0.2) !important;
    color: var(--coral-dark) !important;
    font-weight: 700 !important;
    font-size: 11px !important;
    padding: 2px 10px !important;
    border-radius: 8px !important;
    min-width: 24px;
    text-align: center;
    border: none !important;
}
.sidebar-link.active .badge {
    background: rgba(255, 255, 255, 0.2) !important;
    color: #fff !important;
}

/* User panel (sidebar alt) */
aside .flex.items-center > img {
    width: 42px !important;
    height: 42px !important;
    border-radius: var(--radius-md) !important;
    object-fit: cover;
    background: linear-gradient(135deg, var(--accent-warm), var(--accent-warm-2));
}

aside .font-bold.text-sm {
    color: var(--text-primary) !important;
    font-size: 14px;
    font-weight: 600 !important;
}

aside .text-xs.text-gray-500 {
    color: var(--text-muted) !important;
    font-size: 12px;
}

aside .text-gray-500.hover\:text-red-600:hover {
    color: var(--coral-dark) !important;
    background: rgba(232, 165, 152, 0.1) !important;
    border-radius: 8px;
    padding: 4px;
}

/* ═══════════════════════════════════════════════════
   MAIN CONTENT
   ═══════════════════════════════════════════════════ */
.flex-1.flex.flex-col {
    position: relative;
    z-index: 1;
}

main {
    background: transparent !important;
    padding: 24px !important;
}

/* Mobile header */
header.md\:hidden {
    background: var(--glass-bg) !important;
    backdrop-filter: blur(20px);
    border-color: rgba(0, 0, 0, 0.04) !important;
    margin: 12px 12px 0;
    border-radius: var(--radius-md);
    border: 1px solid var(--glass-border) !important;
}

/* ═══════════════════════════════════════════════════
   TİPOQRAFİYA
   ═══════════════════════════════════════════════════ */
h1, h2, h3, h4, h5 {
    color: var(--text-primary) !important;
    letter-spacing: -0.02em;
    background: none !important;
    -webkit-text-fill-color: var(--text-primary) !important;
}
h1.text-3xl {
    font-size: 28px !important;
    font-weight: 700 !important;
    margin-bottom: 20px;
}

/* ═══════════════════════════════════════════════════
   GLASS KARTLAR (bg-white → glass)
   ═══════════════════════════════════════════════════ */
.bg-white {
    background: var(--glass-bg) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid var(--glass-border) !important;
    border-radius: var(--radius-xl) !important;
    box-shadow: var(--glass-shadow) !important;
}

.bg-white.rounded-lg { border-radius: var(--radius-xl) !important; }
.bg-white.rounded-xl { border-radius: var(--radius-xl) !important; }
.bg-white.rounded-2xl { border-radius: var(--radius-2xl) !important; }

/* Dashboard stat kartları — hover lift */
main .grid .bg-white {
    padding: 24px !important;
    transition: all 0.25s cubic-bezier(0.22, 1, 0.36, 1);
}

main .grid .bg-white:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08) !important;
}

/* Stat icon qutusu (rounded-full → rounded square, Aurora tərzi) */
main .grid .bg-white .rounded-full {
    width: 54px !important;
    height: 54px !important;
    border-radius: var(--radius-md) !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ═══════════════════════════════════════════════════
   STAT CARD (Aurora — icon left + label/number right)
   ═══════════════════════════════════════════════════ */
.stat-card {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 22px 24px;
    background: var(--glass-bg);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-xl);
    box-shadow: var(--glass-shadow);
    transition: all 0.25s cubic-bezier(0.22, 1, 0.36, 1);
}

.stat-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08);
}

.stat-icon {
    width: 54px;
    height: 54px;
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.stat-icon [data-lucide] {
    width: 22px !important;
    height: 22px !important;
    margin: 0 !important;
    stroke-width: 2;
}

.stat-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.stat-info h3 {
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: var(--text-muted) !important;
    margin: 0 !important;
    background: none !important;
    -webkit-text-fill-color: var(--text-muted) !important;
}

.stat-value {
    font-size: 28px;
    font-weight: 700;
    color: var(--text-primary);
    letter-spacing: -0.5px;
    line-height: 1.1;
    margin: 0;
}

/* Aurora stat icon rəngləri */
.bg-red-100    { background: rgba(232, 165, 152, 0.2) !important; }
.text-red-600  { color: var(--coral-dark) !important; }

.bg-blue-100   { background: rgba(142, 184, 212, 0.2) !important; }
.text-blue-600 { color: var(--sky-dark) !important; }

.bg-yellow-100 { background: rgba(224, 176, 117, 0.2) !important; }
.text-yellow-600 { color: var(--warm-dark) !important; }

.bg-purple-100 { background: rgba(196, 149, 106, 0.2) !important; }
.text-purple-600 { color: var(--warm-dark) !important; }

.bg-green-100  { background: rgba(156, 184, 155, 0.2) !important; }
.text-green-600 { color: var(--sage-dark) !important; }

.bg-purple-50  { background: rgba(196, 149, 106, 0.08) !important; }
.text-purple-700, .text-purple-800, .text-purple-900 {
    color: var(--warm-dark) !important;
}

/* Stat rəqəm */
main .grid .bg-white .text-3xl,
main .grid .bg-white .text-4xl {
    font-size: 28px !important;
    font-weight: 700 !important;
    color: var(--text-primary) !important;
    letter-spacing: -0.5px;
}

main .grid .bg-white .text-sm.font-medium.text-gray-500 {
    color: var(--text-muted) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 6px;
}

/* Başlıqlar kart içərisində */
.bg-white h2,
.bg-white h3 {
    font-weight: 700 !important;
    color: var(--text-primary) !important;
}

/* ═══════════════════════════════════════════════════
   CƏDVƏLLƏR
   ═══════════════════════════════════════════════════ */
table {
    border-collapse: collapse !important;
}

thead,
thead.bg-gray-50 {
    background: rgba(0, 0, 0, 0.02) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

th {
    text-align: left;
    padding: 16px 24px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--text-muted) !important;
    background: transparent !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
}

td {
    padding: 16px 24px !important;
    font-size: 14px;
    color: var(--text-primary);
    border-bottom: 1px solid rgba(0, 0, 0, 0.04) !important;
    vertical-align: middle;
}

tbody tr {
    transition: background 0.15s ease;
}

tbody tr:hover,
tbody tr.cursor-pointer:hover,
tbody tr.hover\:bg-gray-50:hover {
    background: rgba(255, 255, 255, 0.4) !important;
}

tbody tr:last-child td { border-bottom: none !important; }

.divide-y > * + *,
.divide-gray-200 > * + * {
    border-color: rgba(0, 0, 0, 0.04) !important;
}

/* ═══════════════════════════════════════════════════
   STATUS BADGE-LƏR (pill)
   ═══════════════════════════════════════════════════ */
.inline-flex.items-center.rounded-full {
    padding: 5px 14px !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0;
    border: none !important;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.bg-blue-100.text-blue-800     { background: rgba(142, 184, 212, 0.2) !important; color: var(--sky-dark) !important; }
.bg-yellow-100.text-yellow-800 { background: rgba(224, 176, 117, 0.2) !important; color: var(--warm-dark) !important; }
.bg-purple-100.text-purple-800 { background: rgba(196, 149, 106, 0.2) !important; color: var(--warm-dark) !important; }
.bg-green-100.text-green-800   { background: rgba(156, 184, 155, 0.2) !important; color: var(--sage-dark) !important; }
.bg-red-100.text-red-800       { background: rgba(232, 165, 152, 0.2) !important; color: var(--coral-dark) !important; }
.bg-gray-100.text-gray-800     { background: rgba(0, 0, 0, 0.04) !important; color: var(--text-secondary) !important; }

/* ═══════════════════════════════════════════════════
   DÜYMƏLƏR
   ═══════════════════════════════════════════════════ */
/* Primary (warm gradient) */
.bg-purple-700,
button.bg-purple-700,
a.bg-purple-700,
button[class*="bg-purple-700"] {
    background: linear-gradient(135deg, var(--accent-warm), var(--accent-warm-2)) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: var(--radius-md) !important;
    padding: 12px 24px !important;
    font-weight: 600 !important;
    box-shadow: 0 4px 16px rgba(196, 149, 106, 0.3) !important;
}
.bg-purple-700:hover,
button.bg-purple-700:hover,
a.bg-purple-700:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(196, 149, 106, 0.4) !important;
    background: linear-gradient(135deg, #b88560, #c49068) !important;
}
.bg-purple-700:active, button.bg-purple-700:active { transform: translateY(0); }

/* Secondary / neutral */
.bg-gray-200 {
    background: rgba(255, 255, 255, 0.7) !important;
    color: var(--text-secondary) !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: var(--radius-md) !important;
    font-weight: 600 !important;
}
.bg-gray-200:hover {
    background: #ffffff !important;
    color: var(--text-primary) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

/* Accept / success */
.bg-green-600 {
    background: linear-gradient(135deg, var(--accent-sage), #7aa078) !important;
    border-radius: var(--radius-md) !important;
    border: none !important;
    font-weight: 600 !important;
    box-shadow: 0 4px 16px rgba(156, 184, 155, 0.3) !important;
}
.bg-green-600:hover {
    background: linear-gradient(135deg, #8ca893, #6a906a) !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(156, 184, 155, 0.4) !important;
}

/* Reject / danger */
.bg-red-600 {
    background: linear-gradient(135deg, var(--accent-coral), #d4877a) !important;
    border-radius: var(--radius-md) !important;
    border: none !important;
    font-weight: 600 !important;
    box-shadow: 0 4px 16px rgba(232, 165, 152, 0.3) !important;
}
.bg-red-600:hover {
    background: linear-gradient(135deg, #dc9583, #c47a70) !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(232, 165, 152, 0.4) !important;
}

/* ═══════════════════════════════════════════════════
   FORM ELEMENTLƏRİ (solid warm cream — heç vaxt dəyişməz)
   ═══════════════════════════════════════════════════ */
input[type="text"], input[type="email"], input[type="password"],
input[type="date"], input[type="search"], input[type="tel"],
input[type="url"], input[type="number"], input[type="datetime-local"],
textarea, select {
    background: #f5f0e8 !important;
    border: 1px solid rgba(91, 63, 40, 0.08) !important;
    border-radius: var(--radius-md) !important;
    padding: 12px 16px !important;
    font-size: 14px !important;
    color: var(--text-primary) !important;
    font-family: inherit !important;
    outline: none !important;
    transition: all 0.18s ease;
}

input:focus, textarea:focus, select:focus {
    background: #ffffff !important;
    border-color: var(--accent-warm) !important;
    box-shadow: 0 0 0 3px rgba(196, 149, 106, 0.18),
                0 4px 12px rgba(196, 149, 106, 0.12) !important;
}

input::placeholder, textarea::placeholder {
    color: var(--text-muted);
    opacity: 0.75;
}

/* Checkbox */
input[type="checkbox"] {
    accent-color: var(--accent-warm);
    border-radius: 4px;
    width: 16px;
    height: 16px;
}

label {
    color: var(--text-secondary);
    font-size: 13px;
    font-weight: 600;
}

/* File upload dashed düymə */
button.border-dashed {
    border: 2px dashed rgba(0, 0, 0, 0.1) !important;
    border-radius: var(--radius-md) !important;
    background: rgba(255, 255, 255, 0.3) !important;
    color: var(--text-secondary) !important;
    padding: 16px !important;
}
button.border-dashed:hover {
    border-color: var(--accent-warm) !important;
    background: rgba(255, 255, 255, 0.6) !important;
    color: var(--text-primary) !important;
}

/* ═══════════════════════════════════════════════════
   MODAL PƏNCƏRƏ
   ═══════════════════════════════════════════════════ */
.modal {
    background: rgba(0, 0, 0, 0.4) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    animation: fadeIn 0.2s;
}

/* Köhnə .modal .bg-white rule silindi — yeni modallar .modal-card istifadə edir */

@keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@keyframes modalIn {
    from { opacity: 0; transform: scale(0.96) translateY(8px); }
    to   { opacity: 1; transform: scale(1) translateY(0); }
}

.modal-close:hover {
    background: rgba(232, 165, 152, 0.15) !important;
    color: var(--coral-dark) !important;
}

/* ═══════════════════════════════════════════════════
   FLASH / ALERT
   ═══════════════════════════════════════════════════ */
[role="alert"].fixed {
    border-radius: var(--radius-md) !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12) !important;
    backdrop-filter: blur(20px);
    border-left: 4px solid var(--accent-warm);
    animation: toastIn 0.25s cubic-bezier(0.22, 1, 0.36, 1);
}
.bg-green-100.text-green-700 {
    background: rgba(255, 255, 255, 0.95) !important;
    color: var(--sage-dark) !important;
    border-left-color: var(--accent-sage);
}
.bg-red-100.text-red-700 {
    background: rgba(255, 255, 255, 0.95) !important;
    color: var(--coral-dark) !important;
    border-left-color: var(--accent-coral);
}
@keyframes toastIn {
    from { opacity: 0; transform: translateX(80px); }
    to   { opacity: 1; transform: translateX(0); }
}

/* ═══════════════════════════════════════════════════
   LOGIN SƏHİFƏSİ
   ═══════════════════════════════════════════════════ */
.login-shell {
    background: linear-gradient(145deg,
        var(--bg-gradient-1) 0%,
        var(--bg-gradient-2) 50%,
        var(--bg-gradient-3) 100%) !important;
    position: relative;
}
.login-shell::before,
.login-shell::after { display: none; }

.login-card {
    background: rgba(255, 255, 255, 0.7) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid var(--glass-border) !important;
    border-radius: var(--radius-2xl) !important;
    box-shadow: var(--glass-shadow-lg) !important;
}

.login-logo {
    background: linear-gradient(135deg, var(--accent-warm), var(--accent-warm-2)) !important;
    border-radius: var(--radius-md) !important;
    box-shadow: 0 8px 24px rgba(196, 149, 106, 0.35) !important;
    width: 64px !important;
    height: 64px !important;
    color: white !important;
}

.login-card input {
    background: rgba(255, 255, 255, 0.6) !important;
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
}
.login-card input:focus {
    background: #ffffff !important;
    border-color: var(--accent-warm) !important;
    box-shadow: 0 4px 12px rgba(196, 149, 106, 0.15) !important;
}

/* ═══════════════════════════════════════════════════
   KİÇİK LİNKLƏR ("Siyahıya qayıt" və s.)
   ═══════════════════════════════════════════════════ */
a.bg-purple-100 {
    background: rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(10px);
    color: var(--text-secondary) !important;
    border-radius: var(--radius-md) !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    padding: 10px 18px !important;
    font-weight: 600;
}
a.bg-purple-100:hover {
    background: rgba(255, 255, 255, 0.8) !important;
    color: var(--text-primary) !important;
    transform: translateX(-2px);
}

/* ═══════════════════════════════════════════════════
   PAGINATION
   ═══════════════════════════════════════════════════ */
.p-4.flex.justify-center a {
    min-width: 36px;
    height: 36px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-sm) !important;
    background: var(--glass-bg) !important;
    backdrop-filter: blur(10px);
    border: 1px solid var(--glass-border) !important;
    color: var(--text-secondary) !important;
    font-size: 14px;
    font-weight: 600;
    padding: 0 12px !important;
}
.p-4.flex.justify-center a:hover {
    background: rgba(255, 255, 255, 0.8) !important;
    color: var(--text-primary) !important;
}
.p-4.flex.justify-center a.bg-purple-700 {
    background: var(--text-primary) !important;
    color: #ffffff !important;
    border-color: var(--text-primary) !important;
    box-shadow: 0 2px 8px rgba(26, 23, 20, 0.15) !important;
    padding: 0 12px !important;
}

.p-4.flex.justify-center.bg-gray-50 {
    background: transparent !important;
    border-top: 1px solid rgba(0, 0, 0, 0.04) !important;
}

/* ═══════════════════════════════════════════════════
   PAGE FADE-IN
   ═══════════════════════════════════════════════════ */
main { animation: pageFadeIn 0.3s ease-out; }
@keyframes pageFadeIn {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Lucide ikonları */
[data-lucide] { stroke-width: 2; }

/* ═══════════════════════════════════════════════════
   TASK DETAILS səhifəsi xüsusi
   ═══════════════════════════════════════════════════ */
.max-w-5xl .bg-white,
.max-w-4xl .bg-white,
.max-w-lg .bg-white {
    background: var(--glass-bg) !important;
    backdrop-filter: blur(20px) !important;
    border: 1px solid var(--glass-border) !important;
    box-shadow: var(--glass-shadow) !important;
}

/* History entry — avatar */
.prose img.w-10.h-10 { border-radius: var(--radius-md) !important; }

/* ═══════════════════════════════════════════════════
   MODAL (Aurora glass-morphism — warm cream tint)
   ═══════════════════════════════════════════════════ */
.modal-overlay {
    position: fixed;
    inset: 0;
    /* Daha OPAQUE overlay — arxadakı aurora shape-lərin rəngi sızmasın */
    background: rgba(70, 55, 42, 0.55) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 40px 20px;
    z-index: 1000;
    overflow-y: auto;
}

.modal-card {
    /* Neytral açıq boz fon — inputlar ağ görünsün */
    background: #F8F8F8 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: var(--radius-xl) !important;
    box-shadow:
        0 24px 60px rgba(91, 63, 40, 0.18),
        0 4px 16px rgba(91, 63, 40, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;
    width: 100%;
    max-width: 580px;
    margin: auto;
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 80px);
    overflow: hidden;
}

/* ═══════════════════════════════════════════════════
   İCRAÇILAR SEÇİMİ (picker cards)
   ═══════════════════════════════════════════════════ */
.assignee-section { margin-top: 4px; }

.assignee-section-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}
.assignee-section-title {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 2px;
}
.assignee-section-hint {
    font-size: 12px;
    color: var(--text-muted);
    margin: 0;
}
.assignee-total {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    background: rgba(196, 149, 106, 0.12);
    color: var(--warm-dark);
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    flex-shrink: 0;
}
.assignee-total [data-lucide] { margin: 0 !important; }
.assignee-total strong { font-weight: 700; }

.assignee-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}
@media (max-width: 640px) {
    .assignee-grid { grid-template-columns: 1fr; }
}

.picker-card {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: var(--radius-md);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.picker-card:hover {
    border-color: rgba(196, 149, 106, 0.35);
    box-shadow: 0 4px 14px rgba(91, 63, 40, 0.06);
}

.picker-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 12px 14px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    background: #fcfaf7;
}
.picker-head-left {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}
.picker-icon {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    flex-shrink: 0;
}
.picker-icon [data-lucide] {
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    color: #ffffff !important;
    stroke-width: 2;
}
.picker-icon.warm { background: linear-gradient(135deg, var(--accent-warm), var(--accent-warm-2)); box-shadow: 0 3px 8px rgba(196, 149, 106, 0.28); }
.picker-icon.sky  { background: linear-gradient(135deg, var(--accent-sky), #6a9fc4); box-shadow: 0 3px 8px rgba(142, 184, 212, 0.28); }

.picker-title {
    font-size: 13px;
    font-weight: 700;
    color: var(--text-primary);
    line-height: 1.15;
}
.picker-sub {
    font-size: 11px;
    color: var(--text-muted);
    margin-top: 1px;
}

.picker-count {
    min-width: 26px;
    height: 22px;
    padding: 0 8px;
    border-radius: 999px;
    background: var(--accent-warm);
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.picker-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    background: #ffffff;
}
.picker-selectall {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 600;
    color: var(--text-secondary);
    cursor: pointer;
    margin: 0 !important;
}
.picker-selectall input[type="checkbox"] {
    width: 15px; height: 15px;
    accent-color: var(--accent-warm);
    margin: 0;
}
.picker-clear {
    font-size: 11px;
    font-weight: 600;
    color: var(--coral-dark);
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 2px 6px;
    border-radius: 6px;
}
.picker-clear:hover { background: rgba(232, 165, 152, 0.12); }

.picker-list {
    max-height: 210px;
    overflow-y: auto;
    padding: 6px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.picker-list::-webkit-scrollbar { width: 6px; }
.picker-list::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.1); border-radius: 4px; }

.picker-row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.15s ease;
    border: 1px solid transparent;
    margin: 0 !important;
}
.picker-row:hover {
    background: rgba(196, 149, 106, 0.05);
}
.picker-row.selected {
    background: rgba(196, 149, 106, 0.1);
    border-color: rgba(196, 149, 106, 0.25);
}
.picker-row input[type="checkbox"] {
    width: 15px;
    height: 15px;
    accent-color: var(--accent-warm);
    margin: 0;
    flex-shrink: 0;
}
.picker-row-avatar {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: linear-gradient(135deg, var(--accent-warm), var(--accent-warm-2));
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 11px;
    flex-shrink: 0;
    letter-spacing: 0.3px;
}
.picker-row-icon {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: rgba(142, 184, 212, 0.15);
    color: var(--sky-dark);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.picker-row-icon [data-lucide] {
    width: 15px !important;
    height: 15px !important;
    margin: 0 !important;
}
.picker-row-name {
    flex: 1;
    font-size: 13px;
    font-weight: 500;
    color: var(--text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.picker-row.selected .picker-row-name {
    font-weight: 600;
}

.picker-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 28px 12px;
    color: var(--text-muted);
    font-size: 12px;
}
.picker-empty [data-lucide] { margin: 0 !important; opacity: 0.6; }

/* Modal daxilində inputlar ağ olsun */
.modal-card input[type="text"],
.modal-card input[type="email"],
.modal-card input[type="password"],
.modal-card input[type="date"],
.modal-card input[type="search"],
.modal-card input[type="tel"],
.modal-card input[type="url"],
.modal-card input[type="number"],
.modal-card input[type="datetime-local"],
.modal-card textarea,
.modal-card select {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
}
.modal-card input:focus,
.modal-card textarea:focus,
.modal-card select:focus {
    background: #ffffff !important;
    border-color: var(--accent-warm) !important;
    box-shadow: 0 0 0 3px rgba(196, 149, 106, 0.15) !important;
}
.modal-card-wide { max-width: 860px; }

.modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 24px;
    border-bottom: 1px solid rgba(91, 63, 40, 0.06);
    flex-shrink: 0;
    background: transparent;
}

.modal-title {
    font-size: 18px;
    font-weight: 700;
    color: var(--text-primary) !important;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    background: none !important;
    -webkit-text-fill-color: var(--text-primary) !important;
}
.modal-title [data-lucide] {
    width: 22px !important;
    height: 22px !important;
    margin: 0 !important;
}

.modal-close-btn {
    background: rgba(91, 63, 40, 0.04);
    border: 1px solid rgba(91, 63, 40, 0.08);
    cursor: pointer;
    color: var(--text-muted);
    width: 34px;
    height: 34px;
    border-radius: var(--radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.18s ease;
}
.modal-close-btn:hover {
    background: rgba(232, 165, 152, 0.15);
    border-color: rgba(232, 165, 152, 0.3);
    color: var(--coral-dark);
}
.modal-close-btn [data-lucide] {
    width: 18px !important; height: 18px !important; margin: 0 !important;
}

.modal-body {
    padding: 24px;
    overflow-y: auto;
    flex: 1;
}

.modal-footer {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 16px 24px;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    background: #F8F8F8;
    flex-shrink: 0;
}

/* Üzv siyahısı da ağ olsun ki, inputlarla uyğun görünsün */
.modal-card .member-list { background: #ffffff; border-color: rgba(0, 0, 0, 0.08); }
.modal-card .member-row:hover { background: #fafafa; }
.modal-card .member-row.selected { background: rgba(196, 149, 106, 0.08); }

/* ═══════════════════════════════════════════════════
   MODAL DÜYMƏLƏRİ (Filial stilinə uyğun warm tan)
   ═══════════════════════════════════════════════════ */
.btn-primary-warm {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 22px;
    border: none;
    border-radius: var(--radius-md);
    background: linear-gradient(135deg, var(--accent-warm) 0%, var(--accent-warm-2) 100%);
    color: #ffffff;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(196, 149, 106, 0.28);
    transition: all 0.2s cubic-bezier(0.22, 1, 0.36, 1);
}
.btn-primary-warm:hover {
    transform: translateY(-1px);
    background: linear-gradient(135deg, #b88560 0%, #c49068 100%);
    box-shadow: 0 6px 18px rgba(196, 149, 106, 0.4);
}
.btn-primary-warm:active { transform: translateY(0); }
.btn-primary-warm [data-lucide] {
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    color: #ffffff !important;
}

.btn-cancel {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 22px;
    border: 1px solid rgba(91, 63, 40, 0.1);
    border-radius: var(--radius-md);
    background: #ffffff;
    color: var(--text-secondary);
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.18s ease;
}
.btn-cancel:hover {
    background: #faf7f2;
    color: var(--text-primary);
    border-color: rgba(91, 63, 40, 0.18);
}

/* Modal daxili ayırıcı */
.modal-section-divider {
    height: 1px;
    background: rgba(91, 63, 40, 0.06);
    margin: 18px 0;
}

/* Üzv siyahısının başlığı */
.member-section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4px;
}
.member-count-badge {
    font-size: 11px;
    font-weight: 600;
    color: var(--warm-dark);
    background: rgba(196, 149, 106, 0.12);
    padding: 4px 10px;
    border-radius: 999px;
    letter-spacing: 0;
}
.member-count-badge strong {
    font-weight: 700;
}
.form-field-hint {
    font-size: 12px;
    color: var(--text-muted);
    margin: 0 0 10px;
}

/* ═══════════════════════════════════════════════════
   FORM KOMPONENTLƏRİ (bütün modallarda standart)
   ═══════════════════════════════════════════════════ */
.form-field {
    margin-bottom: 16px;
}
.form-field > label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-secondary);
    margin-bottom: 6px;
    letter-spacing: 0;
}
.form-field input,
.form-field textarea,
.form-field select {
    width: 100%;
}

.form-grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 16px;
}
.form-grid-2 > .form-field { margin-bottom: 0; }

@media (max-width: 640px) {
    .form-grid-2 { grid-template-columns: 1fr; gap: 8px; }
}

/* Üzv siyahısı (layihə modalında) */
.member-list {
    border: 1px solid rgba(91, 63, 40, 0.08);
    border-radius: var(--radius-md);
    max-height: 240px;
    overflow-y: auto;
    background: #f5f0e8;
}
.member-row { background: transparent; }
.member-row:hover { background: #ffffff; }
.member-row.selected { background: rgba(196, 149, 106, 0.12); }
.member-row {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
    transition: background 0.15s ease;
}
.member-row:last-child { border-bottom: none; }
.member-row:hover { background: rgba(255, 255, 255, 0.7); }
.member-row.selected { background: rgba(196, 149, 106, 0.08); }

.member-row-label {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
    min-width: 0;
    cursor: pointer;
    margin: 0 !important;
}
.member-row-label input[type="checkbox"] {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
}
.member-info { flex: 1; min-width: 0; }
.member-name {
    font-size: 13px;
    font-weight: 600;
    color: var(--text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.member-role {
    font-size: 11px;
    color: var(--text-muted);
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.member-lead-toggle {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    font-weight: 600;
    color: var(--warm-dark);
    cursor: pointer;
    padding: 4px 9px;
    background: rgba(196, 149, 106, 0.12);
    border-radius: 8px;
    border: 1px solid rgba(196, 149, 106, 0.25);
    margin: 0 !important;
    flex-shrink: 0;
}
.member-lead-toggle input[type="radio"] {
    width: 12px;
    height: 12px;
}
.member-empty {
    text-align: center;
    color: var(--text-muted);
    font-size: 13px;
    padding: 24px 16px;
}

/* Cədvəl əməliyyat ikon düymələri */
.action-icon-btn {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(0, 0, 0, 0.08);
    background: rgba(255, 255, 255, 0.6);
    border-radius: 10px;
    cursor: pointer;
    color: var(--text-secondary);
    transition: all 0.15s ease;
    text-decoration: none;
    flex-shrink: 0;
}
.action-icon-btn [data-lucide] {
    margin: 0 !important;
}
.action-icon-btn:hover {
    background: rgba(255, 255, 255, 0.95);
    color: var(--text-primary);
    border-color: rgba(0, 0, 0, 0.15);
}
.action-icon-edit:hover {
    color: var(--warm-dark);
    border-color: rgba(196, 149, 106, 0.4);
    background: rgba(196, 149, 106, 0.08);
}
.action-icon-delete:hover {
    color: var(--coral-dark);
    border-color: rgba(232, 165, 152, 0.5);
    background: rgba(232, 165, 152, 0.12);
}

/* ═══════════════════════════════════════════════════
   ELAN ELEMENT
   ═══════════════════════════════════════════════════ */
.announcement-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 16px;
    background: rgba(0, 0, 0, 0.02);
    border: 1px solid rgba(0, 0, 0, 0.04);
    border-radius: var(--radius-md);
    transition: all 0.2s ease;
}
.announcement-item:hover {
    background: rgba(196, 149, 106, 0.05);
    border-color: rgba(196, 149, 106, 0.15);
}
.announcement-item.pinned {
    background: linear-gradient(135deg, rgba(196, 149, 106, 0.08), rgba(196, 149, 106, 0.03));
    border-color: rgba(196, 149, 106, 0.25);
}
.announcement-icon {
    width: 32px;
    height: 32px;
    border-radius: 10px;
    background: rgba(196, 149, 106, 0.15);
    color: var(--warm-dark);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.announcement-item.pinned .announcement-icon {
    background: var(--accent-warm);
    color: #ffffff;
}

/* ═══════════════════════════════════════════════════
   FİLİAL KARTLARI (rəngli aksentlərlə)
   ═══════════════════════════════════════════════════ */
.branch-card {
    background: #ffffff;
    border-radius: var(--radius-xl);
    overflow: hidden;
    border: 1px solid rgba(91, 63, 40, 0.08);
    transition: all 0.25s cubic-bezier(0.22, 1, 0.36, 1);
    display: flex;
    flex-direction: column;
}
.branch-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 28px rgba(91, 63, 40, 0.1);
}

.branch-card-header {
    padding: 18px 20px;
    display: flex;
    align-items: center;
    gap: 12px;
    position: relative;
    border-bottom: 1px solid rgba(91, 63, 40, 0.05);
}
.branch-card-header::before {
    content: '';
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 4px;
}
.branch-card-header.sky::before   { background: var(--accent-sky); }
.branch-card-header.warm::before  { background: var(--accent-warm); }
.branch-card-header.sage::before  { background: var(--accent-sage); }
.branch-card-header.coral::before { background: var(--accent-coral); }

.branch-card-icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    flex-shrink: 0;
}
.branch-card-icon [data-lucide] {
    color: #ffffff !important;
    width: 22px !important;
    height: 22px !important;
    margin: 0 !important;
    stroke-width: 2;
}
.branch-card-icon.sky   { background: var(--accent-sky); box-shadow: 0 4px 12px rgba(142, 184, 212, 0.35); }
.branch-card-icon.warm  { background: var(--accent-warm); box-shadow: 0 4px 12px rgba(196, 149, 106, 0.35); }
.branch-card-icon.sage  { background: var(--accent-sage); box-shadow: 0 4px 12px rgba(156, 184, 155, 0.35); }
.branch-card-icon.coral { background: var(--accent-coral); box-shadow: 0 4px 12px rgba(232, 165, 152, 0.35); }

.branch-card-title {
    font-size: 16px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.branch-card-subtitle {
    font-size: 12px;
    color: var(--text-muted);
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.branch-card-body {
    padding: 14px 20px;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.branch-info-row {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
}
.branch-info-row [data-lucide] {
    color: var(--text-muted);
    flex-shrink: 0;
    margin: 0 !important;
}

.branch-card-actions {
    padding: 12px 16px;
    background: rgba(91, 63, 40, 0.025);
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    border-top: 1px solid rgba(91, 63, 40, 0.04);
}

/* ═══════════════════════════════════════════════════
   RƏNG SEÇİCİ (radio swatch qrupu)
   ═══════════════════════════════════════════════════ */
.color-picker {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
}
.color-option {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 10px 6px;
    border: 2px solid rgba(91, 63, 40, 0.08);
    border-radius: var(--radius-md);
    cursor: pointer;
    background: rgba(255, 255, 255, 0.5);
    transition: all 0.18s ease;
    margin: 0 !important;
}
.color-option input[type="radio"] { display: none; }
.color-option:hover { border-color: rgba(91, 63, 40, 0.2); }
.color-option.selected {
    border-color: var(--accent-warm);
    background: rgba(196, 149, 106, 0.08);
    box-shadow: 0 4px 10px rgba(196, 149, 106, 0.15);
}

.color-swatch {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 2px solid #ffffff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.color-swatch.sky   { background: var(--accent-sky); }
.color-swatch.warm  { background: var(--accent-warm); }
.color-swatch.sage  { background: var(--accent-sage); }
.color-swatch.coral { background: var(--accent-coral); }

.color-label {
    font-size: 11px;
    font-weight: 600;
    color: var(--text-secondary);
    letter-spacing: 0;
}
.color-option.selected .color-label {
    color: var(--text-primary);
}

/* ═══════════════════════════════════════════════════
   LAYİHƏ PROFİLİ (full management dashboard)
   ═══════════════════════════════════════════════════ */
.project-profile { width: 100%; }

/* Hero header */
.pp-hero {
    background: linear-gradient(135deg, #fdfaf4 0%, #f7f0e5 100%);
    border: 1px solid rgba(91, 63, 40, 0.08);
    border-radius: var(--radius-xl);
    padding: 22px 26px;
    margin-bottom: 18px;
    box-shadow: 0 6px 18px rgba(91, 63, 40, 0.05);
}
.pp-hero-top {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}
.pp-back-btn {
    width: 42px; height: 42px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(91, 63, 40, 0.08);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--text-secondary);
    text-decoration: none;
    flex-shrink: 0;
    transition: all 0.18s ease;
}
.pp-back-btn:hover { background: #ffffff; color: var(--text-primary); transform: translateX(-2px); }
.pp-back-btn [data-lucide] { width: 18px !important; height: 18px !important; margin: 0 !important; }

.pp-hero-title-wrap { flex: 1; min-width: 0; }
.pp-hero-breadcrumb {
    display: flex; align-items: center; gap: 6px;
    font-size: 12px;
    color: var(--text-muted);
    margin-bottom: 6px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.pp-hero-breadcrumb [data-lucide] { margin: 0 !important; }
.pp-hero-title {
    font-size: 28px !important;
    font-weight: 800 !important;
    color: var(--text-primary) !important;
    margin: 0 0 10px !important;
    line-height: 1.2;
    letter-spacing: -0.02em;
}
.pp-hero-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 16px;
    font-size: 13px;
    color: var(--text-muted);
}
.pp-meta-item {
    display: inline-flex; align-items: center; gap: 5px;
}
.pp-meta-item [data-lucide] { margin: 0 !important; }

.pp-hero-actions {
    display: flex; gap: 8px;
    flex-shrink: 0;
}

/* Status chip (hero-da böyük versiya) */
.pp-status-chip {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0;
}
.pp-status-chip [data-lucide] { margin: 0 !important; }
.pp-status-sage   { background: rgba(156, 184, 155, 0.18); color: var(--sage-dark); }
.pp-status-warm   { background: rgba(196, 149, 106, 0.18); color: var(--warm-dark); }
.pp-status-sky    { background: rgba(142, 184, 212, 0.18); color: var(--sky-dark); }
.pp-status-coral  { background: rgba(232, 165, 152, 0.18); color: var(--coral-dark); }
.pp-status-purple { background: rgba(196, 149, 106, 0.12); color: var(--warm-dark); }

/* Action düymələri */
.pp-btn-primary {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 10px 18px;
    border-radius: var(--radius-md);
    background: linear-gradient(135deg, var(--accent-warm), var(--accent-warm-2));
    color: #ffffff !important;
    font-size: 13px;
    font-weight: 600;
    border: none;
    box-shadow: 0 4px 14px rgba(196, 149, 106, 0.3);
    cursor: pointer;
    text-decoration: none;
    transition: all 0.2s ease;
}
.pp-btn-primary:hover { transform: translateY(-1px); box-shadow: 0 6px 18px rgba(196, 149, 106, 0.4); background: linear-gradient(135deg, #b88560, #c49068); }
.pp-btn-primary [data-lucide] { margin: 0 !important; color: #ffffff !important; }

.pp-btn-ghost {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 10px 18px;
    border-radius: var(--radius-md);
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(91, 63, 40, 0.1);
    color: var(--text-secondary);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.2s ease;
}
.pp-btn-ghost:hover { background: #ffffff; color: var(--text-primary); border-color: rgba(196, 149, 106, 0.4); }
.pp-btn-ghost [data-lucide] { margin: 0 !important; }

/* KPI cards */
.pp-kpi-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 12px;
    margin-bottom: 18px;
}
@media (max-width: 980px) { .pp-kpi-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 640px) { .pp-kpi-grid { grid-template-columns: repeat(2, 1fr); } }

.pp-kpi-card {
    background: var(--glass-bg-solid);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-lg);
    padding: 16px 18px;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.2s ease;
}
.pp-kpi-card:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(91, 63, 40, 0.08); }
.pp-kpi-icon {
    width: 44px; height: 44px;
    border-radius: 11px;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
    color: #ffffff;
}
.pp-kpi-icon [data-lucide] { width: 20px !important; height: 20px !important; margin: 0 !important; color: #ffffff !important; }
.pp-kpi-icon.bg-blue   { background: linear-gradient(135deg, var(--accent-sky), #6a9fc4); }
.pp-kpi-icon.bg-warm   { background: linear-gradient(135deg, var(--accent-warm), var(--accent-warm-2)); }
.pp-kpi-icon.bg-purple { background: linear-gradient(135deg, #c4a06a, #b88560); }
.pp-kpi-icon.bg-sage   { background: linear-gradient(135deg, var(--accent-sage), #7aa078); }
.pp-kpi-icon.bg-coral  { background: linear-gradient(135deg, var(--accent-coral), #d4877a); }
.pp-kpi-icon.bg-sky    { background: linear-gradient(135deg, var(--accent-sky), #6a9fc4); }

.pp-kpi-body { min-width: 0; }
.pp-kpi-label { font-size: 11px; font-weight: 600; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.5px; }
.pp-kpi-value { font-size: 22px; font-weight: 800; color: var(--text-primary); line-height: 1.1; margin-top: 2px; }
.pp-kpi-value.pp-kpi-alert { color: var(--coral-dark); }

/* Progress & timeline kartı */
.pp-progress-card {
    background: var(--glass-bg-solid);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-xl);
    padding: 22px 24px;
    margin-bottom: 18px;
}
.pp-progress-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 28px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
@media (max-width: 768px) { .pp-progress-row { grid-template-columns: 1fr; gap: 16px; } }

.pp-progress-block { min-width: 0; }
.pp-progress-head {
    display: flex; align-items: flex-start; justify-content: space-between;
    margin-bottom: 10px;
    gap: 12px;
}
.pp-progress-label {
    font-size: 12px;
    font-weight: 700;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.pp-progress-sub {
    font-size: 13px;
    color: var(--text-secondary);
    margin-top: 2px;
}
.pp-progress-percent {
    font-size: 26px;
    font-weight: 800;
    color: var(--text-primary);
    letter-spacing: -0.5px;
}
.progress-bar.is-danger {
    background: linear-gradient(90deg, var(--accent-coral), #d4877a);
}

/* Meta grid (başlama/bitmə/lider/komanda) */
.pp-meta-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    margin-top: 18px;
}
@media (max-width: 768px) { .pp-meta-grid { grid-template-columns: repeat(2, 1fr); } }

.pp-meta-card {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, 0.04);
}
.pp-meta-icon {
    width: 34px; height: 34px;
    border-radius: 10px;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
    color: #ffffff;
}
.pp-meta-icon [data-lucide] { width: 16px !important; height: 16px !important; margin: 0 !important; color: #ffffff !important; }
.pp-meta-icon.bg-sky   { background: var(--accent-sky); }
.pp-meta-icon.bg-coral { background: var(--accent-coral); }
.pp-meta-icon.bg-warm  { background: var(--accent-warm); }
.pp-meta-icon.bg-sage  { background: var(--accent-sage); }

.pp-meta-card-label { font-size: 11px; color: var(--text-muted); font-weight: 600; text-transform: uppercase; letter-spacing: 0.3px; }
.pp-meta-card-value { font-size: 14px; font-weight: 700; color: var(--text-primary); line-height: 1.2; margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Tab əlavə stil (saylar badge kimi) */
.project-tabs button .tab-count {
    background: rgba(0, 0, 0, 0.06);
    color: var(--text-secondary);
    font-weight: 700;
    padding: 1px 7px;
    border-radius: 999px;
    font-size: 11px;
    margin-left: 4px;
}
.project-tabs button.active .tab-count {
    background: rgba(196, 149, 106, 0.2);
    color: var(--warm-dark);
}

/* Tab məzmunu ümumi */
.pp-tab-content { animation: pageFadeIn 0.25s ease-out; }

/* Overview grid (əsas + sağ panel) */
.pp-overview-grid {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 16px;
}
@media (max-width: 980px) { .pp-overview-grid { grid-template-columns: 1fr; } }

.pp-content-main, .pp-content-side {
    display: flex; flex-direction: column; gap: 14px;
}

/* Ümumi kart */
.pp-card {
    background: var(--glass-bg-solid);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-xl);
    overflow: hidden;
}
.pp-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 18px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    background: rgba(253, 250, 244, 0.5);
}
.pp-card-head-lg { padding: 16px 20px; }
.pp-card-head h3 {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: var(--text-primary) !important;
    margin: 0 !important;
    display: inline-flex; align-items: center; gap: 8px;
    background: none !important;
    -webkit-text-fill-color: var(--text-primary) !important;
}
.pp-card-head h3 [data-lucide] { width: 16px !important; height: 16px !important; margin: 0 !important; color: var(--accent-warm); }
.pp-card-body { padding: 18px 20px; }

.pp-link-btn {
    background: transparent;
    border: none;
    color: var(--warm-dark);
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 6px;
    transition: all 0.15s ease;
}
.pp-link-btn:hover { background: rgba(196, 149, 106, 0.1); }

.pp-count-badge {
    background: rgba(196, 149, 106, 0.15);
    color: var(--warm-dark);
    font-size: 11px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 999px;
}

.pp-description {
    color: var(--text-primary);
    font-size: 14px;
    line-height: 1.6;
    white-space: pre-line;
}
.pp-empty-inline {
    display: flex; align-items: center; gap: 6px;
    color: var(--text-muted);
    font-size: 13px;
    font-style: italic;
    padding: 8px 0;
}
.pp-empty-inline [data-lucide] { margin: 0 !important; }

/* Aktivlik siyahısı (overview-da) */
.pp-activity-item {
    display: flex;
    gap: 10px;
    padding: 10px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}
.pp-activity-item:last-child { border-bottom: none; padding-bottom: 0; }
.pp-activity-item:first-child { padding-top: 0; }
.pp-activity-avatar {
    width: 32px; height: 32px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--accent-warm), var(--accent-warm-2));
    color: #ffffff;
    display: flex; align-items: center; justify-content: center;
    font-weight: 700; font-size: 11px;
    flex-shrink: 0;
}
.pp-activity-body { flex: 1; min-width: 0; font-size: 13px; }
.pp-activity-top strong { font-weight: 600; color: var(--text-primary); }
.pp-activity-action { color: var(--text-secondary); }
.pp-activity-notes { color: var(--text-muted); font-size: 12px; margin-top: 4px; line-height: 1.4; }
.pp-activity-time { color: var(--text-muted); font-size: 11px; margin-top: 4px; }

/* Sağ panel üzv siyahısı */
.pp-side-member {
    display: flex; align-items: center; gap: 10px;
    padding: 8px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}
.pp-side-member:last-child { border-bottom: none; padding-bottom: 0; }
.pp-side-member:first-child { padding-top: 0; }

.pp-side-avatar {
    width: 36px; height: 36px;
    border-radius: 10px;
    background: linear-gradient(135deg, var(--accent-sky), #6a9fc4);
    color: #ffffff;
    display: flex; align-items: center; justify-content: center;
    font-weight: 700; font-size: 12px;
    flex-shrink: 0;
}
.pp-side-avatar.is-lead {
    background: linear-gradient(135deg, var(--accent-warm), var(--accent-warm-2));
    box-shadow: 0 3px 8px rgba(196, 149, 106, 0.3);
}
.pp-side-member-info { flex: 1; min-width: 0; }
.pp-side-member-name {
    font-size: 13px; font-weight: 600; color: var(--text-primary);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.pp-side-member-role {
    font-size: 11px; color: var(--text-muted);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

/* Status bölgüsü */
.pp-status-dist { margin-bottom: 10px; }
.pp-status-dist:last-child { margin-bottom: 0; }
.pp-status-dist-head {
    display: flex; justify-content: space-between;
    font-size: 12px; font-weight: 600; color: var(--text-secondary);
    margin-bottom: 4px;
}
.pp-status-dist-track {
    height: 6px;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 999px;
    overflow: hidden;
}
.pp-status-dist-bar { height: 100%; border-radius: 999px; transition: width 0.5s ease; }
.pp-status-dist-bar.bar-sky    { background: linear-gradient(90deg, var(--accent-sky), #6a9fc4); }
.pp-status-dist-bar.bar-warm   { background: linear-gradient(90deg, var(--accent-warm), var(--accent-warm-2)); }
.pp-status-dist-bar.bar-purple { background: linear-gradient(90deg, #c4a06a, #b88560); }
.pp-status-dist-bar.bar-sage   { background: linear-gradient(90deg, var(--accent-sage), #7aa078); }

/* Filter pilləri */
.pp-filter-row {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 12px 18px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
    background: rgba(253, 250, 244, 0.3);
}
.pp-filter-pill {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 6px 12px;
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    color: var(--text-secondary);
    cursor: pointer;
    transition: all 0.15s ease;
}
.pp-filter-pill:hover { background: #ffffff; color: var(--text-primary); }
.pp-filter-pill.active {
    background: var(--text-primary);
    color: #ffffff;
    border-color: var(--text-primary);
}
.pp-filter-pill span {
    background: rgba(0, 0, 0, 0.06);
    padding: 0 6px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
}
.pp-filter-pill.active span { background: rgba(255, 255, 255, 0.25); color: #ffffff; }
.pp-filter-pill .dot {
    width: 7px; height: 7px; border-radius: 50%;
    background: var(--accent-warm);
    padding: 0;
}
.pp-filter-pill .dot.bg-sky    { background: var(--accent-sky); }
.pp-filter-pill .dot.bg-warm   { background: var(--accent-warm); }
.pp-filter-pill .dot.bg-purple { background: #c4a06a; }
.pp-filter-pill .dot.bg-sage   { background: var(--accent-sage); }

/* Task list */
.pp-task-list { display: flex; flex-direction: column; }
.pp-task-row {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
    text-decoration: none;
    transition: background 0.15s ease;
    position: relative;
}
.pp-task-row:last-child { border-bottom: none; }
.pp-task-row:hover { background: rgba(196, 149, 106, 0.04); }

.pp-task-status-dot {
    width: 4px;
    min-height: 40px;
    border-radius: 4px;
    flex-shrink: 0;
}
.pp-task-status-dot.bar-sky    { background: var(--accent-sky); }
.pp-task-status-dot.bar-warm   { background: var(--accent-warm); }
.pp-task-status-dot.bar-purple { background: #c4a06a; }
.pp-task-status-dot.bar-sage   { background: var(--accent-sage); }

.pp-task-main { flex: 1; min-width: 0; }
.pp-task-title-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 3px;
    flex-wrap: wrap;
}
.pp-task-title {
    font-size: 14px;
    font-weight: 600;
    color: var(--text-primary);
    line-height: 1.3;
}
.pp-task-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    font-size: 12px;
    color: var(--text-muted);
}
.pp-task-meta span { display: inline-flex; align-items: center; gap: 4px; }
.pp-task-meta [data-lucide] { margin: 0 !important; }

.pp-prio-chip {
    display: inline-flex; align-items: center; gap: 3px;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
}
.pp-prio-chip [data-lucide] { margin: 0 !important; }
.pp-prio-coral { background: rgba(232, 165, 152, 0.2); color: var(--coral-dark); }
.pp-prio-warm  { background: rgba(196, 149, 106, 0.15); color: var(--warm-dark); }
.pp-prio-sage  { background: rgba(156, 184, 155, 0.18); color: var(--sage-dark); }

.pp-task-assignee-avatar {
    width: 32px; height: 32px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--accent-warm), var(--accent-warm-2));
    color: #ffffff;
    display: flex; align-items: center; justify-content: center;
    font-weight: 700; font-size: 11px;
    flex-shrink: 0;
}

/* Empty state */
.pp-empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px 20px;
    text-align: center;
    color: var(--text-muted);
}
.pp-empty-state [data-lucide] {
    margin: 0 0 10px !important;
    color: var(--text-muted);
    opacity: 0.4;
}
.pp-empty-state h4 {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--text-primary) !important;
    margin: 0 0 4px !important;
    background: none !important;
    -webkit-text-fill-color: var(--text-primary) !important;
}
.pp-empty-state p { font-size: 13px; color: var(--text-muted); margin: 0; }

/* Üzvlər grid (tab) */
.pp-member-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 12px;
    padding: 18px 20px;
}
.pp-member-card {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: var(--radius-md);
    padding: 14px;
    display: flex;
    align-items: center;
    gap: 12px;
    position: relative;
    transition: all 0.2s ease;
}
.pp-member-card:hover {
    border-color: rgba(196, 149, 106, 0.3);
    box-shadow: 0 6px 16px rgba(91, 63, 40, 0.06);
}
.pp-member-card.is-lead {
    background: linear-gradient(135deg, rgba(196, 149, 106, 0.08), rgba(196, 149, 106, 0.02));
    border-color: rgba(196, 149, 106, 0.25);
}
.pp-member-avatar {
    width: 48px; height: 48px;
    border-radius: 12px;
    background: linear-gradient(135deg, var(--accent-sky), #6a9fc4);
    color: #ffffff;
    display: flex; align-items: center; justify-content: center;
    font-weight: 700; font-size: 16px;
    flex-shrink: 0;
}
.pp-member-avatar.is-lead {
    background: linear-gradient(135deg, var(--accent-warm), var(--accent-warm-2));
    box-shadow: 0 4px 12px rgba(196, 149, 106, 0.3);
}
.pp-member-body { flex: 1; min-width: 0; }
.pp-member-name {
    font-size: 14px; font-weight: 700; color: var(--text-primary);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.pp-member-role {
    font-size: 12px; color: var(--text-muted);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    margin-top: 2px;
}
.pp-member-email {
    font-size: 11px; color: var(--text-muted);
    margin-top: 4px;
    display: inline-flex; align-items: center; gap: 4px;
}
.pp-member-email [data-lucide] { margin: 0 !important; }
.pp-lead-badge {
    display: inline-flex; align-items: center; gap: 3px;
    padding: 3px 8px;
    background: var(--accent-warm);
    color: #ffffff;
    font-size: 10px;
    font-weight: 700;
    border-radius: 6px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    flex-shrink: 0;
}
.pp-lead-badge [data-lucide] { margin: 0 !important; color: #ffffff !important; }

/* Faylların yükləmə qutusu */
.pp-upload-box {
    margin: 18px 20px 0;
}
.pp-upload-inner {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    background: rgba(196, 149, 106, 0.05);
    border: 1.5px dashed rgba(196, 149, 106, 0.3);
    border-radius: var(--radius-md);
}
.pp-upload-icon {
    width: 42px; height: 42px;
    border-radius: 11px;
    background: linear-gradient(135deg, var(--accent-warm), var(--accent-warm-2));
    color: #ffffff;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
}
.pp-upload-icon [data-lucide] { margin: 0 !important; color: #ffffff !important; }
.pp-upload-label { display: block; font-size: 13px; font-weight: 700; color: var(--text-primary); margin-bottom: 2px; }
.pp-upload-hint { font-size: 12px; color: var(--text-muted); }

/* Fayllar grid */
.pp-file-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 12px;
    padding: 18px 20px;
}
.pp-file-card {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: var(--radius-md);
    transition: all 0.2s ease;
}
.pp-file-card:hover {
    border-color: rgba(196, 149, 106, 0.3);
    box-shadow: 0 6px 16px rgba(91, 63, 40, 0.06);
}
.pp-file-icon {
    width: 42px; height: 42px;
    border-radius: 11px;
    display: flex; align-items: center; justify-content: center;
    color: #ffffff;
    flex-shrink: 0;
}
.pp-file-icon [data-lucide] { margin: 0 !important; color: #ffffff !important; }
.pp-file-icon.bg-sky    { background: linear-gradient(135deg, var(--accent-sky), #6a9fc4); }
.pp-file-icon.bg-warm   { background: linear-gradient(135deg, var(--accent-warm), var(--accent-warm-2)); }
.pp-file-icon.bg-sage   { background: linear-gradient(135deg, var(--accent-sage), #7aa078); }
.pp-file-icon.bg-coral  { background: linear-gradient(135deg, var(--accent-coral), #d4877a); }
.pp-file-icon.bg-purple { background: linear-gradient(135deg, #c4a06a, #b88560); }
.pp-file-body { flex: 1; min-width: 0; }
.pp-file-name {
    display: block;
    font-size: 13px; font-weight: 600;
    color: var(--text-primary);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    text-decoration: none;
}
.pp-file-name:hover { color: var(--warm-dark); }
.pp-file-meta {
    display: flex; flex-wrap: wrap; gap: 8px;
    font-size: 11px; color: var(--text-muted);
    margin-top: 3px;
}
.pp-file-ext {
    font-weight: 700;
    color: var(--warm-dark);
}
.pp-file-actions { display: flex; gap: 4px; flex-shrink: 0; }
.pp-icon-btn {
    width: 30px; height: 30px;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.04);
    border: none;
    display: inline-flex; align-items: center; justify-content: center;
    color: var(--text-secondary);
    cursor: pointer;
    text-decoration: none;
    transition: all 0.15s ease;
}
.pp-icon-btn:hover { background: rgba(196, 149, 106, 0.15); color: var(--warm-dark); }
.pp-icon-btn.pp-icon-btn-danger:hover { background: rgba(232, 165, 152, 0.2); color: var(--coral-dark); }
.pp-icon-btn [data-lucide] { margin: 0 !important; }

/* Timeline (tarixçə) — kompakt siyahı stili */
.pp-timeline {
    padding: 6px 0;
    position: relative;
}
.pp-timeline::before {
    content: '';
    position: absolute;
    left: 30px;
    top: 18px;
    bottom: 18px;
    width: 1.5px;
    background: rgba(0, 0, 0, 0.05);
}
.pp-timeline-item {
    display: flex;
    gap: 10px;
    padding: 8px 16px;
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.03);
    transition: background 0.15s ease;
}
.pp-timeline-item:hover { background: rgba(196, 149, 106, 0.03); }
.pp-timeline-item:last-child { border-bottom: none; }
.pp-timeline-dot {
    width: 26px; height: 26px;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    color: #ffffff;
    flex-shrink: 0;
    z-index: 1;
    box-shadow: 0 0 0 3px #fdfaf4;
}
.pp-timeline-dot [data-lucide] { width: 13px !important; height: 13px !important; margin: 0 !important; color: #ffffff !important; }
.pp-timeline-dot.bg-warm   { background: linear-gradient(135deg, var(--accent-warm), var(--accent-warm-2)); }
.pp-timeline-dot.bg-sage   { background: linear-gradient(135deg, var(--accent-sage), #7aa078); }
.pp-timeline-dot.bg-sky    { background: linear-gradient(135deg, var(--accent-sky), #6a9fc4); }
.pp-timeline-dot.bg-purple { background: linear-gradient(135deg, #c4a06a, #b88560); }
.pp-timeline-dot.bg-coral  { background: linear-gradient(135deg, var(--accent-coral), #d4877a); }

.pp-timeline-card {
    flex: 1;
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 2px 0;
    min-width: 0;
}
.pp-timeline-head {
    display: flex; align-items: center; gap: 8px;
    flex-wrap: wrap;
}
.pp-timeline-avatar {
    width: 22px; height: 22px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--accent-warm), var(--accent-warm-2));
    color: #ffffff;
    display: flex; align-items: center; justify-content: center;
    font-weight: 700; font-size: 9px;
    flex-shrink: 0;
}
.pp-timeline-head .flex-1 > div:first-child {
    font-size: 13px;
    line-height: 1.3;
}
.pp-timeline-time {
    font-size: 11px;
    color: var(--text-muted);
    margin-left: auto;
    white-space: nowrap;
    flex-shrink: 0;
}
.pp-timeline-head .flex-1 {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    min-width: 0;
}
.pp-timeline-notes {
    margin-top: 4px;
    padding: 4px 0 0 30px;
    background: transparent;
    border-radius: 0;
    font-size: 12px;
    color: var(--text-muted);
    line-height: 1.35;
}

/* Meta link (tapşırıq hero-da layihə linki) */
.pp-meta-link {
    color: var(--warm-dark) !important;
    text-decoration: none;
    padding: 2px 8px;
    background: rgba(196, 149, 106, 0.08);
    border-radius: 999px;
    transition: background 0.15s ease;
}
.pp-meta-link:hover { background: rgba(196, 149, 106, 0.18); }

/* Accept/Reject düymələri */
.pp-btn-accept, .pp-btn-reject {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 10px 22px;
    border-radius: var(--radius-md);
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    color: #ffffff;
    transition: all 0.2s ease;
}
.pp-btn-accept {
    background: linear-gradient(135deg, var(--accent-sage), #7aa078);
    box-shadow: 0 4px 14px rgba(156, 184, 155, 0.3);
}
.pp-btn-accept:hover { transform: translateY(-1px); box-shadow: 0 6px 18px rgba(156, 184, 155, 0.4); }
.pp-btn-accept [data-lucide] { margin: 0 !important; color: #ffffff !important; }

.pp-btn-reject {
    background: linear-gradient(135deg, var(--accent-coral), #d4877a);
    box-shadow: 0 4px 14px rgba(232, 165, 152, 0.3);
}
.pp-btn-reject:hover { transform: translateY(-1px); box-shadow: 0 6px 18px rgba(232, 165, 152, 0.4); }
.pp-btn-reject [data-lucide] { margin: 0 !important; color: #ffffff !important; }

/* Action card vurğulama */
.pp-action-card {
    border: 1px solid rgba(196, 149, 106, 0.25);
    background: linear-gradient(135deg, rgba(196, 149, 106, 0.04), rgba(196, 149, 106, 0.01)) !important;
}
.pp-action-card .pp-card-head {
    background: rgba(196, 149, 106, 0.06);
}

/* Upload düyməsi (daxili form) */
.pp-upload-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 14px;
    background: rgba(196, 149, 106, 0.05);
    border: 2px dashed rgba(196, 149, 106, 0.3);
    border-radius: var(--radius-md);
    color: var(--text-secondary);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.18s ease;
}
.pp-upload-btn:hover {
    background: rgba(196, 149, 106, 0.1);
    border-color: var(--accent-warm);
    color: var(--text-primary);
}
.pp-upload-btn [data-lucide] { margin: 0 !important; color: var(--warm-dark); }

/* Seçilmiş fayl cards (upload öncəsi) */
.pp-file-pending {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: var(--radius-sm);
}

/* Info list (sağ panel) */
.pp-info-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.pp-info-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
    gap: 10px;
}
.pp-info-row:last-child { border-bottom: none; padding-bottom: 0; }
.pp-info-row:first-child { padding-top: 0; }
.pp-info-label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: var(--text-muted);
    font-weight: 500;
    flex-shrink: 0;
}
.pp-info-label [data-lucide] { margin: 0 !important; }
.pp-info-value {
    font-size: 13px;
    font-weight: 600;
    color: var(--text-primary);
    text-align: right;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.pp-info-link { color: var(--warm-dark) !important; text-decoration: none; }
.pp-info-link:hover { text-decoration: underline; }

/* Sidebar fayl preview */
.pp-side-file {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px;
    border-radius: 10px;
    text-decoration: none;
    transition: background 0.15s ease;
    margin-bottom: 4px;
}
.pp-side-file:hover { background: rgba(196, 149, 106, 0.05); }
.pp-side-file-icon {
    width: 32px; height: 32px;
    border-radius: 8px;
    background: linear-gradient(135deg, var(--accent-sky), #6a9fc4);
    color: #ffffff;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
}
.pp-side-file-icon [data-lucide] {
    width: 15px !important; height: 15px !important;
    margin: 0 !important; color: #ffffff !important;
}
.pp-side-file-body { flex: 1; min-width: 0; }
.pp-side-file-name {
    font-size: 12px; font-weight: 600; color: var(--text-primary);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.pp-side-file-ext {
    font-size: 10px; color: var(--warm-dark); font-weight: 700; margin-top: 1px;
}

/* Timeline faylları */
.pp-timeline-files {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}
.pp-timeline-file {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    max-width: 220px;
    padding: 4px 10px;
    background: rgba(196, 149, 106, 0.08);
    border: 1px solid rgba(196, 149, 106, 0.18);
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    color: var(--warm-dark);
    text-decoration: none;
    transition: background 0.15s ease;
}
.pp-timeline-file:hover { background: rgba(196, 149, 106, 0.15); }
.pp-timeline-file [data-lucide] { margin: 0 !important; flex-shrink: 0; }
.pp-timeline-file .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Task modal project tag */
.pp-modal-project-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    background: rgba(196, 149, 106, 0.1);
    border: 1px solid rgba(196, 149, 106, 0.2);
    border-radius: 999px;
    font-size: 12px;
    color: var(--warm-dark);
    margin-bottom: 16px;
}
.pp-modal-project-tag [data-lucide] { margin: 0 !important; }
.pp-modal-project-tag strong { font-weight: 700; }

/* Alert (warning) modal daxilində */
.pp-alert-warning {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 12px 14px;
    background: rgba(232, 165, 152, 0.08);
    border: 1px solid rgba(232, 165, 152, 0.25);
    border-radius: var(--radius-md);
    color: var(--coral-dark);
    font-size: 13px;
    line-height: 1.4;
}
.pp-alert-warning [data-lucide] {
    margin: 2px 0 0 0 !important;
    flex-shrink: 0;
    color: var(--coral-dark);
}
.pp-alert-warning button {
    color: var(--coral-dark);
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    font-size: inherit;
}

/* Disabled primary button */
.btn-primary-warm:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none !important;
}
.btn-primary-warm:disabled:hover { transform: none !important; }

/* ═══════════════════════════════════════════════════
   TAPŞIRIQLAR FİLTER KARTLARI
   ═══════════════════════════════════════════════════ */
.task-filter-cards {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 12px;
    margin-bottom: 18px;
}
@media (max-width: 1100px) { .task-filter-cards { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 640px)  { .task-filter-cards { grid-template-columns: repeat(2, 1fr); } }

.tfc-card {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    background: var(--glass-bg-solid) !important;
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-lg);
    text-decoration: none;
    color: var(--text-primary);
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.22, 1, 0.36, 1);
    position: relative;
    overflow: hidden;
}
.tfc-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(91, 63, 40, 0.08);
    border-color: rgba(196, 149, 106, 0.25);
}
.tfc-card.active {
    background: var(--text-primary) !important;
    border-color: var(--text-primary);
    box-shadow: 0 8px 20px rgba(26, 23, 20, 0.18);
    color: #ffffff;
}
.tfc-card.active .tfc-label,
.tfc-card.active .tfc-value { color: #ffffff !important; }
.tfc-card.active .tfc-icon { background: rgba(255, 255, 255, 0.15) !important; }
.tfc-card.active .tfc-icon [data-lucide] { color: #ffffff !important; }

.tfc-icon {
    width: 40px; height: 40px;
    border-radius: 10px;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
    color: #ffffff;
}
.tfc-icon [data-lucide] {
    width: 19px !important;
    height: 19px !important;
    margin: 0 !important;
    color: #ffffff !important;
    stroke-width: 2;
}
.tfc-icon.bg-neutral { background: linear-gradient(135deg, #7a7067, #9d948b); }
.tfc-icon.bg-warm    { background: linear-gradient(135deg, var(--accent-warm), var(--accent-warm-2)); }
.tfc-icon.bg-purple  { background: linear-gradient(135deg, #c4a06a, #b88560); }
.tfc-icon.bg-sage    { background: linear-gradient(135deg, var(--accent-sage), #7aa078); }
.tfc-icon.bg-sky     { background: linear-gradient(135deg, var(--accent-sky), #6a9fc4); }
.tfc-icon.bg-coral   { background: linear-gradient(135deg, var(--accent-coral), #d4877a); }

.tfc-body { min-width: 0; flex: 1; }
.tfc-label {
    font-size: 11px;
    font-weight: 600;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tfc-value {
    font-size: 22px;
    font-weight: 800;
    color: var(--text-primary);
    line-height: 1.1;
    margin-top: 2px;
}
.tfc-value.tfc-alert { color: var(--coral-dark); }
.tfc-card.active .tfc-value.tfc-alert { color: #ffc2b8; }

/* ═══════════════════════════════════════════════════
   VIEW TOGGLE (Grid / List)
   ═══════════════════════════════════════════════════ */
.view-toggle {
    display: inline-flex;
    background: rgba(0, 0, 0, 0.04);
    border-radius: var(--radius-md);
    padding: 3px;
    gap: 2px;
}
.view-toggle button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 34px;
    border-radius: 8px;
    border: none;
    background: transparent;
    color: var(--text-muted);
    cursor: pointer;
    transition: all 0.15s ease;
}
.view-toggle button [data-lucide] {
    width: 17px !important;
    height: 17px !important;
    margin: 0 !important;
}
.view-toggle button:hover:not(.active) {
    color: var(--text-primary);
    background: rgba(255, 255, 255, 0.6);
}
.view-toggle button.active {
    background: #ffffff;
    color: var(--text-primary);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

/* Layihə list görünüş */
.pp-list-project-cell {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}
.pp-list-icon {
    width: 36px; height: 36px;
    border-radius: 10px;
    background: linear-gradient(135deg, var(--accent-warm), var(--accent-warm-2));
    color: #ffffff;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
}
.pp-list-icon [data-lucide] {
    width: 17px !important; height: 17px !important;
    margin: 0 !important; color: #ffffff !important;
}

.pp-list-progress {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 180px;
}
.pp-list-progress-track {
    flex: 1;
    height: 6px;
    background: rgba(0, 0, 0, 0.06);
    border-radius: 99px;
    overflow: hidden;
    min-width: 80px;
}
.pp-list-progress-bar {
    height: 100%;
    background: linear-gradient(90deg, var(--accent-warm), var(--accent-warm-2));
    border-radius: 99px;
    transition: width 0.4s ease;
}
.pp-list-progress-text {
    font-size: 12px;
    font-weight: 600;
    color: var(--text-primary);
    white-space: nowrap;
}

[x-cloak] { display: none !important; }

/* ═══════════════════════════════════════════════════
   ELANLAR SƏHİFƏSİ
   ═══════════════════════════════════════════════════ */
.ann-section-label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 700;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.6px;
    margin: 18px 0 10px;
}
.ann-section-label:first-child { margin-top: 0; }
.ann-section-label [data-lucide] {
    margin: 0 !important;
    color: var(--warm-dark);
}

.ann-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    margin-bottom: 18px;
}
@media (min-width: 768px)  { .ann-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .ann-grid { grid-template-columns: repeat(3, 1fr); } }

.ann-card {
    position: relative;
    background: var(--glass-bg-solid);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-xl);
    padding: 20px;
    transition: all 0.2s cubic-bezier(0.22, 1, 0.36, 1);
    overflow: hidden;
}
.ann-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(91, 63, 40, 0.08);
    border-color: rgba(196, 149, 106, 0.3);
}
.ann-card.is-expired {
    opacity: 0.7;
}

/* Sabitlənmiş elan */
.ann-card-pinned {
    background: linear-gradient(135deg, rgba(196, 149, 106, 0.08), rgba(196, 149, 106, 0.02)) !important;
    border-color: rgba(196, 149, 106, 0.3);
    box-shadow: 0 6px 18px rgba(196, 149, 106, 0.1);
}
.ann-card-pinned::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--accent-warm), var(--accent-warm-2));
}
.ann-card-pin-marker {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--accent-warm);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 3px 10px rgba(196, 149, 106, 0.35);
}
.ann-card-pin-marker [data-lucide] {
    width: 13px !important;
    height: 13px !important;
    margin: 0 !important;
    color: #ffffff !important;
}
.ann-card-pinned .ann-card-header {
    padding-right: 34px;
}

.ann-card-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

.ann-card-avatar {
    width: 36px; height: 36px;
    border-radius: 10px;
    background: linear-gradient(135deg, var(--accent-sky), #6a9fc4);
    color: #ffffff;
    display: flex; align-items: center; justify-content: center;
    font-weight: 700; font-size: 12px;
    flex-shrink: 0;
    letter-spacing: 0.3px;
}
.ann-card-avatar-warm {
    background: linear-gradient(135deg, var(--accent-warm), var(--accent-warm-2));
    box-shadow: 0 3px 8px rgba(196, 149, 106, 0.3);
}

.ann-card-meta {
    flex: 1;
    min-width: 0;
}
.ann-card-author {
    font-size: 13px;
    font-weight: 700;
    color: var(--text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ann-card-date {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    color: var(--text-muted);
    margin-top: 1px;
}
.ann-card-date [data-lucide] { margin: 0 !important; }

.ann-delete-btn {
    width: 28px;
    height: 28px;
    border: none;
    background: transparent;
    border-radius: 8px;
    color: var(--text-muted);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s ease;
    flex-shrink: 0;
}
.ann-delete-btn:hover {
    background: rgba(232, 165, 152, 0.15);
    color: var(--coral-dark);
}
.ann-delete-btn [data-lucide] {
    width: 14px !important; height: 14px !important;
    margin: 0 !important;
}

.ann-card-title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--text-primary) !important;
    margin: 0 0 8px !important;
    line-height: 1.3;
    background: none !important;
    -webkit-text-fill-color: var(--text-primary) !important;
}

.ann-card-body {
    font-size: 13px;
    color: var(--text-secondary);
    line-height: 1.55;
    white-space: pre-line;
    /* Uzun mətnləri 4 sətirlə məhdudlaşdır */
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ann-card-expires {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-top: 12px;
    padding: 4px 10px;
    background: rgba(142, 184, 212, 0.1);
    color: var(--sky-dark);
    font-size: 11px;
    font-weight: 600;
    border-radius: 999px;
}
.ann-card-expires [data-lucide] { margin: 0 !important; }
.ann-card-expires.is-expired {
    background: rgba(232, 165, 152, 0.15);
    color: var(--coral-dark);
}

/* Elan kartı footer (filial badge-ləri + expires) */
.ann-card-footer {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.ann-branch-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 9px;
    background: rgba(142, 184, 212, 0.12);
    color: var(--sky-dark);
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
}
.ann-branch-badge [data-lucide] { margin: 0 !important; }
.ann-branch-badge.ann-branch-all {
    background: rgba(156, 184, 155, 0.15);
    color: var(--sage-dark);
}

/* Filial seçimi (modal daxilində) */
.ann-branch-picker {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 10px;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: var(--radius-md);
    max-height: 200px;
    overflow-y: auto;
}
.ann-branch-chip {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 12px;
    background: rgba(0, 0, 0, 0.04);
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    color: var(--text-secondary);
    cursor: pointer;
    transition: all 0.15s ease;
    margin: 0 !important;
}
.ann-branch-chip:hover {
    background: rgba(196, 149, 106, 0.08);
    color: var(--text-primary);
}
.ann-branch-chip.selected {
    background: rgba(196, 149, 106, 0.18);
    color: var(--warm-dark);
    border-color: rgba(196, 149, 106, 0.4);
}
.ann-branch-chip input[type="checkbox"] {
    display: none;
}
.ann-branch-chip [data-lucide] { margin: 0 !important; }

.ann-select-all {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: var(--warm-dark) !important;
    cursor: pointer;
    margin: 0 !important;
}
.ann-select-all input[type="checkbox"] {
    width: 14px; height: 14px;
    accent-color: var(--accent-warm);
    margin: 0;
}

/* Elan — siyahı görünüşü */
.ann-list { display: flex; flex-direction: column; }
.ann-list-row {
    display: flex;
    gap: 12px;
    padding: 14px 18px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
    transition: background 0.15s ease;
    align-items: flex-start;
}
.ann-list-row:last-child { border-bottom: none; }
.ann-list-row:hover { background: rgba(196, 149, 106, 0.03); }
.ann-list-row.is-expired { opacity: 0.7; }

.ann-list-body { flex: 1; min-width: 0; }
.ann-list-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 2px;
    flex-wrap: wrap;
}
.ann-list-title {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: var(--text-primary) !important;
    margin: 0 !important;
    line-height: 1.3;
    background: none !important;
    -webkit-text-fill-color: var(--text-primary) !important;
}
.ann-list-time {
    font-size: 11px;
    color: var(--text-muted);
    white-space: nowrap;
    flex-shrink: 0;
}
.ann-list-author {
    font-size: 12px;
    color: var(--warm-dark);
    font-weight: 600;
    margin-bottom: 4px;
}
.ann-list-text {
    font-size: 13px;
    color: var(--text-secondary);
    line-height: 1.45;
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ann-list-footer {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    align-items: center;
}

/* ═══════════════════════════════════════════════════
   TAPŞIRIQ KARTLARI (siyahıda grid ilə)
   ═══════════════════════════════════════════════════ */
.task-card-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    margin-bottom: 18px;
}
@media (min-width: 768px)  { .task-card-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .task-card-grid { grid-template-columns: repeat(3, 1fr); } }

.tc-card {
    position: relative;
    display: block;
    background: var(--glass-bg-solid);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-xl);
    padding: 20px 20px 18px 26px;
    text-decoration: none;
    color: inherit;
    transition: all 0.22s cubic-bezier(0.22, 1, 0.36, 1);
    overflow: hidden;
}
.tc-card:hover {
    transform: translateY(-3px);
    border-color: rgba(196, 149, 106, 0.3);
    box-shadow: 0 12px 28px rgba(91, 63, 40, 0.08);
}

.tc-status-strip {
    position: absolute;
    top: 0; left: 0; bottom: 0;
    width: 4px;
}
.tc-status-strip.bar-sky    { background: linear-gradient(180deg, var(--accent-sky), #6a9fc4); }
.tc-status-strip.bar-warm   { background: linear-gradient(180deg, var(--accent-warm), var(--accent-warm-2)); }
.tc-status-strip.bar-purple { background: linear-gradient(180deg, #c4a06a, #b88560); }
.tc-status-strip.bar-sage   { background: linear-gradient(180deg, var(--accent-sage), #7aa078); }

.tc-top {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}
.tc-id {
    margin-left: auto;
    font-size: 11px;
    font-weight: 700;
    color: var(--text-muted);
    letter-spacing: 0.3px;
}

.tc-title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--text-primary) !important;
    line-height: 1.35;
    margin: 0 0 6px !important;
    background: none !important;
    -webkit-text-fill-color: var(--text-primary) !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.tc-desc {
    font-size: 13px;
    color: var(--text-secondary);
    line-height: 1.45;
    margin: 0 0 14px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.tc-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-top: 12px;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    flex-wrap: wrap;
}
.tc-assignee {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}
.tc-avatar {
    width: 32px; height: 32px;
    border-radius: 10px;
    background: linear-gradient(135deg, var(--accent-warm), var(--accent-warm-2));
    color: #ffffff;
    display: flex; align-items: center; justify-content: center;
    font-weight: 700; font-size: 11px;
    flex-shrink: 0;
    letter-spacing: 0.3px;
}
.tc-assignee-info { min-width: 0; }
.tc-assignee-name {
    font-size: 12px;
    font-weight: 600;
    color: var(--text-primary);
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tc-assignee-branch {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: 11px;
    color: var(--text-muted);
    margin-top: 1px;
}
.tc-assignee-branch [data-lucide] { margin: 0 !important; }

.tc-deadline {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    background: rgba(0, 0, 0, 0.04);
    color: var(--text-secondary);
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
    flex-shrink: 0;
}
.tc-deadline [data-lucide] { margin: 0 !important; }
.tc-deadline.is-overdue {
    background: rgba(232, 165, 152, 0.18);
    color: var(--coral-dark);
}

/* Pin checkbox (modal daxilində) */
.ann-pin-toggle {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    padding: 11px 14px;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: var(--radius-md);
    cursor: pointer;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--text-primary) !important;
    margin: 0 !important;
    transition: all 0.15s ease;
    height: 100%;
}
.ann-pin-toggle:hover { border-color: rgba(196, 149, 106, 0.4); }
.ann-pin-toggle input { width: 16px; height: 16px; accent-color: var(--accent-warm); }
.ann-pin-toggle [data-lucide] {
    margin: 0 !important;
    color: var(--accent-warm);
}

/* View toggle (arxiv/aktiv) - link variant */
.view-toggle a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 34px;
    border-radius: 8px;
    background: transparent;
    color: var(--text-muted);
    text-decoration: none;
    transition: all 0.15s ease;
}
.view-toggle a [data-lucide] {
    width: 17px !important;
    height: 17px !important;
    margin: 0 !important;
}
.view-toggle a:hover:not(.active) {
    color: var(--text-primary);
    background: rgba(255, 255, 255, 0.6);
}
.view-toggle a.active {
    background: #ffffff;
    color: var(--text-primary);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

/* ═══════════════════════════════════════════════════
   PAGINATION (əvvəl/sonrakı oxlar + nömrələr)
   ═══════════════════════════════════════════════════ */
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    padding: 18px;
    flex-wrap: wrap;
}
.pagination-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px;
    padding: 0 12px;
    border-radius: var(--radius-sm);
    background: var(--glass-bg-solid);
    border: 1px solid var(--glass-border);
    color: var(--text-secondary);
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.15s ease;
}
.pagination-btn:hover:not(.is-disabled):not(.is-active) {
    background: #ffffff;
    color: var(--text-primary);
    border-color: rgba(196, 149, 106, 0.35);
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(91, 63, 40, 0.08);
}
.pagination-btn.is-active {
    background: var(--text-primary);
    color: #ffffff;
    border-color: var(--text-primary);
    box-shadow: 0 4px 12px rgba(26, 23, 20, 0.2);
}
.pagination-btn.is-disabled {
    opacity: 0.4;
    cursor: not-allowed;
    pointer-events: none;
}
.pagination-arrow {
    padding: 0 10px;
    min-width: 38px;
}
.pagination-arrow [data-lucide] {
    width: 17px !important;
    height: 17px !important;
    margin: 0 !important;
    stroke-width: 2.2;
}

/* ═══════════════════════════════════════════════════
   SİYAHI TOOLBAR — axtarış + inline view toggle
   ═══════════════════════════════════════════════════ */
.list-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    background: var(--glass-bg-solid);
    border: 1px solid var(--glass-border);
    padding: 10px 12px;
    border-radius: var(--radius-xl);
    margin-bottom: 18px;
}

.list-toolbar-search {
    position: relative;
    flex: 1;
    min-width: 260px;
    display: flex;
    align-items: center;
}
.list-toolbar-search input[type="search"] {
    width: 100%;
    padding: 10px 118px 10px 40px !important;
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    border-radius: var(--radius-md) !important;
    font-size: 13px !important;
}
.list-toolbar-search-icon {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px !important;
    height: 16px !important;
    color: var(--text-muted);
    pointer-events: none;
    margin: 0 !important;
}

.list-toolbar-inline-actions {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.list-toolbar-inline-actions .view-toggle {
    padding: 2px;
    background: rgba(0, 0, 0, 0.04);
}
.list-toolbar-inline-actions .view-toggle button {
    width: 32px;
    height: 30px;
}
.list-toolbar-inline-actions .view-toggle button [data-lucide] {
    width: 15px !important;
    height: 15px !important;
}

.list-toolbar-filter {
    flex-shrink: 0;
}
.list-toolbar-filter select {
    min-width: 180px;
    padding: 10px 14px !important;
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    border-radius: var(--radius-md) !important;
    font-size: 13px !important;
}

@media (max-width: 640px) {
    .list-toolbar-search input[type="search"] {
        padding-right: 90px !important;
    }
    .list-toolbar-filter { width: 100%; }
    .list-toolbar-filter select { width: 100%; }
}

/* ═══════════════════════════════════════════════════
   OPERATOR DASHBOARD
   ═══════════════════════════════════════════════════ */
.op-hero {
    display: flex;
    align-items: center;
    gap: 16px;
    background: linear-gradient(135deg, #fdfaf4 0%, #f7f0e5 100%);
    border: 1px solid rgba(91, 63, 40, 0.08);
    border-radius: var(--radius-xl);
    padding: 18px 22px;
    margin-bottom: 18px;
}
.op-hero-avatar {
    width: 56px; height: 56px;
    border-radius: 16px;
    background: linear-gradient(135deg, var(--accent-warm), var(--accent-warm-2));
    color: #ffffff;
    display: flex; align-items: center; justify-content: center;
    font-weight: 800; font-size: 20px;
    box-shadow: 0 6px 16px rgba(196, 149, 106, 0.3);
    flex-shrink: 0;
}
.op-hero-body { flex: 1; min-width: 0; }
.op-hero-greeting {
    font-size: 17px;
    color: var(--text-primary);
    line-height: 1.3;
}
.op-hero-greeting strong { font-weight: 700; }
.op-hero-sub {
    font-size: 13px;
    color: var(--text-muted);
    margin-top: 2px;
}
.op-hero-sub strong { color: var(--warm-dark); font-weight: 700; }

.op-hero-alert {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    background: rgba(232, 165, 152, 0.15);
    border: 1px solid rgba(232, 165, 152, 0.3);
    border-radius: 14px;
    color: var(--coral-dark);
    flex-shrink: 0;
}
.op-hero-alert [data-lucide] {
    width: 22px !important;
    height: 22px !important;
    margin: 0 !important;
    color: var(--coral-dark);
}
.op-hero-alert-count {
    font-size: 20px;
    font-weight: 800;
    line-height: 1;
}
.op-hero-alert-label {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Kanban lövhə */
.op-kanban {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    margin-top: 18px;
    margin-bottom: 18px;
}
@media (max-width: 980px) { .op-kanban { grid-template-columns: 1fr; } }

.op-kanban-col {
    background: var(--glass-bg-solid);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-xl);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.op-kanban-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 14px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    background: rgba(253, 250, 244, 0.5);
}
.op-kanban-head-left {
    display: flex;
    align-items: center;
    gap: 10px;
}
.op-kanban-icon {
    width: 34px; height: 34px;
    border-radius: 10px;
    display: flex; align-items: center; justify-content: center;
    color: #ffffff;
    flex-shrink: 0;
}
.op-kanban-icon [data-lucide] {
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    color: #ffffff !important;
}
.op-kanban-icon.bg-sky    { background: linear-gradient(135deg, var(--accent-sky), #6a9fc4); }
.op-kanban-icon.bg-warm   { background: linear-gradient(135deg, var(--accent-warm), var(--accent-warm-2)); }
.op-kanban-icon.bg-purple { background: linear-gradient(135deg, #c4a06a, #b88560); }

.op-kanban-title {
    font-size: 13px;
    font-weight: 700;
    color: var(--text-primary);
    line-height: 1.2;
}
.op-kanban-sub {
    font-size: 11px;
    color: var(--text-muted);
    margin-top: 1px;
}
.op-kanban-count {
    background: rgba(196, 149, 106, 0.15);
    color: var(--warm-dark);
    font-size: 12px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 999px;
    min-width: 28px;
    text-align: center;
}
.op-kanban-body {
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 520px;
    overflow-y: auto;
}
.op-kanban-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 32px 12px;
    color: var(--text-muted);
    font-size: 12px;
}
.op-kanban-empty [data-lucide] { margin: 0 !important; opacity: 0.5; }

/* Mini tapşırıq kartı */
.op-task-mini {
    display: block;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 12px;
    padding: 12px;
    text-decoration: none;
    transition: all 0.2s cubic-bezier(0.22, 1, 0.36, 1);
}
.op-task-mini:hover {
    border-color: rgba(196, 149, 106, 0.35);
    transform: translateY(-1px);
    box-shadow: 0 6px 14px rgba(91, 63, 40, 0.08);
}
.op-task-mini-top {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 6px;
    flex-wrap: wrap;
}
.op-task-project {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 10px;
    font-weight: 600;
    color: var(--warm-dark);
    background: rgba(196, 149, 106, 0.1);
    padding: 2px 8px;
    border-radius: 999px;
}
.op-task-project [data-lucide] { margin: 0 !important; }

.op-task-title {
    font-size: 13px;
    font-weight: 600;
    color: var(--text-primary);
    line-height: 1.3;
    margin-bottom: 3px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.op-task-desc {
    font-size: 11px;
    color: var(--text-muted);
    line-height: 1.4;
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.op-task-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding-top: 6px;
    border-top: 1px solid rgba(0, 0, 0, 0.04);
    font-size: 10px;
    color: var(--text-muted);
}
.op-task-deadline {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 2px 7px;
    background: rgba(0, 0, 0, 0.04);
    border-radius: 999px;
    font-weight: 600;
}
.op-task-deadline [data-lucide] { margin: 0 !important; }
.op-task-deadline.is-overdue {
    background: rgba(232, 165, 152, 0.2);
    color: var(--coral-dark);
}
.op-task-from {
    display: inline-flex;
    align-items: center;
    gap: 3px;
}
.op-task-from [data-lucide] { margin: 0 !important; }

/* Alt qrid (bu həftə + elanlar) */
.op-bottom-grid {
    display: grid;
    grid-template-columns: 1.3fr 1fr;
    gap: 14px;
}
@media (max-width: 980px) { .op-bottom-grid { grid-template-columns: 1fr; } }

/* Bu həftə sətirləri */
.op-week-row {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 18px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
    text-decoration: none;
    transition: background 0.15s ease;
}
.op-week-row:last-child { border-bottom: none; }
.op-week-row:hover { background: rgba(196, 149, 106, 0.03); }

.op-week-date {
    width: 44px;
    height: 48px;
    border-radius: 10px;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    line-height: 1.1;
}
.op-week-date.bg-coral { background: linear-gradient(135deg, var(--accent-coral), #d4877a); }
.op-week-date.bg-warm  { background: linear-gradient(135deg, var(--accent-warm), var(--accent-warm-2)); }
.op-week-date.bg-sage  { background: linear-gradient(135deg, var(--accent-sage), #7aa078); }
.op-week-day { font-size: 16px; font-weight: 800; }
.op-week-month { font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; }

.op-week-body { flex: 1; min-width: 0; }
.op-week-title {
    font-size: 13px;
    font-weight: 600;
    color: var(--text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.op-week-meta {
    font-size: 11px;
    color: var(--text-muted);
    margin-top: 2px;
    display: inline-flex;
    align-items: center;
    gap: 3px;
}
.op-week-meta [data-lucide] { margin: 0 !important; }

/* Operator elan sətirləri */
.op-ann-row {
    display: flex;
    gap: 10px;
    padding: 10px 18px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
    width: 100%;
    text-align: left;
    background: transparent;
    border-left: none;
    border-right: none;
    border-top: none;
    cursor: pointer;
    font-family: inherit;
    transition: background 0.15s ease;
}
.op-ann-row:hover {
    background: rgba(196, 149, 106, 0.04);
}
.op-ann-row:last-child { border-bottom: none; }

/* Elan detal popup məzmunu */
.op-ann-modal-meta {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: var(--text-muted);
    margin-bottom: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.op-ann-modal-meta [data-lucide] {
    margin: 0 !important;
    color: var(--warm-dark);
}
.op-ann-modal-body {
    font-size: 14px;
    color: var(--text-primary);
    line-height: 1.6;
    white-space: pre-line;
}

/* Giriş popup stili */
.login-ann-title {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: var(--text-primary) !important;
    margin: 0 0 10px !important;
    line-height: 1.3;
    background: none !important;
    -webkit-text-fill-color: var(--text-primary) !important;
}
.login-ann-meta {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    color: var(--text-muted);
    margin-bottom: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    flex-wrap: wrap;
}
.login-ann-meta [data-lucide] {
    margin: 0 !important;
    color: var(--warm-dark);
}
.login-ann-body {
    font-size: 14px;
    color: var(--text-primary);
    line-height: 1.6;
    white-space: pre-line;
}

.login-ann-dots {
    display: flex;
    gap: 6px;
    align-items: center;
}
.login-ann-dot {
    width: 8px; height: 8px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.15);
    border: none;
    cursor: pointer;
    padding: 0;
    transition: all 0.2s ease;
}
.login-ann-dot:hover { background: rgba(196, 149, 106, 0.4); }
.login-ann-dot.is-active {
    background: var(--accent-warm);
    width: 24px;
    border-radius: 999px;
}

.btn-cancel:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}
.op-ann-dot {
    width: 8px; height: 8px;
    border-radius: 50%;
    background: var(--accent-warm);
    margin-top: 6px;
    flex-shrink: 0;
}
.op-ann-body { flex: 1; min-width: 0; }
.op-ann-title {
    font-size: 13px;
    font-weight: 700;
    color: var(--text-primary);
}
.op-ann-text {
    font-size: 12px;
    color: var(--text-secondary);
    margin-top: 2px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.op-ann-meta {
    font-size: 11px;
    color: var(--text-muted);
    margin-top: 4px;
    display: flex;
    gap: 4px;
}

/* Sıra nömrəsi sütunu */
.row-num {
    width: 40px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: var(--text-muted) !important;
    text-align: center !important;
    letter-spacing: 0.3px;
}
.ann-row-num {
    flex-shrink: 0;
    width: 28px;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    color: var(--text-muted);
    padding-top: 4px;
    letter-spacing: 0.3px;
}

/* ═══════════════════════════════════════════════════
   LAYİHƏ KOMPONENTLƏRİ
   ═══════════════════════════════════════════════════ */

/* Layihə kart (siyahı) */
.project-card {
    text-decoration: none;
    color: inherit;
    transition: all 0.25s cubic-bezier(0.22, 1, 0.36, 1);
    border: 1px solid var(--glass-border) !important;
}
.project-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08) !important;
    border-color: var(--accent-warm) !important;
}

.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Progress bar */
.progress-track {
    height: 8px;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 99px;
    overflow: hidden;
}
.progress-bar {
    height: 100%;
    background: linear-gradient(90deg, var(--accent-warm), var(--accent-warm-2));
    border-radius: 99px;
    transition: width 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Project tabs */
.project-tabs {
    display: flex;
    gap: 4px;
    padding: 4px;
    background: rgba(0, 0, 0, 0.03);
    border-radius: var(--radius-md);
    margin-bottom: 16px;
    overflow-x: auto;
    flex-wrap: wrap;
}
.project-tabs button {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 10px 16px;
    background: transparent;
    border: none;
    border-radius: var(--radius-sm);
    font-size: 13px;
    font-weight: 600;
    color: var(--text-secondary);
    cursor: pointer;
    font-family: inherit;
    white-space: nowrap;
}
.project-tabs button:hover {
    background: rgba(255, 255, 255, 0.6);
    color: var(--text-primary);
}
.project-tabs button.active {
    background: #ffffff;
    color: var(--text-primary);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
}

/* Üzv avatar */
.member-avatar {
    background: linear-gradient(135deg, var(--accent-sky), #6a9fc4);
}
.member-avatar-lead {
    background: linear-gradient(135deg, var(--accent-warm), var(--accent-warm-2));
    box-shadow: 0 4px 12px rgba(196, 149, 106, 0.3);
}

/* ═══════════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════════ */
@media (max-width: 767px) {
    aside#sidebar {
        position: fixed !important;
        top: 0; bottom: 0; left: 0;
        margin: 12px;
        transform: translateX(-110%);
        transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
    }
    aside#sidebar.is-visible { transform: translateX(0); }

    main { padding: 16px !important; }

    h1.text-3xl { font-size: 22px !important; }

    main .grid.sm\:grid-cols-2.lg\:grid-cols-5 {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* ═══════════════════════════════════════════════════
   PROSE mətn
   ═══════════════════════════════════════════════════ */
.prose { color: var(--text-secondary); }
.prose p { color: var(--text-secondary); }

/* ═══════════════════════════════════════════════════
   Border utility overrideları
   ═══════════════════════════════════════════════════ */
.border-gray-200, .border-gray-300 { border-color: rgba(0, 0, 0, 0.06) !important; }
.border-b, .border-t { border-color: rgba(0, 0, 0, 0.04) !important; }

/* Text override-ları */
.text-gray-500, .text-gray-600 { color: var(--text-muted) !important; }
.text-gray-700, .text-gray-800, .text-gray-900 { color: var(--text-primary) !important; }
.text-indigo-600, .text-indigo-700, .text-indigo-800, .text-indigo-900 { color: var(--warm-dark) !important; }
.hover\:text-indigo-800:hover, .hover\:text-indigo-900:hover { color: var(--warm-dark) !important; }

/* İndigo → warm tan (köhnə template-lər üçün ehtiyat) */
.bg-indigo-600 {
    background: linear-gradient(135deg, var(--accent-warm), var(--accent-warm-2)) !important;
    color: #ffffff !important;
    border-radius: var(--radius-md) !important;
    box-shadow: 0 4px 16px rgba(196, 149, 106, 0.3) !important;
}
.bg-indigo-700, .hover\:bg-indigo-700:hover {
    background: linear-gradient(135deg, #b88560, #c49068) !important;
    box-shadow: 0 6px 20px rgba(196, 149, 106, 0.4) !important;
}
.focus\:ring-indigo-500:focus, .focus\:border-indigo-500:focus {
    border-color: var(--accent-warm) !important;
    box-shadow: 0 0 0 3px rgba(196, 149, 106, 0.15) !important;
}

/* Purple kölgələrinin tam pokrıtisi */
.hover\:bg-purple-800:hover, .hover\:bg-purple-900:hover {
    background: linear-gradient(135deg, #b88560, #c49068) !important;
}
.focus\:ring-purple-500:focus, .focus\:border-purple-500:focus {
    border-color: var(--accent-warm) !important;
    box-shadow: 0 0 0 3px rgba(196, 149, 106, 0.15) !important;
}

/* Bg utility-lər */
.bg-gray-100 { background: rgba(0, 0, 0, 0.03) !important; }
.bg-gray-50 { background: transparent !important; }