/*
 * Enterprise UI polish — July 2026
 * Final shared overrides for asset entry grids, data tables, brand reports,
 * and brand-detail empty states. Loaded after responsive.css intentionally.
 */

/* -------------------------------------------------------------------------
   Asset entry forms: five fields per desktop row
   ------------------------------------------------------------------------- */
body.ams-app.ams-asset-fullscreen .form-grid {
    width: 100% !important;
    max-width: none !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    column-gap: 14px !important;
    row-gap: 16px !important;
    align-items: start !important;
}

body.ams-app.ams-asset-fullscreen .form-grid > * {
    min-width: 0 !important;
}

body.ams-app.ams-asset-fullscreen .form-grid > .field-group,
body.ams-app.ams-asset-fullscreen .form-grid > .form-group,
body.ams-app.ams-asset-fullscreen .form-grid > .input-group,
body.ams-app.ams-asset-fullscreen .form-grid > .auto-field {
    grid-column: auto !important;
    width: 100% !important;
}

body.ams-app.ams-asset-fullscreen .form-grid > .form-section-title,
body.ams-app.ams-asset-fullscreen .form-grid > .datacard-mobility-section-title,
body.ams-app.ams-asset-fullscreen .form-grid > .cpu-mobile-section-title,
body.ams-app.ams-asset-fullscreen .form-grid > .section-title {
    grid-column: 1 / -1 !important;
}

/* Keep controls aligned even when labels wrap to two lines. */
body.ams-app.ams-asset-fullscreen .field-group,
body.ams-app.ams-asset-fullscreen .form-group,
body.ams-app.ams-asset-fullscreen .input-group,
body.ams-app.ams-asset-fullscreen .auto-field {
    align-content: start;
}

body.ams-app.ams-asset-fullscreen .ams-field-label,
body.ams-app.ams-asset-fullscreen .field-group > label,
body.ams-app.ams-asset-fullscreen .form-group > label {
    min-height: 18px;
}

/* -------------------------------------------------------------------------
   Enterprise data tables: visible horizontal and vertical grid lines
   ------------------------------------------------------------------------- */
body.ams-app .table-container,
body.ams-app .table-wrapper,
body.ams-app .table-wrap,
body.ams-app .table-scroll {
    border: 1px solid var(--ams-color-border-strong) !important;
    border-radius: var(--ams-radius-lg) !important;
    background: var(--ams-color-surface) !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
}

body.ams-app table {
    border: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

body.ams-app table th,
body.ams-app table td {
    border: 0 !important;
    border-right: 1px solid var(--ams-color-border) !important;
    border-bottom: 1px solid var(--ams-color-border) !important;
    text-align: left !important;
}

body.ams-app table th {
    border-bottom-color: var(--ams-color-border-strong) !important;
    background: #f3f6fa !important;
    color: #3f4d61 !important;
    font-weight: 700 !important;
}

body.ams-app table th:last-child,
body.ams-app table td:last-child {
    border-right: 0 !important;
}

body.ams-app table tbody tr:last-child td {
    border-bottom: 0 !important;
}

body.ams-app table tbody tr:nth-child(even) td {
    background: #fbfcfe !important;
}

body.ams-app table tbody tr:hover td {
    background: var(--ams-color-primary-soft) !important;
}

/* Preserve intentional status/scrap row emphasis used by asset modules. */
body.ams-app table tbody tr.scrap-row td,
body.ams-app table tbody tr.scrapped-row td,
body.ams-app table tbody tr.row-scrapped td,
body.ams-app table tbody tr[data-scrapped="true"] td {
    background: var(--ams-color-danger-soft) !important;
    color: #8f1d2c !important;
}

/* -------------------------------------------------------------------------
   Brand report KPI cards
   ------------------------------------------------------------------------- */
body.brand-reports-page .page-wrapper {
    max-width: 1600px !important;
}

body.brand-reports-page .cards {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 18px !important;
    align-items: stretch !important;
    margin-bottom: 0 !important;
}

body.brand-reports-page .card-link {
    min-width: 0;
    height: 100%;
}

body.brand-reports-page .card-link .card {
    position: relative;
    min-height: 126px !important;
    height: 100% !important;
    justify-content: space-between !important;
    padding: 22px !important;
    border: 1px solid var(--ams-color-border) !important;
    border-radius: 14px !important;
    background: var(--ams-color-surface) !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05) !important;
    overflow: hidden;
}

