/* MATECH identity with the current AID back-office palette (2026-10-27).
   MATECH electrical product workspace theme. */
:root {
  --mt-brand:#1d1d1f; --mt-muted:#6e6e73; --mt-white:#fff;
  --mt-canvas:#f5f5f7; --mt-line:#e5e5ea; --mt-quiet:#f8f9fb;
  --mt-accent:#0071e3; --mt-hover:#0062c4; --mt-soft:#eaf3ff; --mt-blue-line:#b8d6f6;
  --ink:var(--mt-brand); --muted:var(--mt-muted); --paper:var(--mt-canvas);
  --line:var(--mt-line); --bronze:var(--mt-accent); --soft:var(--mt-soft); --green:var(--mt-accent);
  font-family:"PingFang SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,sans-serif;
}

/* Preserve the existing MATECH layouts, product photography and letterform. */
.brand img { width:122px; height:30px; object-fit:contain; }
.brand-caption { font-size:10px; letter-spacing:1px; margin-top:15px; }
.brand,.auth-brand { outline-offset:7px; }
.mobile-brand img { width:96px; height:26px; object-fit:contain; }
.button { border-radius:5px; }
.panel,.stat { border-radius:7px; }
.page-heading h1 { font-weight:500; letter-spacing:.2px; }
.hero { position:relative; min-height:174px; grid-template-columns:minmax(0,1fr) minmax(210px,34%); border-radius:8px; }
.hero-copy { position:relative; z-index:1; padding:28px 30px; }
.hero h2 { font-size:25px; letter-spacing:1px; }
.hero .eyebrow { font-size:9px; margin-bottom:13px; }
.hero-visual { display:block; }
.hero-visual img { object-position:center; }
.featured-product { border-radius:8px; }
.featured-product img { object-fit:contain; border-radius:6px; }
.featured-product .category { letter-spacing:1.5px; }
.auth-screen { grid-template-columns:minmax(0,1.1fr) minmax(400px,1fr); }
.auth-brand img { width:140px; height:35px; }
.auth-brand-copy h1 { font-size:clamp(30px,3vw,46px); font-weight:350; letter-spacing:2px; }
.auth-brand-copy>p { letter-spacing:1px; }
.auth-brand-main { padding-top:42px; }
.auth-product>img { height:clamp(240px,38vh,430px); width:100%; object-fit:contain; border-radius:10px; }
.auth-product>figcaption>strong { font-size:17px; }
.auth-card>h2 { font-weight:450; }
.q-sheet-brand img,.ce-equipment-header>img { width:115px; object-fit:contain; }
.mt-catalog-strip { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:20px 23px; border:1px solid var(--line); border-radius:7px; margin-bottom:23px; }
.mt-catalog-strip strong { font-weight:500; }
.mt-catalog-strip p { font-size:11px; margin-top:6px; line-height:1.8; }
.mt-catalog-strip .button { flex-shrink:0; }
.mt-resources-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.mt-resource { background:#fff; border:1px solid var(--line); border-radius:8px; overflow:hidden; }
.mt-resource-image { height:145px; position:relative; overflow:hidden; }
.mt-resource-image img { width:100%; height:100%; object-fit:contain; }
.mt-resource-body { padding:23px; }
.mt-resource-body>.eyebrow { font-size:9px; }
.mt-resource-body h2 { font-size:18px; font-weight:500; }
.mt-resource-body p { font-size:12px; line-height:1.9; color:var(--muted); margin:12px 0 18px; }
.mt-resource-body .button { font-size:11px; }
.mt-file-list { display:grid; gap:12px; margin-top:25px; }
.mt-file { display:flex; gap:18px; align-items:center; justify-content:space-between; padding:19px 23px; border:1px solid var(--line); background:#fff; border-radius:6px; }
.mt-file strong { font-weight:500; font-size:13px; }
.mt-file small { display:block; color:var(--muted); font-size:10px; margin-top:7px; }
.mt-file .button { flex-shrink:0; }
.mt-empty { padding:25px 22px; color:var(--muted); font-size:12px; line-height:1.8; }

@media screen {
  body { background:var(--mt-canvas); color:var(--mt-brand); }
  ::selection { background:var(--mt-soft); color:var(--mt-brand); }
  input,select,textarea { background:#fff; border-color:var(--line); color:var(--ink); accent-color:var(--mt-accent); }
  input::placeholder,textarea::placeholder { color:var(--muted); }
  input:focus,select:focus,textarea:focus { outline-color:var(--mt-accent); border-color:var(--mt-accent); }
  button:focus-visible,a:focus-visible { outline-color:var(--mt-accent); }
  .eyebrow { color:var(--muted); }

  .sidebar,.topbar { background:#fff; border-color:var(--line); color:var(--ink); }
  .sidebar :is(.brand-caption,.nav-label,.nav-item,.profile p),.topbar :is(.breadcrumbs,.prototype-chip,.session-name,.icon-button) { color:var(--muted); }
  .sidebar .nav-item { border-radius:5px; }
  .sidebar .nav-item:not(.active):hover { background:var(--mt-quiet); color:var(--ink); }
  .sidebar .nav-item.active { background:var(--mt-soft); color:var(--mt-accent); font-weight:600; }
  .sidebar .nav-item.active::before { background:var(--mt-accent); }
  .sidebar .nav-item .nav-count { background:transparent; color:var(--muted); border-color:transparent; }
  .sidebar .nav-item.active .nav-count { color:var(--mt-accent); }
  .sidebar .profile { border-color:var(--line); }
  .sidebar .profile strong,.topbar .breadcrumbs strong { color:var(--ink); }
  .sidebar .avatar { background:var(--mt-soft); color:var(--mt-accent); }
  .topbar .icon-button:hover { background:var(--mt-soft); color:var(--mt-accent); }
  .topbar .mode-control,.topbar .mode-control option { background:#fff; border-color:var(--line); color:var(--ink); }
  .topbar .session-logout { background:#fff; border-color:var(--line); color:var(--muted); }
  .topbar .session-logout:hover { background:var(--mt-quiet); }
  .mobile-nav { background:#fff; border-color:var(--line); }
  .mobile-nav button { color:var(--muted); }
  .mobile-nav button.active { color:var(--mt-accent); }
  .mobile-function-grid button.active { background:var(--mt-soft); color:var(--mt-accent); border-color:var(--mt-blue-line); }

  .button { background:#fff; border-color:var(--line); color:var(--ink); }
  .button:hover { background:var(--mt-quiet); border-color:var(--mt-blue-line); }
  .button.primary,.auth-card .button.primary,.q-button,.d-button-dark { background:var(--mt-accent); border-color:var(--mt-accent); color:#fff; }
  .button.primary:hover,.auth-card .button.primary:hover,.q-button:hover,.d-button-dark:hover:not(:disabled) { background:var(--mt-hover); border-color:var(--mt-hover); color:#fff; }
  .button.text,.q-text-button,.q-preview-link,.data-table button,.c-row-actions button { color:var(--mt-accent); }
  .button.text { background:transparent; }
  .q-button-secondary,.d-button-outline { background:#fff; border-color:var(--line); color:var(--ink); }
  .q-button-secondary:hover { background:var(--mt-quiet); border-color:var(--mt-blue-line); color:var(--ink); }
  .button.danger { color:#a23b32; background:#fff; border-color:#e7cec9; }
  .page-heading h1,.q-heading h1 { color:var(--ink); }
  :is(.panel,.stat,.p-overview,.p-list-panel,.q-overview,.q-list-panel,.q-info-panel,.q-catalog-panel,.q-selection-panel,.q-cart-products,.pr-list-panel,.o-list-panel,.s-panel,.r-editor,.r-sidebar) { background:#fff; border-color:var(--line); }
  :is(.panel-head,.biz-panel-head,.data-table td,.pc-table td,.dashboard-quote-row,.biz-order-row) { border-color:var(--line); }
  :is(.data-table th,.pc-table th,.dashboard-quote-labels,.s-user-labels,.pr-list-labels,.o-list-labels,.q-list-labels) { background:var(--mt-quiet); color:var(--muted); border-color:var(--line); }
  :is(.data-table tbody tr:hover,.pc-table tbody tr:hover,.dashboard-quote-row:hover,.biz-order-row:hover,.biz-detail-row:hover,.pr-order-row:hover) { background:var(--mt-quiet); }
  :is(.data-table .row-title,.pc-list-price strong,.stat-value,.biz-metric>strong) { color:var(--ink); }
  :is(.stat-label,.stat-bottom,.pc-muted,.p-page-note,.pc-list-identity small,.footnote) { color:var(--muted); }
  .list-pagination { background:#fff; border-color:var(--line); }
  .list-page-numbers button[aria-current=page] { background:var(--mt-soft); color:var(--mt-accent); }
  .list-page-numbers button:not([aria-current]):not(:disabled):hover { background:var(--mt-quiet); }

  :is(#main.main,#page-popup-content.page-popup-body) :is(.tabs,.o-filters,.p-filters,.q-followup-filter,.pr-filters,.biz-periods),.fin-presets,.pc-tabs,.q-discount-mode { background:var(--mt-soft); border-color:var(--line); }
  :is(#main.main,#page-popup-content.page-popup-body) :is(.tabs,.o-filters,.p-filters,.q-followup-filter,.pr-filters,.biz-periods)>button,.fin-presets button,.pc-tabs button { color:var(--muted); }
  :is(#main.main,#page-popup-content.page-popup-body) :is(.tabs,.o-filters,.p-filters,.q-followup-filter,.pr-filters,.biz-periods)>button:hover,.fin-presets button:hover { background:#fff; color:var(--mt-accent); }
  :is(#main.main,#page-popup-content.page-popup-body) :is(.tabs,.o-filters,.p-filters,.q-followup-filter,.pr-filters)>button:is(.active,.is-active,[aria-pressed=true]),.pc-tabs button.is-active,.q-discount-mode button[aria-pressed=true] { background:#fff; color:var(--mt-accent); box-shadow:none; }
  :is(#main.main,#page-popup-content.page-popup-body) .biz-periods>button[aria-pressed=true],.fin-presets button[aria-pressed=true] { background:var(--mt-accent); color:#fff; }
  .c-followup-options>label:has(input:checked),.c-member-option:has(input:checked),.c-grade-options>label:has(input:checked) { background:var(--mt-soft); border-color:var(--mt-blue-line); color:var(--mt-accent); }
  .c-signed-badge { background:var(--mt-soft); border-color:var(--mt-blue-line); color:var(--mt-accent); box-shadow:none; animation:none; }
  .c-signed-badge::after { display:none; }
  .c-signed-sparkle { color:var(--mt-accent); animation:none; }
  .c-detail-tabs>[data-c-detail-tab][aria-selected=true] { border-bottom-color:var(--mt-accent); color:var(--mt-accent); }
  .c-detail-order-head,.c-unified-table>tbody>.c-customer-orders>td { background:var(--mt-quiet); }

  .biz-metric { background:#fff; border-color:var(--line); }
  .biz-metric:hover,.stat:hover { border-color:var(--mt-blue-line); }
  .biz-metric>span,.biz-metric p,.biz-metric>span small { color:var(--muted); }
  .biz-metric.is-primary { background:#fff; border-color:var(--mt-blue-line); color:var(--ink); }
  .biz-metric.is-primary>strong { color:var(--ink); }
  .biz-metric.is-primary>span { color:var(--mt-accent); }
  .biz-metric.is-primary p,.biz-metric.is-primary>span small { color:var(--muted); }
  .hero { background:var(--mt-soft); color:var(--ink); border:1px solid var(--line); }
  .hero .eyebrow { color:var(--muted); }
  .hero .button.light { background:#fff; border-color:var(--mt-blue-line); color:var(--mt-accent); }
  .hero .button.light:hover { background:var(--mt-quiet); }
  .hero-visual { background:var(--mt-soft); }
  .hero-visual:after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,var(--mt-soft),transparent 35%); }
  .mt-catalog-strip { background:#fff; border-color:var(--line); }
  .mt-catalog-strip p,.featured-product .category { color:var(--muted); }
  .featured-product { background:#fff; border-color:var(--line); }
  .mt-resource-image,.pc-preview-image,.featured-product img,.table-product img { background:var(--mt-quiet); }

  .pd-product { --pd-ink:var(--ink); --pd-muted:var(--muted); --pd-bronze:var(--mt-accent); --pd-line:var(--line); background:#fff; }
  .pd-tablist { background:var(--mt-quiet); }
  .pd-tab.is-selected::after { background:var(--mt-accent); }
  .pd-product .pd-color.is-selected { background:var(--mt-soft); border-color:var(--mt-blue-line); color:var(--mt-accent); }
  .q-module { --q-ink:var(--ink); --q-muted:var(--muted); --q-line:var(--line); --q-copper:var(--mt-accent); }
  .q-product-drawer { background:var(--mt-quiet); }
  .q-product-drawer .q-catalog-filter-body :is(.q-brand,.q-category).is-active { background:var(--mt-soft); border-color:var(--mt-blue-line); color:var(--mt-accent); }
  .q-cart-actions>[data-q-cart-confirm]:not(:disabled) { background:var(--mt-soft); border-color:var(--mt-blue-line); color:var(--mt-accent); box-shadow:none; }
  .q-cart-actions>[data-q-cart-confirm]:hover:not(:disabled) { border-color:var(--mt-accent); }
  .q-cart-summary .q-cart-actions>.q-button:disabled { background:var(--mt-quiet); border-color:var(--line); color:var(--muted); }
  .q-confirm-link,.q-list-panel article.q-quote-row>.q-row-actions>:is(.q-quote-open,.q-confirm-link) { background:var(--mt-soft); color:var(--mt-accent); border-color:var(--mt-blue-line); }
  .q-confirm-link:hover,.q-list-panel article.q-quote-row>.q-row-actions>:is(.q-quote-open,.q-confirm-link):hover { background:var(--mt-soft); border-color:var(--mt-accent); }

  :is(.pc-photo-tile,.pc-photo-empty,.pc-price-fields,.pc-taxonomy-inline,.pc-taxonomy-form,.pc-form-note,.pc-batch-bar,.pr-purchase-line,.pr-composer-catalog,.pr-product-image,.pr-detail-note,.pr-item-progress,.pr-payment-balance,.r-notice,.r-save-bar,.s-policy,.s-role-grid,.s-roles-entry,.s-backup-note,.s-permission-preview,.ic-empty,.ic-review,.inventory-note,.form-grid input[readonly],.c-followup-options>label,.c-grade-options>label,.c-detail-facts,.c-followup-form,.o-detail-items) { background:var(--mt-quiet); border-color:var(--line); color:var(--muted); }
  :is(.pc-number,.s-user-avatar,.s-permission-preview span,.pr-product-plus,.pr-cart-empty>span) { background:var(--mt-soft); color:var(--mt-accent); }
  :is(.pc-upload-button,.pc-scan-button,.pc-taxonomy-order-actions button) { background:var(--mt-quiet); color:var(--mt-accent); border-color:var(--line); }
  :is(.pc-taxonomy-select>button,.pc-taxonomy-inline button,.pc-taxonomy-actions button,.pc-batch-clear,.pc-toolbar .pc-batch-toggle,.ic-line-product>button) { color:var(--mt-accent); }
  :is(.pc-taxonomy-list,.pc-taxonomy-row,.pc-variant-card,.pc-detail-card,.pr-order-row,.r-permission-group,.s-user-row,.rc-row,.ic-line,.ic-record-line) { border-color:var(--line); }
  .pc-table tr.is-batch-selected,.pc-taxonomy-row.is-dragging,.r-role-card.is-selected { background:var(--mt-soft); border-color:var(--mt-blue-line); }
  .s-audit-dot { background:var(--mt-accent); }
  :is(.pc-form-grid>label,.pc-detail-card>label,.pc-spec-row>label,.pc-price-fields>label,.pc-price-line>span:first-child,.pc-price-secondary,.pc-taxonomy-field>label,.pc-taxonomy-intro,.pc-quote-priority,.pc-batch-count,.pc-taxonomy-sort-help) { color:var(--muted); }
  .c-followup-options>label:has(input:checked),.c-grade-options>label:has(input:checked) { background:var(--mt-soft); color:var(--mt-accent); border-color:var(--mt-blue-line); }
  .status.green,.o-status-complete,.q-status-confirmed { background:var(--mt-soft); color:var(--mt-accent); }
  .p-status-active { color:var(--mt-accent); }
  .p-status-inactive,.pc-color-chips>span,.pc-list-identity span,.pc-row-actions button[data-p-purchase] { color:var(--muted); }

  dialog.product-dialog,.product-dialog>header,dialog.pim-dialog { background:#fff; }
  #page-popup { background:var(--mt-canvas); border-color:var(--line); }
  #page-popup>.page-popup-header { background:#fff; border-color:var(--line); }
  #page-popup::backdrop,dialog::backdrop { background:#1d1d1f47; }
  #toast { background:var(--ink); color:#fff; }
  .auth-screen,.auth-entry { background:#fff; }
  .auth-brand-panel { background:var(--mt-canvas); color:var(--ink); }
  .auth-brand>span,.auth-brand-copy .eyebrow,.auth-brand-copy>p,.auth-brand-footer,.auth-product>figcaption>span,.auth-product>figcaption>small { color:var(--muted); border-color:var(--line); }
  .auth-product>figcaption>strong { color:var(--ink); }
  .auth-form>label,.auth-description,.auth-form-note,.auth-entry-footer { color:var(--muted); }
  .auth-form input { background:#fff; border-color:var(--line); }
  .auth-entry-footer { border-color:var(--line); }
}

/* Display the original transparent wordmark in pure black, including print. */
.brand img,.mobile-brand img,.auth-brand img,.auth-retry img,.q-sheet-brand img,.ce-equipment-header>img { filter:brightness(0); }

@media(max-width:1050px) {
  .auth-brand img { width:115px; }
  .auth-brand-panel { padding:30px; }
  .hero-copy { padding:23px; }
  .hero h2 { font-size:22px; }
  .hero { grid-template-columns:1fr 200px; }
  .hero-copy>.button { display:none; }
}
@media(max-width:700px) {
  .hero { grid-template-columns:1fr 105px; min-height:125px; }
  .hero-copy { padding:19px 17px; }
  .hero h2 { font-size:17px; }
  .hero .eyebrow { font-size:7px; letter-spacing:1.5px; }
  .hero-visual:after { background:linear-gradient(90deg,var(--mt-soft),transparent 65%); }
  .auth-screen { display:block; }
  .auth-brand-panel { padding:22px 25px 18px; }
  .auth-brand img { width:100px; height:27px; }
  .auth-brand-main { padding:18px 0 0; grid-template-columns:1fr 120px; }
  .auth-brand-copy h1 { font-size:23px; letter-spacing:1px; }
  .auth-brand-copy>p { font-size:9px; line-height:1.9; }
  .auth-product>img { height:125px; width:120px; max-width:100%; }
  .auth-product>figcaption>strong { font-size:9px; }
  .auth-brand>span { font-size:9px; }
  .mt-catalog-strip { padding:17px; align-items:flex-start; flex-direction:column; gap:11px; }
  .mt-resources-grid { grid-template-columns:1fr; }
  .mt-resource-image { height:160px; }
  .mt-file { padding:18px; align-items:flex-start; }
  .mt-file .button { min-height:32px; padding:7px 10px; font-size:10px; }
  .mt-resource-body { padding:20px; }
  .topbar { height:auto; min-height:65px; padding-top:10px; padding-bottom:10px; }
  .topbar .mobile-brand { flex:none; }
  .topbar .mobile-brand img { width:74px; height:23px; }
  .topbar .header-right { flex-wrap:wrap; justify-content:flex-end; gap:5px; }
}
@media print {
  body { background:white; }
  .mt-catalog-strip { display:none; }
}

/* Shared button language: primary actions are dark, supporting actions neutral. */
@media screen {
  button:focus-visible { outline-color:#555659; }
  .button:not(.primary):not(.danger):not(.text),
  .q-button-secondary,.d-button-outline,
  :is(.pc-upload-button,.pc-scan-button,.pc-taxonomy-order-actions button) {
    background:#fff; border-color:#dedfe1; color:#303134;
  }
  .button:not(.primary):not(.danger):not(.text):hover:not(:disabled),
  .q-button-secondary:hover:not(:disabled),.d-button-outline:hover:not(:disabled),
  :is(.pc-upload-button,.pc-scan-button,.pc-taxonomy-order-actions button):hover:not(:disabled) {
    background:#f4f4f5; border-color:#b9babc; color:#202124;
  }
  .button.primary:not(.danger):not(:disabled),.auth-card .button.primary:not(:disabled),
  .q-button:not(.q-button-secondary):not(:disabled),.d-button-dark:not(:disabled),
  .q-cart-actions>[data-q-cart-confirm]:not(:disabled) {
    background:#252628; border-color:#252628; color:#fff;
  }
  .button.primary:not(.danger):hover:not(:disabled),.auth-card .button.primary:hover:not(:disabled),
  .q-button:not(.q-button-secondary):hover:not(:disabled),.d-button-dark:hover:not(:disabled),
  .q-cart-actions>[data-q-cart-confirm]:hover:not(:disabled) {
    background:#444548; border-color:#444548; color:#fff;
  }
  .button.text,.q-text-button,.q-preview-link,.data-table button,.c-row-actions button,
  :is(.s-text-button,.r-text-button,.d-text-button),
  :is(.pc-taxonomy-select>button,.pc-taxonomy-inline button,.pc-taxonomy-actions button,.pc-batch-clear,.pc-toolbar .pc-batch-toggle,.ic-line-product>button) { color:#303134; }
  .o-text-button:not([data-o-action="cancel"]),.pr-text-button:not([data-pr-cancel]) { color:#303134; }
  .c-followup-settings-button,.pc-toolbar .pc-batch-toggle,
  .pd-product :is(.pd360-button,.pd360-ar-button,.pd360-ar-exit) {
    background:#fff; border-color:#dedfe1; color:#303134;
  }
  .c-followup-settings-button:hover,.pc-toolbar .pc-batch-toggle:is(:hover,.is-active),
  .pd-product :is(.pd360-button:hover,.pd360-button.is-selected,.pd360-ar-button:hover,.pd360-ar-exit:hover),
  .pd-product.pd360-fullscreen .pd360-fullscreen-close:hover {
    background:#f1f1f2; border-color:#b9babc; color:#252628;
  }
  .button.danger { background:#fff; border-color:#e7cec9; color:#a23b32; }
  .button.primary:disabled,.q-button:disabled,.d-button-dark:disabled {
    background:#f1f1f2; border-color:#dedfe1; color:#86878a;
  }

  .q-confirm-link,.q-list-panel article.q-quote-row>.q-row-actions>:is(.q-quote-open,.q-confirm-link) {
    background:#f1f1f2; border-color:#dedfe1; color:#303134;
  }
  .q-confirm-link:hover,.q-list-panel article.q-quote-row>.q-row-actions>:is(.q-quote-open,.q-confirm-link):hover {
    background:#e8e8e9; border-color:#b9babc; color:#202124;
  }

  :is(#main.main,#page-popup-content.page-popup-body) :is(.tabs,.o-filters,.p-filters,.q-followup-filter,.pr-filters,.biz-periods),
  .fin-presets,.pc-tabs,.q-discount-mode { background:#f1f1f2; }
  :is(#main.main,#page-popup-content.page-popup-body) :is(.tabs,.o-filters,.p-filters,.q-followup-filter,.pr-filters,.biz-periods)>button:hover,
  .fin-presets button:hover { color:#252628; }
  :is(#main.main,#page-popup-content.page-popup-body) :is(.tabs,.o-filters,.p-filters,.q-followup-filter,.pr-filters)>button:is(.active,.is-active,[aria-pressed=true]),
  .pc-tabs button.is-active,.q-discount-mode button[aria-pressed=true] { background:#fff; color:#252628; }
  :is(#main.main,#page-popup-content.page-popup-body) .biz-periods>button[aria-pressed=true],
  .fin-presets button[aria-pressed=true],.expense-type-tabs button[aria-pressed=true] { background:#252628; color:#fff; }
  .pr-catalog-filter-options button[aria-pressed=true],.pc-scan-button[aria-pressed=true] {
    background:#eeeef0; border-color:#d2d3d5; color:#252628;
  }
  .list-page-numbers button[aria-current=page] { background:#252628; color:#fff; }
  .c-detail-tabs>[data-c-detail-tab][aria-selected=true] { border-bottom-color:#252628; color:#252628; }
  .sidebar .nav-item.active { background:#f1f1f2; color:#252628; }
  .sidebar .nav-item.active::before { background:#252628; }
  .topbar .icon-button:hover { background:#f1f1f2; color:#252628; }
  .mobile-nav button.active { color:#252628; }
  .mobile-function-grid button.active { background:#f1f1f2; border-color:#dedfe1; color:#252628; }
}