:root {
    --cm-card-bg: #fffdf8;
    --cm-card-border: var(--p-line);
    --cm-text: var(--p-ink);
    --cm-muted: #82736a;
    --cm-navy: var(--p-burgundy);
    --cm-brand-accent: var(--p-burgundy);
    --cm-surface: #fffdf8;
    --cm-grid-head-bg: #f3ecdf;
    --cm-grid-head-text: var(--p-burgundy);
    --cm-grid-border: var(--p-line);
    --cm-grid-filter-bg: #fffdf8;
    --cm-grid-row-hover: #f8f0e4;
    --cm-grid-shadow: none;
    --cm-focus-ring: 0 0 0 3px #d8b16c40;
}

.p-stock-grid.tabulator {
    font-size: 13px;
}

.p-stock-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px;
    position: sticky;
    top: 0;
    z-index: 30;
    padding: 14px 0;
    background: var(--p-cream);
    border-bottom: 1px solid var(--p-line);
}

.p-stock-search {
    flex: 1;
    margin: 0;
    gap: 12px;
}

.p-stock-search label {
    flex: 1;
    max-width: 440px;
}

.p-stock-search input {
    width: 100%;
}

.p-stock-adjust-page {
    max-width: 580px;
    min-width: 0;
}

.p-stock-adjust-page input {
    border: 1px solid var(--p-line);
    border-radius: 6px;
    padding: 12px;
}

@media (max-width: 700px) {
    .p-stock-toolbar {
        align-items: stretch;
    }

    .p-stock-search {
        flex-basis: 100%;
        flex-wrap: nowrap;
        align-items: flex-end;
    }

    .p-stock-search label {
        min-width: 0;
    }

    .p-stock-grid .tabulator-footer .tabulator-footer-contents {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .p-stock-adjust-page .p-actions {
        flex-wrap: wrap;
    }
}