body.brand-reports-page .card-link .card::after {
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: var(--ams-color-primary);
    content: "";
}

body.brand-reports-page .card-link:hover .card,
body.brand-reports-page .card-link:focus-visible .card {
    border-color: var(--ams-color-primary-border) !important;
    background: var(--ams-color-primary-soft) !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08) !important;
}

body.brand-reports-page .card h3 {
    margin: 0 !important;
    color: var(--ams-color-text) !important;
    font-size: 15px !important;
    font-weight: 650 !important;
    line-height: 1.35 !important;
    overflow-wrap: anywhere;
}

body.brand-reports-page .card p {
    margin: 18px 0 0 !important;
    color: #51627a !important;
    font-size: 30px !important;
    font-weight: 750 !important;
    letter-spacing: -0.035em;
    line-height: 1 !important;
}

/* -------------------------------------------------------------------------
   Brand details: structured KPI grid, readable empty states and tables
   ------------------------------------------------------------------------- */
body.brand-details-page .page-wrap {
    max-width: 1600px !important;
}

body.brand-details-page .summary-grid {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 16px !important;
    align-items: stretch !important;
    margin-bottom: 24px !important;
}

body.brand-details-page .summary-card {
    min-width: 0;
    min-height: 108px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    padding: 18px 20px !important;
    border: 1px solid var(--ams-color-border) !important;
    border-left: 4px solid #94a3b8 !important;
    border-radius: 12px !important;
    background: var(--ams-color-surface) !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05) !important;
    color: var(--ams-color-text) !important;
}

body.brand-details-page a.summary-card:hover,
body.brand-details-page a.summary-card:focus-visible {
    border-color: var(--ams-color-primary-border) !important;
    border-left-color: var(--ams-color-primary) !important;
    background: var(--ams-color-primary-soft) !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08) !important;
}

body.brand-details-page .summary-card .card-header {
    min-height: 0 !important;
    width: 100%;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

body.brand-details-page .summary-title {
    color: var(--ams-color-text-secondary) !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 1.3 !important;
}

body.brand-details-page .summary-value {
    margin: 12px 0 0 !important;
    color: var(--ams-color-text) !important;
    font-size: 28px !important;
    font-weight: 750 !important;
    letter-spacing: -0.035em !important;
    line-height: 1 !important;
}

body.brand-details-page .summary-card.total-card {
    border-color: var(--ams-color-primary-border) !important;
    border-left-color: var(--ams-color-primary) !important;
    background: var(--ams-color-primary-soft) !important;
    text-align: left !important;
}

body.brand-details-page .section {
    overflow: hidden !important;
    border: 1px solid var(--ams-color-border) !important;
    border-radius: 14px !important;
    background: var(--ams-color-surface) !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05) !important;
}

body.brand-details-page .section-header {
    min-height: 64px;
    align-items: center !important;
    padding: 16px 20px !important;
    border-bottom: 1px solid var(--ams-color-border) !important;
    background: var(--ams-color-surface) !important;
}

body.brand-details-page .section-header h3 {
    color: var(--ams-color-text) !important;
    font-size: 18px !important;
}

body.brand-details-page .count-badge {
    min-height: 28px;
    padding: 4px 10px !important;
    border-color: var(--ams-color-info-border) !important;
    background: var(--ams-color-info-soft) !important;
    color: var(--ams-color-info) !important;
}

body.brand-details-page .empty {
    min-height: 112px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 28px 20px !important;
    border: 0 !important;
    background: #f8fafc !important;
    color: #526074 !important;
    font-size: 14px !important;
    font-weight: 550 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
}

