/* ============================================================
   pq_style_root.css — Grunnstíll og CSS breytur fyrir PQTrack
   Allar litabreytur eru skilgreindar hér og notaðar í öllum skrám
   ============================================================ */

:root {
    /* ── Brand palette ─────────────────────────────────────── */
    --primary-color:    #3E2A10;
    --hover-bg-color:   #5C3D1E;
    --secondary-color:  #E8D5B7;
    --text-color-menu:  #E8D5B7;
    --brand-dark:       #3E2A10;
    --brand-mid:        #7A5230;
    --brand-light:      #B8895A;
    --brand-warm:       #E8D5B7;
    --brand-cream:      #F7F0E6;
    --brand-milk:       #fbfaf8;
    --brand-accent:     #C9762B;

    /* ── Texti ─────────────────────────────────────────────── */
    --text-dark:        #2C1A08;
    --text-muted:       #7A6653;

    /* ── Borders og shadows ─────────────────────────────────── */
    --border-color:     #D9C4A8;
    --shadow:           rgba(62,42,16,0.12);

    /* ── Stjörnur ──────────────────────────────────────────── */
    --star-active:      #ffc82b;
    --star-inactive:    #B8895A;

    /* ── Status litir ──────────────────────────────────────── */
    --status-success-bg:     rgba(39,174,96,0.12);
    --status-success-text:   #1a7a42;
    --status-error-bg:       #fff3f3;
    --status-error-text:     #7A2020;
    --status-error-border:   #e07070;
    --status-warning-bg:     #fff8e6;
    --status-warning-text:   #b07d1a;

    /* ── Phase litir — verkstaður ───────────────────────────── */
    --phase-created-bg:          #f0f4ff;
    --phase-created-text:        #4366d6;
    --phase-pending-bg:          #fff8e6;
    --phase-pending-text:        #b07d1a;
    --phase-pending-dot:         #f0a500;
    --phase-waiting-bg:          #fff0f0;
    --phase-waiting-text:        #c0392b;
    --phase-waiting-dot:         #e74c3c;
    --phase-scheduled-bg:        #f0fff4;
    --phase-scheduled-text:      #1a7a4a;
    --phase-scheduled-dot:       #27ae60;
    --phase-in-progress-bg:      #e8f4fd;
    --phase-in-progress-text:    #1a6fa0;
    --phase-in-progress-dot:     #2980b9;
    --phase-finished-bg:         #f0f0f0;
    --phase-finished-text:       #6fa193;
    --phase-finished-dot:        #9de4d1;
    --phase-completed-bg:        #f0f0f0;
    --phase-completed-text:      #555555;
    --phase-completed-dot:       #888888;

    /* ── Phase litir — reikningsstaður ─────────────────────── */
    --phase-ip-needs-review-bg:          #fff8e6;
    --phase-ip-needs-review-text:        #b07d1a;
    --phase-ip-needs-review-dot:         #f0a500;
    --phase-ip-billable-bg:              #e8f4fd;
    --phase-ip-billable-text:            #1a6fa0;
    --phase-ip-billable-dot:             #2980b9;
    --phase-ip-billable-close-bg:        #f0fff4;
    --phase-ip-billable-close-text:      #1a7a4a;
    --phase-ip-billable-close-dot:       #27ae60;
    --phase-ip-ready-close-bg:           #f0f0f0;
    --phase-ip-ready-close-text:         #555555;
    --phase-ip-ready-close-dot:          #888888;

    /* ── Toast litir ───────────────────────────────────────── */
    --toast-success-bg:    #1B4A2E;
    --toast-success-text:  #A8E6BC;
    --toast-error-bg:      #7A2020;
    --toast-error-text:    #FFD5D5;
    --toast-warning-bg:    #7A5A00;
    --toast-warning-text:  #FFE9A0;
    --toast-info-bg:       #1A3A5C;
    --toast-info-text:     #A8D0F0;

    /* ── Fjárhagslitir ─────────────────────────────────────── */
    --balance-negative:    #c0392b;
    --balance-positive:    #1a7a4a;
    --finance-cost:        #c0392b;
    --finance-sale:        #1a7a4a;

    /* ── Header ────────────────────────────────────────────── */
    --header-priority-color: #f0c96a;

    /* ── Budget/offer status litir ─────────────────────────────── */
    --status-approved-bg:        rgba(39,174,96,0.12);
    --status-approved-text:      #1a7a42;
    --status-approved-dot:       #27ae60;
    --status-delivered-bg:       rgba(39,100,174,0.1);
    --status-delivered-text:     #1a4a8a;
    --status-delivered-dot:      #2764ae;
    --status-rejected-bg:        #fff3f3;
    --status-rejected-text:      #7A2020;
    --status-rejected-dot:       #c0392b;
    --status-pending-bg:         var(--phase-pending-bg);
    --status-pending-text:       var(--phase-pending-text);
    --status-pending-dot:        var(--phase-pending-dot);
}

/* ── Global reset ───────────────────────────────────────────── */
* { box-sizing: border-box; margin: 0; padding: 0; }

body {
    font-family: 'DM Sans', sans-serif;
    background-color: var(--brand-cream);
    color: var(--text-dark);
    padding-top: 64px;
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}
.page-wrapper {
    flex: 1;
    padding: 0.75rem 1rem 3rem;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    background-color: var(--brand-milk);
}

.actions-row {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.5rem;
}

.project-number {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--brand-warm);
    opacity: 0.8;
    margin-bottom: 4px;
}

.project-name {
    font-family: 'DM Serif Display', serif;
    font-size: 1.4rem;
    font-weight: 400;
    color: var(--brand-warm);
    line-height: 1.25;
}