﻿/* ===== ACCOUNT.CSS - ACCOUNT-SPECIFIC COMPONENTS ONLY ===== */
/* Note: All CRUD card/grid layouts moved to create.css */
/* Only contains components unique to Account pages that aren't covered by create.css */

/* ===== ACCOUNT-SPECIFIC ICON STYLING ===== */
/* Icons used in account index cards */
.icon-page {
    width: 16px;
    opacity: 0.6;
    flex-shrink: 0;
}

/* ===== ACCOUNT-SPECIFIC OVERRIDES ===== */
/* Only needed if account pages need different behavior than create.css defaults */

/* Account-specific page header adjustment */
.page-header.account {
    width: 100%;
    max-width: none;
    margin: 12px 0;
}

/* ===== LEGACY HIGH-DENSITY LAYOUT OPTION ===== */
/* Optional toggle for ultra-compact view - kept for backward compatibility */
.accounts-grid.density-high {
    gap: 8px;
}

    .accounts-grid.density-high .account-card {
        padding: 8px;
    }

    .accounts-grid.density-high .card-header .account-name {
        font-size: var(--text-md);
    }

    .accounts-grid.density-high .info-row {
        font-size: var(--text-xs);
        margin-bottom: 0.25rem;
    }

    .accounts-grid.density-high .card-actions {
        margin-top: 0.5rem;
        padding-top: 0.5rem;
    }

    .accounts-grid.density-high .btn-compact {
        padding: 0.25rem 0.5rem;
        font-size: 0.7rem;
    }

/* ===== ACCOUNT-SPECIFIC PRINT STYLES ===== */
@media print {
    .page-header.account {
        margin: 0;
        padding: 0;
        border: none;
        background: none;
    }

    .icon-page {
        display: none;
    }
}