body.brand-details-page .table-container {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body.brand-details-page .section .table-container table {
    border-top: 0 !important;
}

/* -------------------------------------------------------------------------
   Responsive behaviour
   ------------------------------------------------------------------------- */
@media (max-width: 1180px) {
    body.ams-app.ams-asset-fullscreen .form-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }

    body.brand-reports-page .cards,
    body.brand-details-page .summary-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 980px) {
    body.ams-app.ams-asset-fullscreen .form-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    body.brand-reports-page .cards,
    body.brand-details-page .summary-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 760px) {
    body.ams-app.ams-asset-fullscreen .form-grid,
    body.brand-reports-page .cards,
    body.brand-details-page .summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 520px) {
    body.ams-app.ams-asset-fullscreen .form-grid,
    body.brand-reports-page .cards,
    body.brand-details-page .summary-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

/* =========================================================================
   Enterprise refinement pass — UI9
   Compact KPI cards, readable feedback, aligned monitor linking, and
   one-row HRMS filters. These rules intentionally load last.
   ========================================================================= */

/* Brand Reports: compact, scan-friendly cards at enterprise density. */
body.brand-reports-page .cards {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 14px !important;
}

body.brand-reports-page .card-link .card {
    min-height: 104px !important;
    padding: 16px 18px !important;
    border-radius: 12px !important;
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.06) !important;
}

body.brand-reports-page .card h3 {
    font-size: 14px !important;
    line-height: 1.3 !important;
}

body.brand-reports-page .card p {
    margin-top: 12px !important;
    font-size: 26px !important;
}

/* Feedback: restore WCAG-friendly contrast after the legacy dark-theme CSS. */
body.feedback-messages-page #ams-main-content .page-wrap {
    width: 100% !important;
    max-width: 1600px !important;
}

body.feedback-messages-page #ams-main-content .section-heading {
    align-items: center !important;
    margin-bottom: 14px !important;
}

body.feedback-messages-page #ams-main-content .section-heading h2 {
    color: var(--ams-color-text) !important;
    font-size: 22px !important;
    font-weight: 700 !important;
}

body.feedback-messages-page #ams-main-content .section-heading p {
    color: var(--ams-color-text-secondary) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

body.feedback-messages-page #ams-main-content .summary-chip {
    min-height: 36px !important;
    padding: 7px 12px !important;
    border: 1px solid var(--ams-color-primary-border) !important;
    background: var(--ams-color-primary-soft) !important;
    color: #1d4ed8 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

body.feedback-messages-page #ams-main-content .card {
    padding: 16px !important;
    border: 1px solid var(--ams-color-border) !important;
    border-radius: 14px !important;
    background: var(--ams-color-surface) !important;
    box-shadow: var(--ams-shadow-sm) !important;
}

body.feedback-messages-page #ams-main-content .table-scroll {
    border-color: var(--ams-color-border-strong) !important;
    border-radius: 12px !important;
}

body.feedback-messages-page #ams-main-content table {
    min-width: 1380px !important;
}

body.feedback-messages-page #ams-main-content table th {
    padding: 12px 14px !important;
    background: #eef3f8 !important;
    color: #334155 !important;
    font-size: 12.5px !important;
}

body.feedback-messages-page #ams-main-content table td {
    padding: 13px 14px !important;
    background: #ffffff !important;
    color: #26364b !important;
    font-size: 13px !important;
}

body.feedback-messages-page #ams-main-content table tbody tr:nth-child(even) td {
    background: #f8fafc !important;
}

body.feedback-messages-page #ams-main-content table tbody tr:hover td {
    background: #eef5ff !important;
}

body.feedback-messages-page #ams-main-content .message-box {
    color: #334155 !important;
    font-weight: 500 !important;
}

body.feedback-messages-page #ams-main-content .badge-unread {
    border-color: #f9a8a8 !important;
    background: #fef2f2 !important;
    color: #b42318 !important;
}

body.feedback-messages-page #ams-main-content .badge-read {
    border-color: #86efac !important;
    background: #f0fdf4 !important;
    color: #166534 !important;
}

body.feedback-messages-page #ams-main-content .row-count {
    border-color: #93c5fd !important;
    background: #eff6ff !important;
    color: #1d4ed8 !important;
}

body.feedback-messages-page #ams-main-content .muted-text {
    color: #64748b !important;
}

body.feedback-messages-page #ams-main-content .review-btn {
    border-color: #93c5fd !important;
    background: #eff6ff !important;
    color: #1d4ed8 !important;
}

