/* ============================================
   LAYOUT - MAPA SKŘÍNĚK
   Verze: 6.0
   ============================================ */

/* === HLAVNÍ KONTAJNER === */
/* (Už definováno v base.css, zde jen pro úplnost kontextu) */
.container {
    max-width: 1400px;
    margin: 0 auto;
    padding: var(--spacing-xl);
}

/* === TOP PANEL (Ovládání + Schránka) === */
.top-panel {
    display: grid;
    grid-template-columns: 2fr 1fr; /* Ovládání je dvakrát širší než schránka */
    gap: var(--spacing-xl);
    margin-bottom: var(--spacing-xl);
}

/* === OVLÁDACÍ PANEL === */
.control-panel {
    background: #fff;
    padding: var(--spacing-xl);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius-large);
    box-shadow: var(--shadow-medium);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg);
}

/* === SCHRÁNKA === */
.clipboard-panel {
    background: #fff;
    padding: var(--spacing-xl);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius-large);
    box-shadow: var(--shadow-medium);
    height: fit-content; /* Aby se panel neroztáhl nadbytečně */
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
}

/* === SEKCE ARCHIVŮ === */
/* (Tato sekce je nyní samostatná pod top-panel, ale používá podobný layout) */
.archive-section-inline {
    margin-top: var(--spacing-xl);
    padding-top: var(--spacing-xl);
    border-top: 1px solid var(--border-color);
}

.archive-controls-inline {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Dvě sloupce pro levou a pravou tabulku */
    gap: var(--spacing-xl);
    margin-top: var(--spacing-md);
}

/* === KONTAJNER TABULEK === */
.tables-container {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xl);
    margin-top: var(--spacing-xl);
}

/* === SEKCE TABULKY === */
.table-section {
    background: #fff;
    padding: var(--spacing-lg);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius-large);
    box-shadow: var(--shadow-small);
}

/* === HLAVIČKA TABULKY === */
.table-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--spacing-md);
    padding-bottom: var(--spacing-sm);
    border-bottom: 2px solid var(--primary-color);
}

/* === ARCHIV SLUPCE === */
.archive-column-inline {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
}

/* === POMOCNÉ LAYOUT TŘÍDY === */
/* Pro zarovnání obsahu uvnitř komponent */
.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.grid-2-col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-md);
}

.grid-3-col {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-md);
}

/* === RESPONSIVNÍ LAYOUT (základní) === */
/* Detailní media queries jsou v responsive.css, zde jen zásadní zlomy */
@media (max-width: 900px) {
    .top-panel {
        grid-template-columns: 1fr; /* Sloupec pod sebou */
    }

    .archive-controls-inline {
        grid-template-columns: 1fr;
    }

    .grid-2-col,
    .grid-3-col {
        grid-template-columns: 1fr;
    }
}