/* The toolbar above is the shared single-row .top-btns-container (SaleAccount.css): 3rem top,
   57px tall, ending at 105px — so the buttons start at 7rem, the same 7px gap the Account
   Master pages leave between their toolbar and their table, and share its left edge. */
.invoice-settings-container {
    position: fixed;
    top: 7rem;
    bottom: 0;
    left: 14.5rem;
    right: 1rem;
    transition: left 0.2s ease;
    /* The settings outgrew the window, and the floating Assistant robot (Assistant.css, 24px up,
       56px tall, beside the sidebar) sat on the last dropdown. Scrolling with this much room below
       lets every field be brought up clear of it. */
    overflow-y: auto;
    padding-bottom: 96px;
}

.invoice-settings-container.sidebar-collapsed {
    left: 5.5rem;
}

.invoice-setting-column {
    margin-top: 4px;
    display: grid;
    grid-template-columns: auto;
    gap: 10px;
    align-items: center;
    margin-right: 10px;
}

.invoice-setting-column button{
    height: 35px;
    width: 350px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 6px 6px;
    border: 1px solid #ccc;
    border-radius: 6px;
    background: #fff;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    color: #3399ff;
}
/* Invoice Settings' own choices (Other Amount Calculation): a labelled select under the buttons. */
.invoice-setting-field {
    margin-top: 18px;
    width: 350px;
    display: grid;
    gap: 5px;
}

.invoice-setting-field label {
    font-size: 14px;
    font-weight: bold;
    color: #333;
}

.invoice-setting-field select {
    height: 35px;
    padding: 4px 8px;
    border: 1px solid #ccc;
    border-radius: 6px;
    background: #fff;
    font-size: 14px;
}

.invoice-setting-hint {
    font-size: 12px;
    color: #666;
}

/* A titled group of settings (Print Setting) under the plain selects. */
.invoice-setting-section {
    margin-top: 24px;
    width: 350px;
    padding-bottom: 4px;
    border-bottom: 1px solid #ddd;
    font-size: 15px;
    font-weight: bold;
    color: #3399ff;
}

/* Print Agent panel: installed / latest version and Check, Update Now, Download. */
.print-agent-row {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: #333;
}

.print-agent-buttons {
    display: flex;
    gap: 8px;
    margin-top: 4px;
}

.print-agent-buttons button,
.print-agent-buttons a {
    flex: 1;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ccc;
    border-radius: 6px;
    background: #fff;
    font-size: 14px;
    font-weight: bold;
    color: #3399ff;
    text-decoration: none;
    cursor: pointer;
}

.print-agent-buttons button:disabled {
    color: #999;
    cursor: default;
}

/* Update Now stands out from Check / Download: it is the one action the panel is asking for. */
.print-agent-buttons button.print-agent-update,
.print-agent-buttons a.print-agent-update {
    background: #3399ff;
    border-color: #3399ff;
    color: #fff;
}