body.feedback-messages-page #ams-main-content .mark-btn {
    border-color: #86efac !important;
    background: #f0fdf4 !important;
    color: #166534 !important;
}

body.feedback-messages-page #ams-main-content .disabled-btn {
    border-color: #cbd5e1 !important;
    background: #f1f5f9 !important;
    color: #64748b !important;
    opacity: 1 !important;
}

body.feedback-messages-page #ams-main-content .delete-btn {
    border-color: #fecaca !important;
    background: #fef2f2 !important;
    color: #b42318 !important;
}

/* Monitor link/replace: all controls share the same baseline and height. */
body.monitor-page #ams-main-content .link-panel .form-grid {
    display: grid !important;
    grid-template-columns: minmax(240px, 290px) minmax(240px, 290px) minmax(240px, 290px) !important;
    gap: 16px !important;
    align-items: end !important;
    justify-content: start !important;
}

body.monitor-page #ams-main-content .link-panel .field-group {
    display: flex !important;
    flex-direction: column !important;
    gap: 7px !important;
    min-width: 0 !important;
}

body.monitor-page #ams-main-content .link-panel .field-group > label,
body.monitor-page #ams-main-content .link-panel .link-action-label {
    min-height: 18px !important;
    margin: 0 !important;
    color: var(--ams-color-text) !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 18px !important;
}

body.monitor-page #ams-main-content .link-panel .link-action-label {
    visibility: hidden;
}

body.monitor-page #ams-main-content .link-panel .custom-dropdown-input,
body.monitor-page #ams-main-content .link-panel .link-action-field .btn {
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
}

body.monitor-page #ams-main-content .import-undo-row {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

/* Scrap Management KPI cards: compact enterprise dashboard proportions. */
body.scrap-dashboard-page #ams-main-content .page-wrapper {
    width: 100% !important;
    max-width: 1600px !important;
}

body.scrap-dashboard-page #ams-main-content .cards {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 14px !important;
    margin-bottom: 0 !important;
}

body.scrap-dashboard-page #ams-main-content .card-link {
    min-width: 0 !important;
    text-decoration: none !important;
}

body.scrap-dashboard-page #ams-main-content .card-link .card {
    min-height: 104px !important;
    height: 104px !important;
    padding: 16px 18px !important;
    justify-content: space-between !important;
    border: 1px solid var(--ams-color-border) !important;
    border-left: 4px solid #94a3b8 !important;
    border-radius: 12px !important;
    background: var(--ams-color-surface) !important;
    color: var(--ams-color-text) !important;
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.06) !important;
    transform: none !important;
}

body.scrap-dashboard-page #ams-main-content .card-link .card::before,
body.scrap-dashboard-page #ams-main-content .card-link .card::after {
    display: none !important;
}

body.scrap-dashboard-page #ams-main-content .card-link:hover .card,
body.scrap-dashboard-page #ams-main-content .card-link:focus-visible .card {
    border-color: var(--ams-color-primary-border) !important;
    border-left-color: var(--ams-color-primary) !important;
    background: var(--ams-color-primary-soft) !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08) !important;
}

body.scrap-dashboard-page #ams-main-content .card-header {
    display: block !important;
}

body.scrap-dashboard-page #ams-main-content .card-title {
    color: var(--ams-color-text-secondary) !important;
    font-size: 14px !important;
    font-weight: 650 !important;
}

body.scrap-dashboard-page #ams-main-content .card-value {
    margin: 0 !important;
    color: var(--ams-color-text) !important;
    font-size: 28px !important;
    font-weight: 750 !important;
    letter-spacing: -0.03em !important;
}

/* HRMS: one compact desktop filter row and short employee-code lookup. */
body.hrms-employees-page #ams-main-content .card {
    padding: 18px 20px !important;
}

body.hrms-employees-page #ams-main-content .card > form .form-grid {
    display: grid !important;
    grid-template-columns:
        minmax(210px, 1.3fr)
        minmax(190px, 1.1fr)
        minmax(150px, 0.8fr)
        minmax(150px, 0.8fr)
        minmax(150px, auto) !important;
    gap: 12px !important;
    align-items: end !important;
}

