/* =========================================
   TEAM TASKS - PROFESSIONAL THEME
   ========================================= */
:root {
    /* Brand Colors - نفس هوية التطبيق */
    --primary: #5E5CE6;
    --primary-hover: #4b49c9;
    --secondary: #E5E5EA;
    /* Backgrounds */
    --bg-app: #F4F6F8; /* رمادي مائل للأزرق خفيف جداً (Business Look) */
    --bg-card: #FFFFFF;
    /* Typography */
    --text-dark: #1A1C23;
    --text-medium: #637381;
    --text-light: #919EAB;
    /* Status Colors */
    --status-todo-bg: #FFE7D9;
    --status-todo-text: #7A0C2E;
    --status-doing-bg: #D0F2FF;
    --status-doing-text: #04297A;
    --status-done-bg: #E4F8DD;
    --status-done-text: #0A5554;
    /* UI Elements */
    --radius-card: 16px;
    --radius-btn: 10px;
    --shadow-card: 0 0 2px 0 rgba(145, 158, 171, 0.2), 0 12px 24px -4px rgba(145, 158, 171, 0.12);
    --font-main: 'Public Sans', 'Cairo', sans-serif; /* خطوط حديثة */
}

/* Global Reset */
body {
    background-color: var(--bg-app);
    color: var(--text-dark);
    font-family: var(--font-main);
    line-height: 1.5;
    margin-bottom: 60px;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    color: var(--text-dark);
}

a {
    text-decoration: none;
    transition: 0.2s;
}

/* Buttons Enhancement */
.btn {
    font-weight: 600;
    border-radius: var(--radius-btn);
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    transition: all 0.2s;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
}

.btn-primary, button[type="submit"]:not(.danger) {
    background-color: var(--primary);
    color: white;
    box-shadow: 0 8px 16px rgba(94, 92, 230, 0.24);
}

    .btn-primary:hover, button[type="submit"]:not(.danger):hover {
        background-color: var(--primary-hover);
        transform: translateY(-1px);
    }

/* Cards Enhancement */
.card, .addbox, .col {
    background: var(--bg-card);
    border-radius: var(--radius-card);
    box-shadow: var(--shadow-card);
    border: 1px solid rgba(145, 158, 171, 0.08) !important; /* حدود خفيفة جداً */
}

/* Navbar Fix */
.navbar {
    background: rgba(255, 255, 255, 0.9) !important;
    backdrop-filter: blur(6px);
    border-bottom: 1px solid rgba(145, 158, 171, 0.12);
    position: sticky;
    top: 0;
    z-index: 1000;
}