body.hrms-employees-page #ams-main-content .hrms-filter-field,
body.hrms-employees-page #ams-main-content .hrms-filter-actions {
    grid-column: auto !important;
    min-width: 0 !important;
}

body.hrms-employees-page #ams-main-content .hrms-filter-actions .btn {
    min-width: 150px !important;
    width: 100% !important;
    height: 44px !important;
}

body.hrms-employees-page #ams-main-content .summary-with-assets-filter {
    display: grid !important;
    grid-template-columns: auto auto 1fr !important;
    align-items: center !important;
    gap: 14px !important;
}

body.hrms-employees-page #ams-main-content .hrms-emp-search-wrap {
    display: grid !important;
    grid-template-columns: 156px auto auto !important;
    gap: 8px !important;
    margin: 0 !important;
}

body.hrms-employees-page #ams-main-content .hrms-emp-search-input {
    width: 156px !important;
    min-width: 156px !important;
    max-width: 156px !important;
}

body.hrms-employees-page #ams-main-content .assets-filter-wrap {
    justify-self: end !important;
}

@media (max-width: 1400px) {
    body.brand-reports-page .cards,
    body.scrap-dashboard-page #ams-main-content .cards {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 1180px) {
    body.hrms-employees-page #ams-main-content .card > form .form-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    body.monitor-page #ams-main-content .link-panel .form-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    body.brand-reports-page .cards,
    body.scrap-dashboard-page #ams-main-content .cards {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 820px) {
    body.hrms-employees-page #ams-main-content .card > form .form-grid,
    body.monitor-page #ams-main-content .link-panel .form-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.hrms-employees-page #ams-main-content .summary-with-assets-filter {
        grid-template-columns: 1fr auto !important;
    }

    body.hrms-employees-page #ams-main-content .hrms-emp-search-wrap {
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
    }

    body.brand-reports-page .cards,
    body.scrap-dashboard-page #ams-main-content .cards {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 560px) {
    body.hrms-employees-page #ams-main-content .card > form .form-grid,
    body.hrms-employees-page #ams-main-content .summary-with-assets-filter,
    body.hrms-employees-page #ams-main-content .hrms-emp-search-wrap,
    body.monitor-page #ams-main-content .link-panel .form-grid,
    body.brand-reports-page .cards,
    body.scrap-dashboard-page #ams-main-content .cards {
        grid-template-columns: 1fr !important;
    }

    body.hrms-employees-page #ams-main-content .hrms-emp-search-input {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    }

    body.hrms-employees-page #ams-main-content .assets-filter-wrap {
        justify-self: stretch !important;
    }
}

/* UI10: Printer and scanner asset linking — aligned enterprise control row. */
body.printers-page #ams-main-content .link-panel .asset-link-grid,
body.scanners-page #ams-main-content .link-panel .asset-link-grid {
    display: grid !important;
    grid-template-columns: minmax(260px, 1fr) minmax(300px, 1.15fr) minmax(138px, 0.42fr) minmax(138px, 0.42fr) !important;
    gap: 14px !important;
    align-items: end !important;
    width: min(100%, 1120px) !important;
    max-width: 1120px !important;
    margin: 0 !important;
}

body.printers-page #ams-main-content .link-panel .asset-link-grid > .field-group,
body.scanners-page #ams-main-content .link-panel .asset-link-grid > .field-group {
    display: flex !important;
    grid-column: auto !important;
    min-width: 0 !important;
    flex-direction: column !important;
    gap: 7px !important;
}

body.printers-page #ams-main-content .link-panel .asset-link-grid label,
body.printers-page #ams-main-content .link-panel .link-action-label,
body.scanners-page #ams-main-content .link-panel .asset-link-grid label,
body.scanners-page #ams-main-content .link-panel .link-action-label {
    min-height: 18px !important;
    margin: 0 !important;
    color: var(--ams-color-text) !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 18px !important;
}

body.printers-page #ams-main-content .link-panel .link-action-label,
body.scanners-page #ams-main-content .link-panel .link-action-label {
    visibility: hidden;
}

body.printers-page #ams-main-content .link-panel .custom-dropdown-input,
body.printers-page #ams-main-content .link-panel .link-action-field .btn,
body.scanners-page #ams-main-content .link-panel .custom-dropdown-input,
body.scanners-page #ams-main-content .link-panel .link-action-field .btn {
    width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    border-radius: 9px !important;
    font-size: 13px !important;
    white-space: nowrap !important;
}

body.printers-page #ams-main-content .link-panel .link-unlink-btn,
body.scanners-page #ams-main-content .link-panel .link-unlink-btn {
    border-color: #ef9a9a !important;
    background: #ffffff !important;
    color: #b42318 !important;
}

body.printers-page #ams-main-content .link-panel .link-unlink-btn:hover,
body.scanners-page #ams-main-content .link-panel .link-unlink-btn:hover {
    border-color: #b42318 !important;
    background: #fff1f2 !important;
    color: #991b1b !important;
}

body.printers-page #ams-main-content .link-panel .panel-body,
body.scanners-page #ams-main-content .link-panel .panel-body {
    padding-top: 18px !important;
    padding-bottom: 20px !important;
}

@media (max-width: 1180px) {
    body.printers-page #ams-main-content .link-panel .asset-link-grid,
    body.scanners-page #ams-main-content .link-panel .asset-link-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        width: 100% !important;
        max-width: none !important;
    }
}

@media (max-width: 680px) {
    body.printers-page #ams-main-content .link-panel .asset-link-grid,
    body.scanners-page #ams-main-content .link-panel .asset-link-grid {
        grid-template-columns: 1fr !important;
    }

    body.printers-page #ams-main-content .link-panel .link-action-label,
    body.scanners-page #ams-main-content .link-panel .link-action-label {
        display: none !important;
    }
}

/* Super Administrator avatar trigger: render only the blue circular avatar.
   Remove the surrounding button box on every asset-management page. */
body.ams-app .ams-super-admin-profile-trigger,
body.ams-app .ams-super-admin-profile-trigger:hover,
body.ams-app .ams-super-admin-profile-trigger:active,
body.ams-app .ams-super-admin-profile-trigger:focus,
body.ams-app .ams-super-admin-profile-trigger:focus-visible,
body.ams-app .ams-super-admin-profile-trigger[aria-expanded="true"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    flex: 0 0 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.ams-app .ams-super-admin-profile-trigger::-moz-focus-inner {
    padding: 0 !important;
    border: 0 !important;
}

body.ams-app .ams-super-admin-profile-avatar {
    width: 38px !important;
    height: 38px !important;
    flex: 0 0 38px !important;
    margin: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

/* Super Administrator avatar glow.
   Keep the control as a clean circle while giving it the same elevated
   blue-shadow treatment used by the highlighted Back action. */
body.ams-app .ams-super-admin-profile-avatar {
    box-shadow:
        0 12px 28px rgba(37, 99, 235, 0.34),
        0 0 0 4px rgba(37, 99, 235, 0.10) !important;
    transition: transform 160ms ease, box-shadow 160ms ease !important;
}

body.ams-app .ams-super-admin-profile-trigger:hover .ams-super-admin-profile-avatar,
body.ams-app .ams-super-admin-profile-trigger:focus-visible .ams-super-admin-profile-avatar,
body.ams-app .ams-super-admin-profile-trigger[aria-expanded="true"] .ams-super-admin-profile-avatar {
    transform: translateY(-1px);
    box-shadow:
        0 16px 34px rgba(37, 99, 235, 0.42),
        0 0 0 5px rgba(37, 99, 235, 0.13) !important;
}

/* Delete controls are reserved for the Super Administrator. */
body.ams-admin-delete-restricted a[href*="/delete_"]:not([href*="/undo_delete"]),
body.ams-admin-delete-restricted a[href*="/delete-"]:not([href*="/undo-delete"]),
body.ams-admin-delete-restricted form[action*="/delete_"]:not([action*="/undo_delete"]),
body.ams-admin-delete-restricted form[action*="/delete-"]:not([action*="/undo-delete"]),
body.ams-admin-delete-restricted button[onclick*="Delete"],
body.ams-admin-delete-restricted button[onclick*="delete"] {
    display: none !important;
}