@layer portal-visibility, portal-design;
@layer portal-visibility { .portal-design [hidden] {display:none!important;} }
/* Final presentation layer. Legacy modules inject unlayered !important rules at
   runtime. A named important layer provides a stable override without changing
   module visibility, business state, inline calculations or event ownership. */
html.portal-design {
  --p-canvas:#f4f5f0; --p-surface:#fff; --p-subtle:#f0f3ed;
  --p-ink:#17382e; --p-text:#40594e; --p-muted:#64766d;
  --p-line:#dce5dc; --p-primary:#236247; --p-on-primary:#fff;
  --p-active:#e7f0dc; --p-active-text:#23573e; --p-hover:#eff5e9;
  --p-nav:#142f27; --p-nav-text:#d5e3d9; --p-nav-muted:#a6beb0;
  --p-nav-active:#d9edb3; --p-nav-ink:#1a3829; --p-shadow:0 4px 20px #17382e05;
  --p-warning:#805018; --p-warning-bg:#fbf2df;
  --p-error:#9d3636; --p-error-bg:#fff0ed; --p-focus:#276eae;
  --p-font:'Inter',Arial,sans-serif; --p-heading:'Manrope','Inter',Arial,sans-serif;
}
html.portal-design.moiyena-dark {
  --p-canvas:#0d1915; --p-surface:#162820; --p-subtle:#1d3127;
  --p-ink:#f1f6ec; --p-text:#ceded2; --p-muted:#a5bcad;
  --p-line:#304b3c; --p-primary:#d6ecb4; --p-on-primary:#183a26;
  --p-active:#2a4431; --p-active-text:#d6ecb4; --p-hover:#223b2b;
  --p-nav:#10231b; --p-shadow:0 4px 20px #0000000a;
  --p-warning:#f2cd89; --p-warning-bg:#352d1c;
  --p-error:#f4aaa6; --p-error-bg:#382522; --p-focus:#9ac7f2;
}
@layer portal-design {
  html.portal-design, html.portal-design body {
    background:var(--p-canvas)!important;color:var(--p-text)!important;
    font-family:var(--p-font)!important;font-size:14px!important;line-height:1.55!important;
    --forest:var(--p-ink);--forest2:var(--p-ink);--cream:var(--p-canvas);--paper:var(--p-surface);
    --stone:var(--p-subtle);--line:var(--p-line);--ink:var(--p-ink);--muted:var(--p-muted);
  }
  .portal-design :where(#dashboard-view,#login-view) :is(p,span,small,b,strong,div,li,dt,dd,label,button,a,code) {
    font-family:var(--p-font)!important;letter-spacing:normal!important;line-height:1.55!important;
    text-transform:none!important;text-shadow:none!important;
  }
  .portal-design :where(#dashboard-view,#login-view) :is(p,div,li,dd,button,a,code) {font-size:14px!important;}
  .portal-design :where(#dashboard-view,#login-view) :is(p,li,dd) {color:var(--p-text)!important;}
  .portal-design :where(#dashboard-view,#login-view) :is(b,strong) {color:var(--p-ink)!important;font-size:inherit!important;font-weight:600!important;}
  .portal-design :where(#dashboard-view,#login-view) :is(small,label,dt) {font-size:12px!important;color:var(--p-muted)!important;}
  .portal-design :where(#dashboard-view,#login-view) h1 {font:700 28px/1.25 var(--p-heading)!important;letter-spacing:-.035em!important;color:var(--p-ink)!important;margin:8px 0 10px!important;}
  .portal-design :where(#dashboard-view,#login-view) h2 {font:700 20px/1.35 var(--p-heading)!important;letter-spacing:-.025em!important;color:var(--p-ink)!important;}
  .portal-design :where(#dashboard-view,#login-view) :is(h3,h4) {font:700 16px/1.4 var(--p-heading)!important;color:var(--p-ink)!important;}
  .portal-design :is(.eyebrow,.panel-head>div>span,.hc-k,.fi-k,.help-kicker,.login-kicker) {font-size:11px!important;line-height:1.5!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:var(--p-muted)!important;font-weight:600!important;}
  .portal-design :is(.eyebrow,.section-title-row,.metric-card,.panel)::before,
  .portal-design :is(.eyebrow,.section-title-row,.metric-card,.panel)::after {display:none!important;}
  .portal-design :is(button,a,label[role=button],input,select,textarea):focus-visible {outline:2px solid var(--p-focus)!important;outline-offset:3px!important;box-shadow:none!important;}
  .portal-design :where(#dashboard-view,#login-view) :is(button,a) {text-decoration-thickness:1px!important;transition:background .15s,border-color .15s!important;}
  .portal-design :where(#dashboard-view,#login-view) button:hover {transform:none!important;}
  .portal-design :where(#dashboard-view,#login-view) button:disabled {opacity:.65!important;cursor:not-allowed!important;}
  .portal-design :where(#dashboard-view,#login-view) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea) {
    color:var(--p-ink)!important;background:var(--p-surface)!important;border:1px solid var(--p-line)!important;
    border-radius:8px!important;min-height:44px!important;font:400 16px/1.5 var(--p-font)!important;
    padding:10px 12px!important;box-shadow:none!important;max-width:100%!important;
  }
  .portal-design :is(input,textarea)::placeholder {color:var(--p-muted)!important;opacity:1!important;}
  .portal-design input:is([type=checkbox],[type=radio]) {width:18px!important;height:18px!important;accent-color:var(--p-primary)!important;}
  .portal-design :is(.workspace-body,.login-box) button,
  .portal-design :is(.topbar,.side-bottom) button {
    min-height:40px!important;border-radius:8px!important;border:1px solid var(--p-line)!important;
    background:var(--p-surface)!important;color:var(--p-text)!important;padding:8px 14px!important;
    font-weight:600!important;box-shadow:none!important;white-space:normal!important;
  }
  .portal-design :is(.workspace-body,.login-box) button:not(:disabled):hover {background:var(--p-hover)!important;border-color:var(--p-muted)!important;}
  .portal-design :is(.primary-small,.run-analysis,.is-btn.primary,.iv-btn.primary,.pc2-btn.primary,.sm-btn.primary,.sm-apply,.bulk-issue-bar .primary,.iv-supplier-action.primary,#login-submit) {
    background:var(--p-primary)!important;color:var(--p-on-primary)!important;border-color:var(--p-primary)!important;
  }
  .portal-design :is(.primary-small,.run-analysis,.is-btn.primary,.iv-btn.primary,.pc2-btn.primary,.sm-btn.primary,.sm-apply,.bulk-issue-bar .primary,.iv-supplier-action.primary,#login-submit):not(:disabled):hover {filter:brightness(.93)!important;background:var(--p-primary)!important;}
  .portal-design :is(.pc2-btn.active,.portal-import-tab.active) {background:var(--p-active)!important;color:var(--p-active-text)!important;border-color:var(--p-line)!important;}
  .portal-design :is(.danger,.error,.risk,.up) {color:var(--p-error)!important;}
  .portal-design :is(.warn,.warning) {color:var(--p-warning)!important;}
  .portal-design :is(.ok,.success,.down) {color:var(--p-active-text)!important;}

  .portal-design .workspace {background:var(--p-canvas)!important;}
  /* Shell: one calm navigation column, a compact workspace header. */
  .portal-design #dashboard-view {grid-template-columns:240px minmax(0,1fr)!important;background:var(--p-canvas)!important;}
  .portal-design #dashboard-view.sidebar-collapsed {grid-template-columns:minmax(0,1fr)!important;}
  .portal-design .sidebar {width:auto!important;top:0!important;height:100dvh!important;padding:28px 16px 18px!important;background:var(--p-surface)!important;border-right:1px solid var(--p-line)!important;box-shadow:none!important;color:var(--p-text)!important;}
  .portal-design .side-brand {padding:0 12px 26px!important;gap:8px!important;min-height:54px!important;}
  .portal-design :is(.side-brand,.portal-logo)>img,
  .portal-design .side-brand>span {display:none!important;}
  .portal-design :is(.side-brand,.portal-logo) .portal-wordmark {font:700 23px/1 var(--p-heading)!important;letter-spacing:-1px!important;color:var(--p-ink)!important;}
  .portal-design .side-nav {gap:4px!important;padding-right:0!important;}
  .portal-design .portal-nav-group-label {font-size:10px!important;color:var(--p-muted)!important;font-weight:600!important;letter-spacing:.09em!important;text-transform:uppercase!important;border:0!important;margin:24px 12px 6px!important;padding:0!important;}
  .portal-design .portal-nav-group-label:first-child {margin-top:8px!important;}
  .portal-design .nav-item {font-size:14px!important;line-height:1.4!important;min-height:44px!important;padding:10px 12px!important;border-radius:8px!important;background:transparent!important;color:var(--p-text)!important;font-weight:500!important;transform:none!important;gap:12px!important;box-shadow:none!important;border:0!important;}
  .portal-design .nav-item.active {background:var(--p-active)!important;color:var(--p-active-text)!important;font-weight:600!important;}
  .portal-design .nav-item:hover {background:var(--p-hover)!important;}
  .portal-design .nav-item::before,.portal-design .nav-item::after {display:none!important;}
  .portal-design .nav-icon {display:inline-flex!important;width:20px!important;height:20px!important;flex:0 0 20px!important;padding:0!important;border:0!important;background:transparent!important;color:inherit!important;}
  .portal-design .nav-icon svg {width:20px!important;height:20px!important;}
  .portal-design .side-bottom {border-top:1px solid var(--p-line)!important;padding:16px 12px 0!important;gap:12px!important;}
  .portal-design .side-bottom :is(a,button) {font-size:12px!important;color:var(--p-muted)!important;padding:0!important;border:0!important;min-height:32px!important;}
  .portal-design .mobile-drawer-close {background:transparent!important;border:0!important;color:var(--p-muted)!important;width:32px!important;flex-basis:32px!important;}
  .portal-design .topbar {height:76px!important;padding:0 32px!important;gap:12px!important;background:var(--p-surface)!important;border-bottom:1px solid var(--p-line)!important;box-shadow:none!important;backdrop-filter:none!important;}
  .portal-design .topbar-label {font-size:10px!important;color:var(--p-muted)!important;letter-spacing:.07em!important;}
  .portal-design #company-name {font-size:14px!important;}
  .portal-design .topbar .mobile-hide-company {margin-right:auto!important;min-width:0!important;}
  .portal-design :is(.portal-section-context,.portal-mode-pill) {display:none!important;}
  .portal-design .topbar>button:not(#mobile-menu-button):not(#moiyena-theme-toggle):not(#moiyena-density-toggle):not(#account-trigger) {min-width:40px!important;}
  .portal-design #mobile-menu-button {width:40px!important;height:40px!important;flex:0 0 40px!important;padding:0!important;}
  .portal-design .user-chip {background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important;}
  .portal-design #moiyena-theme-toggle span {font-size:12px!important;}
  .portal-design #user-initial {background:var(--p-active)!important;color:var(--p-active-text)!important;width:36px!important;height:36px!important;}
  .portal-design #user-name {font-size:12px!important;}
  .portal-design #user-role {font-size:11px!important;}
  .portal-design :is(#moiyena-theme-toggle,#moiyena-density-toggle,#account-trigger) {font-size:12px!important;white-space:nowrap!important;}
  .portal-design .workspace-body {max-width:1536px!important;padding:36px 40px 64px!important;margin:0 auto!important;}
  .portal-design .app-section>.section-title-row {margin-bottom:28px!important;padding-bottom:24px!important;border-bottom:1px solid var(--p-line)!important;align-items:center!important;gap:20px!important;}
  .portal-design #historical-banner {
    background:var(--p-subtle)!important;border-color:var(--p-line)!important;color:var(--p-text)!important;
  }
  .portal-design #historical-banner span {color:var(--p-muted)!important;}
  .portal-design .section-title-row p {max-width:720px!important;color:var(--p-muted)!important;}
  .portal-design :is(.status-pill,.badge,.health-score-grade,.pc2-badge,.sm-badge,.iv-badge,.audit-pill,.team-pill) {font-size:12px!important;padding:4px 8px!important;border:1px solid var(--p-line)!important;background:var(--p-subtle)!important;color:var(--p-text)!important;white-space:normal!important;}

  /* Surfaces share one radius and border; spacing carries the hierarchy. */
  .portal-design :is(.panel,.metric-card,.pc2-panel,.iv-panel,.is-panel,.sm-panel,.oh-panel,.security-card,.workspace-settings-card,.team-summary>div,.security-summary>article,.audit-summary>article,.customer-summary>div,.admin-kpi,.report-readiness-card,.issue-workflow-card,.help-card,.help-quick-card,.comparison-panel,.fi,.hc,.repeat-upload-card) {
    background:var(--p-surface)!important;border:1px solid var(--p-line)!important;border-radius:12px!important;box-shadow:none!important;
  }
  .portal-design :is(.panel,.pc2-panel,.iv-panel,.is-panel,.sm-panel,.oh-panel,.security-card,.workspace-settings-card) {padding:24px!important;}
  .portal-design :is(.panel-head,.analysis-facts div,.issue-row,.security-detail,.security-detail div,.team-row,.audit-row) {border-color:var(--p-line)!important;}
  .portal-design .panel-head {padding-bottom:16px!important;margin-bottom:4px!important;}
  .portal-design .panel-head h2 {margin:6px 0 0!important;}
  .portal-design :is(.empty-state,.is-empty,.sm-empty,.pc2-empty,.iv-empty,.oh-empty,.comparison-empty) {font-size:14px!important;line-height:1.65!important;color:var(--p-muted)!important;background:var(--p-subtle)!important;border:1px dashed var(--p-line)!important;border-radius:8px!important;padding:28px 20px!important;text-align:left!important;min-height:0!important;box-shadow:none!important;}
  .portal-design .empty-state::before {display:none!important;}
  .portal-design :is(.issue-coverage-note,.mapping-note,.is-note,.iv-note,.pc2-note,.sm-status,.iv-status,.is-status,.upload-status,.report-readiness-note,.moiyena-report-note,.team-security,.security-note,.workspace-settings-help,.password-help) {font-size:14px!important;line-height:1.65!important;color:var(--p-muted)!important;overflow-wrap:anywhere!important;}
  .portal-design :is(.team-security,.security-note,.workspace-settings-help,.moiyena-report-note,.report-readiness-note) {background:var(--p-subtle)!important;border-color:var(--p-line)!important;border-radius:8px!important;padding:14px 16px!important;}
  .portal-design .portal-notice {margin:0 0 20px!important;padding:14px 18px!important;border:1px solid var(--p-line)!important;border-left:3px solid var(--p-warning)!important;border-radius:8px!important;background:var(--p-warning-bg)!important;color:var(--p-warning)!important;font-size:12px!important;}
  .portal-design .portal-notice strong {display:block!important;color:var(--p-warning)!important;margin-bottom:3px!important;}

  /* Three entry cards; everything below remains actual analysis data. */
  .portal-design #portal-workflows {margin-bottom:36px!important;}
  .portal-design .portal-workflow-heading {display:flex!important;justify-content:space-between!important;align-items:baseline!important;gap:16px!important;margin-bottom:18px!important;}
  .portal-design .portal-workflow-heading h2 {margin:0!important;font-size:20px!important;}
  .portal-design .portal-workflow-heading p {margin:0!important;font-size:12px!important;color:var(--p-muted)!important;}
  .portal-design .portal-workflow-grid {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;}
  .portal-design .portal-workflow {display:flex!important;flex-direction:column!important;align-items:stretch!important;text-align:left!important;padding:22px!important;border-radius:12px!important;background:var(--p-surface)!important;cursor:pointer!important;min-height:250px!important;}
  .portal-design .portal-workflow-top {display:flex!important;justify-content:space-between!important;align-items:center!important;color:var(--p-muted)!important;font-size:11px!important;margin-bottom:22px!important;}
  .portal-design .portal-workflow-top svg {width:24px!important;height:24px!important;color:var(--p-primary)!important;}
  .portal-design .portal-workflow strong {font:700 18px/1.4 var(--p-heading)!important;margin-bottom:10px!important;}
  .portal-design .portal-workflow-copy {font-size:13px!important;color:var(--p-muted)!important;font-weight:400!important;margin-bottom:22px!important;}
  .portal-design .portal-workflow-action {display:flex!important;justify-content:space-between!important;gap:12px!important;margin-top:auto!important;padding-top:16px!important;border-top:1px solid var(--p-line)!important;font-size:12px!important;color:var(--p-active-text)!important;}
  .portal-design #portal-workflow-status:empty {display:none!important;}
  .portal-design .portal-analysis-heading {margin:0 0 18px!important;}
  .portal-design .metric-grid {grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;border:1px solid var(--p-line)!important;border-radius:12px!important;background:var(--p-surface)!important;overflow:hidden!important;margin-bottom:24px!important;}
  .portal-design .metric-card {border:0!important;border-right:1px solid var(--p-line)!important;border-radius:0!important;padding:20px!important;min-height:160px!important;}
  .portal-design .metric-card.health {grid-column:auto!important;}
  .portal-design .metric-card:last-child {border-right:0!important;}
  .portal-design .metric-card>span {font-size:12px!important;color:var(--p-muted)!important;}
  .portal-design .metric-card>span::before {display:none!important;}
  .portal-design .metric-card strong {font:600 32px/1.2 var(--p-heading)!important;margin-top:16px!important;}
  .portal-design .metric-card p {font-size:11px!important;color:var(--p-muted)!important;margin:8px 0 0!important;}
  .portal-design .health-score-meta {display:flex!important;gap:8px!important;flex-wrap:wrap!important;align-items:center!important;}
  .portal-design .health-score-trigger {font-size:11px!important;min-height:28px!important;border:0!important;padding:0!important;background:transparent!important;text-decoration:underline!important;}
  .portal-design .my-work-panel {background:var(--p-surface)!important;color:var(--p-text)!important;border:1px solid var(--p-line)!important;border-radius:12px!important;box-shadow:none!important;padding:20px!important;margin-bottom:24px!important;gap:20px!important;}
  .portal-design .my-work-lead {padding:0!important;min-width:0!important;}
  .portal-design .my-work-lead>span {font-size:11px!important;color:var(--p-muted)!important;display:block!important;}
  .portal-design .my-work-lead strong {font-size:16px!important;line-height:1.55!important;}
  .portal-design .my-work-lead .issue-coverage-note {display:block!important;font-weight:400!important;margin:8px 0!important;}
  .portal-design .my-work-stat {background:transparent!important;border:0!important;border-left:1px solid var(--p-line)!important;padding:0 16px!important;}
  .portal-design .my-work-stat :is(span,small) {font-size:11px!important;color:var(--p-muted)!important;}
  .portal-design .my-work-stat strong {font-size:24px!important;}
  .portal-design .hc,.portal-design .fi {margin:0 0 24px!important;padding:22px!important;}
  .portal-design .content-grid {grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr)!important;gap:24px!important;}
  .portal-design .analysis-facts dd {font-size:14px!important;overflow-wrap:anywhere!important;}
  .portal-design .analysis-facts dt {font-size:12px!important;}

  /* Import modules and file input: same control scale, original handlers. */
  .portal-design .portal-import-tabs {position:static!important;gap:4px!important;max-width:100%!important;padding:5px!important;margin:0 0 24px!important;background:var(--p-subtle)!important;border:1px solid var(--p-line)!important;border-radius:10px!important;box-shadow:none!important;backdrop-filter:none!important;}
  .portal-design .portal-import-tab {min-height:44px!important;flex:0 0 auto!important;padding:10px 16px!important;font-size:13px!important;border:1px solid transparent!important;background:transparent!important;white-space:nowrap!important;}
  .portal-design .portal-import-tab>span {display:none!important;}
  .portal-design .portal-import-intro {display:none!important;}
  .portal-design .portal-import-module {animation:none!important;}
  .portal-design :is(.pc2-head,.sm-head,.iv-head,.oh-head) {margin-bottom:20px!important;gap:16px!important;}
  .portal-design :is(.pc2-head,.sm-head,.iv-head,.oh-head) p {font-size:14px!important;max-width:750px!important;color:var(--p-muted)!important;}
  .portal-design :is(.pc2-head,.sm-head,.iv-head,.oh-head) h2 {margin:7px 0 10px!important;}
  .portal-design :is(.pc2-files,.pc2-maps,.iv-grid,.upload-grid) {gap:20px!important;}
  .portal-design :is(.pc2-file,.pc2-memory,.sm-drop,.iv-drop,.is-drop,.drop-zone) {background:var(--p-subtle)!important;border:1px dashed var(--p-muted)!important;border-radius:10px!important;padding:22px!important;min-height:140px!important;box-shadow:none!important;color:var(--p-text)!important;}
  .portal-design :is(.pc2-file,.sm-drop,.iv-drop,.is-drop,.drop-zone):hover {background:var(--p-hover)!important;}
  .portal-design :is(.pc2-file,.pc2-memory,.sm-drop,.iv-drop,.is-drop,.drop-zone) strong {font-size:15px!important;}
  .portal-design :is(.pc2-file,.pc2-memory,.sm-drop,.iv-drop,.is-drop,.drop-zone) span {font-size:12px!important;color:var(--p-muted)!important;}
  .portal-design :is(.pc2-meta,.sm-file,.file-meta,.is-meta) {font-size:12px!important;color:var(--p-muted)!important;margin-top:12px!important;overflow-wrap:anywhere!important;}
  .portal-design :is(.pc2-meta.error,.sm-status.error,.iv-status.error,.upload-status.error) {color:var(--p-error)!important;}
  .portal-design :is(.is-status.error,.workspace-settings-status.err,.pt-saved-view-status.err,.iv-row-issues) {color:var(--p-error)!important;font-size:14px!important;}
  .portal-design :is(.sm-status.ok,.iv-status.ok,.is-status.ok,.workspace-settings-status.ok,.pt-saved-view-status:not(.err)) {color:var(--p-active-text)!important;}
  .portal-design .iv-row.bad {background:var(--p-error-bg)!important;}
  .portal-design .iv-row input[aria-invalid="true"],.portal-design :where(#dashboard-view,#login-view) :is(input,select,textarea)[aria-invalid="true"] {border:2px solid var(--p-error)!important;background:var(--p-error-bg)!important;}
  .portal-design :is(.iv-pill,.iv-state) {font-size:12px!important;line-height:1.5!important;background:var(--p-active)!important;color:var(--p-active-text)!important;white-space:normal!important;}
  .portal-design :is(.iv-pill.warn,.iv-state.warn) {background:var(--p-warning-bg)!important;color:var(--p-warning)!important;}
  .portal-design #iv-ubl-source {background:var(--p-subtle)!important;border-color:var(--p-line)!important;}
  .portal-design #iv-ubl-source p {font-size:14px!important;color:var(--p-text)!important;}
  .portal-design .iv-ubl-head strong {font-size:16px!important;color:var(--p-ink)!important;}
  .portal-design :is(.iv-ubl-head span,#iv-ubl-status,.iv-supplier-status) {font-size:13px!important;line-height:1.55!important;color:var(--p-muted)!important;}
  .portal-design :is(#iv-ubl-status,.iv-supplier-status)[data-kind="error"] {color:var(--p-error)!important;}
  .portal-design :is(#iv-ubl-status,.iv-supplier-status)[data-kind="warn"] {color:var(--p-warning)!important;}
  .portal-design :is(#iv-ubl-status,.iv-supplier-status)[data-kind="ok"] {color:var(--p-active-text)!important;}
  .portal-design :is(.pc2-summary,.sm-stats,.iv-summary,.is-summary) {gap:12px!important;margin:24px 0!important;}
  .portal-design :is(.pc2-stat,.sm-stat,.iv-stat,.is-stat) {padding:14px!important;background:var(--p-subtle)!important;border:1px solid var(--p-line)!important;border-radius:8px!important;}
  .portal-design :is(.pc2-stat,.sm-stat,.iv-stat,.is-stat) span {font-size:11px!important;color:var(--p-muted)!important;}
  .portal-design :is(.pc2-stat,.sm-stat,.iv-stat,.is-stat) strong {font:600 24px/1.2 var(--p-heading)!important;margin-top:8px!important;}
  .portal-design #sm-last {font:500 13px/1.5 var(--p-font)!important;overflow-wrap:anywhere!important;}
  .portal-design :is(.pc2-stat,.iv-stat,.is-stat).risk strong {color:var(--p-error)!important;}
  .portal-design :is(.pc2-stat,.iv-stat,.is-stat).warn strong {color:var(--p-warning)!important;}
  .portal-design :is(.pc2-actions,.iv-tools,.is-actions,.sm-actions,.pc2-toolbar) {gap:10px!important;margin-top:20px!important;}
  .portal-design :is(.iv-supplier-box,.iv-settings,.sm-invoice-suggest) {padding:20px!important;background:var(--p-subtle)!important;border:1px solid var(--p-line)!important;border-radius:10px!important;margin:20px 0!important;}
  .portal-design .iv-raw {width:100%!important;min-height:160px!important;}
  .portal-design :is(.sm-invoice-choice,.sm-suggest-row) {border-color:var(--p-line)!important;}
  .portal-design .sm-suggest-row {gap:16px!important;font-size:14px!important;}

  /* Wide data tables keep their columns; invoice rows also have a mobile detail view. */
  .portal-design :is(.pc2-table,.iv-table,.is-table,.sm-preview,.sm-results,#analyses-table,#issues-table) {overflow:auto!important;max-width:100%!important;background:var(--p-surface)!important;border:1px solid var(--p-line)!important;border-radius:8px!important;}
  .portal-design :is(.pc2-row,.iv-row,.is-row,.sm-preview-row,.sm-preview-head,.table-row,.issue-detail-row,.sm-result) {font-size:14px!important;color:var(--p-text)!important;line-height:1.5!important;padding:14px 12px!important;border-color:var(--p-line)!important;}
  .portal-design :is(.pc2-row,.iv-row,.is-row,.sm-preview-row,.sm-preview-head,.table-row,.issue-detail-row) :is(span,b,strong,code) {font-size:inherit!important;color:inherit!important;}
  .portal-design :is(.pc2-row,.iv-row,.is-row,.table-row,.issue-detail-row).head {font-size:12px!important;color:var(--p-muted)!important;background:var(--p-subtle)!important;letter-spacing:normal!important;text-transform:none!important;}
  .portal-design .pc2-row {min-width:980px!important;grid-template-columns:32px minmax(230px,1.4fr) 120px 120px 120px 100px 112px!important;}
  .portal-design .pc2-row em {font-size:11px!important;background:var(--p-active)!important;color:var(--p-active-text)!important;}
  .portal-design .pc2-row.new em {background:var(--p-warning-bg)!important;color:var(--p-warning)!important;}
  .portal-design .pc2-row.missing em {background:var(--p-subtle)!important;color:var(--p-muted)!important;}
  .portal-design .pc2-row .up {color:var(--p-error)!important;}
  .portal-design .pc2-row .down {color:var(--p-active-text)!important;}
  .portal-design .sm-preview-row {min-width:620px!important;grid-template-columns:180px minmax(220px,1fr) 120px!important;}
  .portal-design .sm-preview-row b {display:block!important;}
  .portal-design .table-row {min-width:650px!important;grid-template-columns:1.2fr .8fr .8fr .8fr!important;}
  .portal-design .table-row>* {display:block!important;}
  .portal-design .is-row {min-width:760px!important;grid-template-columns:42px minmax(150px,1.3fr) minmax(100px,.6fr) minmax(110px,.7fr) 110px!important;}
  .portal-design .is-row>* {display:block!important;}
  .portal-design .iv-row {min-width:1250px!important;}
  .portal-design .iv-row input {font-size:14px!important;padding:8px!important;}
  .portal-design .issue-detail-row {min-width:800px!important;}
  .portal-design #issue-toolbar {position:static!important;padding:16px!important;box-shadow:none!important;}
  .portal-design :is(.issue-toolbar,.issue-collab-bar,.bulk-issue-bar,.issue-utility-bar) {background:var(--p-surface)!important;border:1px solid var(--p-line)!important;border-radius:8px!important;gap:10px!important;box-shadow:none!important;}
  .portal-design :is(.issue-toolbar,.issue-collab-bar,.bulk-issue-bar) :is(select,input) {min-width:0!important;}

  /* Supporting screens and overlays share the same type and surface language. */
  .portal-design :is(.security-summary,.team-summary,.audit-summary,.issue-workflow-summary,.report-readiness) {gap:16px!important;margin-bottom:24px!important;}
  .portal-design :is(.security-summary,.team-summary,.audit-summary,.report-readiness,.issue-workflow-summary)>:is(article,div) {padding:18px!important;}
  .portal-design :is(.security-summary,.team-summary,.audit-summary,.report-readiness,.issue-workflow-summary) span {font-size:12px!important;color:var(--p-muted)!important;}
  .portal-design :is(.security-summary,.team-summary,.audit-summary,.report-readiness,.issue-workflow-summary) strong {font-size:26px!important;}
  .portal-design .password-card-form {max-width:560px!important;gap:12px!important;}
  .portal-design .password-card-form label {font-size:12px!important;color:var(--p-muted)!important;}
  .portal-design .password-card-form button {width:max-content!important;max-width:100%!important;}
  .portal-design #section-reports .moiyena-report-grid {gap:16px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .portal-design #section-reports .moiyena-report-grid article {background:var(--p-subtle)!important;border:1px solid var(--p-line)!important;border-radius:8px!important;padding:20px!important;}
  .portal-design #section-reports .moiyena-report-grid article b {font-size:16px!important;}
  .portal-design #section-reports .moiyena-report-grid article p {font-size:13px!important;}
  .portal-design #report-analysis-picker {min-width:0!important;background:var(--p-subtle)!important;border-color:var(--p-line)!important;}
  .portal-design :is(.help-start,.help-how,.help-search-wrap) {background:var(--p-subtle)!important;border-color:var(--p-line)!important;color:var(--p-text)!important;}
  .portal-design .help-card-icon {background:var(--p-active)!important;color:var(--p-active-text)!important;}
  .portal-design :is(#account-menu,.account-menu,.issue-drawer,.issue-drawer-head,.health-score-panel) {background:var(--p-surface)!important;color:var(--p-text)!important;border-color:var(--p-line)!important;box-shadow:0 12px 40px #0002!important;}
  .portal-design :is(#account-menu,.account-menu) :is(button,a) {color:var(--p-text)!important;}
  .portal-design :is(.comparison-panel,.comparison-head,.cf,.fi,.hc) :is(p,small,span) {color:var(--p-muted)!important;font-size:12px!important;}

  /* New-user and comparison modules share semantic surfaces without changing visibility. */
  .portal-design :is(.cf-start,.cf-action,.cf,.cf-item) {background:var(--p-surface)!important;border-color:var(--p-line)!important;color:var(--p-text)!important;}
  .portal-design .cf-action:not(:disabled):hover {background:var(--p-hover)!important;border-color:var(--p-primary)!important;}
  .portal-design .cf-action b {font-size:16px!important;color:var(--p-ink)!important;}
  .portal-design :is(.cf-start p,.cf-action span,.cf-outcome,.cf .cf-empty) {font-size:14px!important;line-height:1.6!important;color:var(--p-text)!important;}
  .portal-design :is(.cf-empty-note,.cf-note) {font-size:13px!important;color:var(--p-muted)!important;}
  .portal-design .cf-outcome {background:var(--p-subtle)!important;border-color:var(--p-primary)!important;}
  .portal-design .cf-empty-action {font-size:14px!important;background:var(--p-surface)!important;color:var(--p-active-text)!important;border-color:var(--p-line)!important;}
  .portal-design .cf-item strong {font-size:20px!important;color:var(--p-ink)!important;}
  .portal-design .cf-item em {font-size:12px!important;}
  .portal-design .cf-good {color:var(--p-active-text)!important;}
  .portal-design .cf-bad {color:var(--p-error)!important;}
  .portal-design .cf-neutral {color:var(--p-muted)!important;}

  /* Login: concise brand panel, a comfortable form, no mobile preamble. */
  .portal-design .login-view {grid-template-columns:1fr 1fr!important;background:var(--p-surface)!important;}
  .portal-design .login-brand-panel {background:#183b2d!important;padding:48px 56px!important;min-height:100dvh!important;}
  .portal-design .login-brand-panel::after {display:none!important;}
  .portal-design .portal-logo .portal-wordmark {color:#edf4e9!important;}
  .portal-design .portal-logo>span {color:#c7d8c9!important;font-size:11px!important;}
  .portal-design .login-brand-copy {max-width:510px!important;margin:auto 0!important;padding:64px 0!important;}
  .portal-design .login-brand-copy h1 {font-size:44px!important;color:#f5f8f0!important;line-height:1.18!important;margin:20px 0!important;}
  .portal-design .login-brand-copy p {font-size:16px!important;color:#c7d8c9!important;}
  .portal-design .login-brand-copy .eyebrow {color:#cde7ab!important;}
  .portal-design .login-points {gap:0!important;border-top:1px solid #527360!important;padding-top:24px!important;}
  .portal-design .login-points span {border:0!important;padding:0 18px 0 0!important;color:#c7d8c9!important;font-size:12px!important;}
  .portal-design .login-form-panel {padding:48px!important;background:var(--p-surface)!important;}
  .portal-design .login-box {max-width:420px!important;}
  .portal-design .login-box h2 {font-size:30px!important;margin-bottom:16px!important;}
  .portal-design .login-box form {gap:12px!important;}
  .portal-design .login-box label {font-size:13px!important;color:var(--p-text)!important;}
  .portal-design .login-box button {min-height:48px!important;}
  .portal-design .login-help {color:var(--p-muted)!important;border-color:var(--p-line)!important;font-size:12px!important;}
  .portal-design .login-help a {color:var(--p-active-text)!important;font-size:12px!important;}
  .portal-design .loading-screen {background:var(--p-canvas)!important;color:var(--p-text)!important;}

  @media(min-width:901px) and (max-width:1200px) {
    .portal-design #dashboard-view {grid-template-columns:210px minmax(0,1fr)!important;}
    .portal-design #dashboard-view.sidebar-collapsed {grid-template-columns:minmax(0,1fr)!important;}
    .portal-design .workspace-body {padding:28px 24px 48px!important;}
    .portal-design .topbar {padding:0 24px!important;}
    .portal-design #moiyena-density-toggle,.portal-design .user-chip>div {display:none!important;}
    .portal-design .portal-workflow {padding:18px!important;}
    .portal-design .portal-workflow-heading {display:block!important;}
    .portal-design .portal-workflow-heading p {margin-top:8px!important;}
  }
  @media(max-width:1100px) {
    .portal-design .content-grid {grid-template-columns:1fr!important;}
    .portal-design .pc2-summary {grid-template-columns:repeat(3,minmax(0,1fr))!important;}
    .portal-design .my-work-panel {grid-template-columns:repeat(4,minmax(0,1fr))!important;}
    .portal-design .my-work-lead {grid-column:1 / -1!important;}
    .portal-design .my-work-stat {padding:0 8px!important;}
  }
  @media(max-width:900px) {
    .portal-design #dashboard-view {display:block!important;}
    .portal-design .sidebar {position:fixed!important;inset:0 auto 0 0!important;width:min(310px,calc(100vw - 40px))!important;height:100dvh!important;z-index:1000!important;padding:24px 16px!important;display:flex!important;transform:translateX(-105%)!important;visibility:hidden!important;transition:transform .18s,visibility .18s!important;}
    .portal-design .sidebar.mobile-open {transform:translateX(0)!important;visibility:visible!important;}
    .portal-design .side-brand {display:flex!important;}
    .portal-design .side-nav {display:flex!important;flex-direction:column!important;overflow-y:auto!important;}
    .portal-design .nav-item {justify-content:flex-start!important;flex:0 0 auto!important;}
    .portal-design .side-bottom {display:grid!important;}
    .portal-design .mobile-drawer-backdrop {z-index:999!important;background:#08190eb3!important;}
    .portal-design .topbar {position:sticky!important;top:0!important;height:64px!important;padding:0 20px!important;gap:10px!important;z-index:40!important;}
    .portal-design .topbar .mobile-hide-company,.portal-design #moiyena-density-toggle {display:none!important;}
    .portal-design #mobile-page-heading {display:block!important;margin-right:auto!important;min-width:0!important;}
    .portal-design #mobile-page-heading small {font-size:9px!important;letter-spacing:.08em!important;color:var(--p-muted)!important;display:block!important;}
    .portal-design #mobile-page-heading strong {font-size:13px!important;color:var(--p-ink)!important;max-width:150px!important;display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
    .portal-design .user-chip>div {display:none!important;}
    .portal-design #moiyena-theme-toggle {width:40px!important;min-width:40px!important;padding:0!important;font-size:0!important;gap:0!important;}
    .portal-design #moiyena-theme-toggle span:first-child {font-size:20px!important;}
    .portal-design #moiyena-theme-toggle span:last-child {display:none!important;}
    .portal-design .workspace-body {padding:28px 24px 48px!important;}
    .portal-design .portal-workflow-heading {display:block!important;}
    .portal-design .portal-workflow-heading p {margin-top:6px!important;}
    .portal-design .portal-workflow-grid {gap:12px!important;}
    .portal-design .portal-workflow {padding:18px!important;}
    .portal-design .portal-workflow strong {font-size:16px!important;}
    .portal-design :is(.security-grid,.team-layout,.workspace-settings-grid) {grid-template-columns:1fr!important;}
    .portal-design .login-view {grid-template-columns:1fr!important;}
    .portal-design .login-brand-panel {min-height:0!important;padding:24px!important;}
    .portal-design .login-brand-copy,.portal-design .login-points {display:none!important;}
    .portal-design .login-form-panel {padding:48px 24px!important;align-items:flex-start!important;}
  }
  @media(max-width:620px) {
    .portal-design .workspace-body {padding:24px 16px 40px!important;}
    .portal-design .topbar {padding:0 12px!important;gap:8px!important;}
    .portal-design .user-chip {display:none!important;}
    .portal-design #account-trigger {font-size:11px!important;padding:8px!important;min-width:56px!important;}
    .portal-design :where(#dashboard-view,#login-view) h1 {font-size:25px!important;}
    .portal-design .app-section>.section-title-row {gap:14px!important;margin-bottom:24px!important;align-items:flex-start!important;}
    .portal-design .portal-workflow-grid {grid-template-columns:1fr!important;}
    .portal-design .portal-workflow {min-height:0!important;padding:20px!important;}
    .portal-design .portal-workflow-top {margin-bottom:12px!important;}
    .portal-design .portal-workflow-copy {margin-bottom:16px!important;}
    .portal-design .portal-workflow strong {font-size:18px!important;}
    .portal-design .metric-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
    .portal-design .metric-card {padding:16px!important;border-bottom:1px solid var(--p-line)!important;min-height:160px!important;}
    .portal-design .metric-card:nth-child(2n) {border-right:0!important;}
    .portal-design .metric-card:nth-child(n+3) {border-bottom:0!important;}
    .portal-design .metric-card strong {font-size:30px!important;}
    .portal-design :is(.panel,.pc2-panel,.iv-panel,.is-panel,.sm-panel,.oh-panel,.security-card,.workspace-settings-card) {padding:18px!important;}
    .portal-design .panel-head {gap:12px!important;flex-wrap:wrap!important;}
    .portal-design .my-work-panel {grid-template-columns:1fr 1fr!important;gap:20px 12px!important;padding:18px!important;}
    .portal-design .my-work-stat {padding:0 10px!important;}
    .portal-design .portal-import-tabs {margin:0 0 20px!important;}
    .portal-design :is(.pc2-summary,.sm-stats,.iv-summary,.is-summary) {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
    .portal-design :is(.pc2-files,.pc2-maps,.iv-grid,.upload-grid,.is-map,.iv-settings,.iv-supplier-grid) {grid-template-columns:1fr!important;}
    .portal-design .pc2-toolbar {display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;padding-bottom:8px!important;}
    .portal-design .pc2-toolbar button {flex:0 0 auto!important;width:auto!important;white-space:nowrap!important;}
    .portal-design :is(.pc2-actions,.iv-tools,.sm-actions) {display:flex!important;flex-direction:column!important;align-items:stretch!important;}
    .portal-design :is(.pc2-head,.sm-head,.iv-head,.oh-head) {flex-direction:column!important;}
    .portal-design :is(.pc2-file,.pc2-memory,.sm-drop,.iv-drop,.is-drop,.drop-zone) {padding:18px!important;min-height:130px!important;}
    .portal-design :is(.workspace-body,.login-box) button {min-height:44px!important;}
    .portal-design .health-score-trigger {min-height:30px!important;}
    .portal-design #section-reports .moiyena-report-grid {grid-template-columns:1fr!important;}
    .portal-design .sm-map {grid-template-columns:1fr!important;}
    .portal-design .help-card-grid,.portal-design .help-quick-grid {grid-template-columns:1fr!important;}
    .portal-design .issue-toolbar,.portal-design .issue-collab-bar {display:flex!important;flex-wrap:wrap!important;}
    .portal-design .issue-toolbar>* {min-width:0!important;max-width:100%!important;}
    .portal-design .login-box h2 {font-size:28px!important;}
  }
  .portal-design body.moiyena-compact :is(.pc2-row,.is-row,.sm-preview-row,.table-row,.issue-detail-row) {padding-top:9px!important;padding-bottom:9px!important;}
  @media(prefers-reduced-motion:reduce) {
    .portal-design * {animation:none!important;transition:none!important;scroll-behavior:auto!important;}
  }
}


@layer portal-design {
 .portal-design #section-overview[data-portal-empty="true"] :is(.metric-grid,.portal-analysis-heading,.my-work-panel,.hc,.fi,.content-grid,#analysis-date,#analysis-status) {display:none!important;}
 .portal-design .my-work-lead strong {display:block!important;}
 .portal-design .issue-detail-row>*,.portal-design .iv-row>* {display:block!important;}
 .portal-design .issue-detail-row {grid-template-columns:64px minmax(180px,1fr) 120px minmax(220px,1.4fr)!important;}
 .portal-design .metric-card[data-issue-shortcut]::after {display:block!important;font-size:11px!important;color:var(--p-active-text)!important;}
}

@layer portal-design {
 .portal-design .issue-detail-row {min-width:1050px!important;grid-template-columns:64px minmax(210px,1.15fr) 120px minmax(230px,1fr) 150px!important;border-radius:0!important;}
 .portal-design .issue-detail-row.head {display:grid!important;}
 .portal-design .issue-workflow-card :is(span,small,strong) {display:block!important;}
 .portal-design :is(.iv-pill,.iv-state,.issue-type) {font-size:12px!important;line-height:1.5!important;padding:5px 8px!important;background:var(--p-active)!important;color:var(--p-active-text)!important;}
 .portal-design :is(.iv-pill.warn,.iv-state.warn,.issue-type.warning) {background:var(--p-warning-bg)!important;color:var(--p-warning)!important;}
 .portal-design .issue-type.critical {background:var(--p-error-bg)!important;color:var(--p-error)!important;}
 .portal-design .iv-row.bad {background:var(--p-warning-bg)!important;}
 .portal-design .iv-preview {background:var(--p-subtle)!important;border-color:var(--p-line)!important;}
 .portal-design .portal-field-label {display:block!important;margin:18px 0 6px!important;}
 .portal-design .pc2-row>:nth-child(n+3):nth-child(-n+6) {text-align:right!important;font-variant-numeric:tabular-nums!important;}
 .portal-design .pc2-map {grid-template-columns:repeat(3,minmax(0,1fr))!important;}
 .portal-design .health-score-meta,.portal-design .health-score-grade {max-width:100%!important;}
 @media(max-width:620px) {
  .portal-design .pc2-map {grid-template-columns:1fr!important;}
  .portal-design .issue-workflow-summary {grid-template-columns:1fr 1fr!important;}
  .portal-design .issue-workflow-card:first-child {grid-column:1 / -1!important;}
 }
}

@layer portal-design {
 .portal-design #analyses-table .table-row {min-width:760px!important;grid-template-columns:1.15fr 1.4fr .4fr .55fr 85px!important;}
 .portal-design #analyses-table .history-open {font-size:12px!important;}
 .portal-design :is(.issue-drawer,.issue-drawer-head,#shortcut-help) {background:var(--p-surface)!important;color:var(--p-text)!important;font:14px/1.55 var(--p-font)!important;border-color:var(--p-line)!important;}
 .portal-design .issue-drawer :is(label,p,small,span,button) {font-size:13px!important;color:var(--p-text)!important;}
 .portal-design .issue-drawer :is(input,select,textarea) {background:var(--p-surface)!important;color:var(--p-ink)!important;border-color:var(--p-line)!important;font-size:16px!important;}
}

/* September presentation refinement. The existing visibility layer stays first;
   all view/data ownership remains with the original modules. */
@layer portal-design {
  .portal-design :is(button,input,select,textarea) {font-family:var(--p-font)!important;}
  .portal-design :is(.workspace,.workspace-body,.app-section,.panel,.customer-admin-grid>*,.customer-detail-grid>*) {min-width:0!important;}
  .portal-design .workspace-body {max-width:1480px!important;padding-top:40px!important;}
  .portal-design :where(#dashboard-view,#login-view) h1 {font-size:32px!important;letter-spacing:-.04em!important;line-height:1.22!important;}
  .portal-design .section-title-row p {font-size:15px!important;line-height:1.65!important;}
  .portal-design .app-section>.section-title-row {margin-bottom:28px!important;padding-bottom:26px!important;}
  .portal-design .sidebar {background:var(--p-nav)!important;border-right:0!important;padding:28px 14px 18px!important;color:var(--p-nav-text)!important;}
  .portal-design .side-brand .portal-wordmark {color:#f4f8ed!important;font-size:24px!important;letter-spacing:-1.1px!important;}
  .portal-design .side-brand {border-bottom:1px solid #ffffff15!important;margin:0 8px 8px!important;padding:0 4px 26px!important;}
  .portal-design .sidebar .mobile-drawer-close {color:var(--p-nav-muted)!important;}
  .portal-design .sidebar .portal-nav-group-label {color:var(--p-nav-muted)!important;letter-spacing:.1em!important;font-size:10px!important;margin-top:26px!important;}
  .portal-design .sidebar .nav-item {color:var(--p-nav-text)!important;border-radius:9px!important;padding:11px 13px!important;}
  .portal-design .sidebar .nav-item:hover {background:#ffffff0c!important;}
  .portal-design .sidebar .nav-item.active {background:var(--p-nav-active)!important;color:var(--p-nav-ink)!important;}
  .portal-design .side-bottom {border-color:#ffffff1c!important;gap:12px!important;padding:16px 10px 0!important;}
  .portal-design .side-bottom :is(a,button) {color:var(--p-nav-muted)!important;}
  .portal-design .side-bottom #portal-guide-link {display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;border:1px solid #ffffff28!important;background:#ffffff06!important;border-radius:9px!important;padding:12px!important;min-height:48px!important;color:#edf5e4!important;font-size:12px!important;text-decoration:none!important;}
  .portal-design .side-bottom #portal-guide-link:hover {background:#ffffff12!important;border-color:#b7d6bd!important;}
  .portal-design .topbar {height:78px!important;}
  .portal-design .topbar :is(button,span,b,strong,a) {font-family:var(--p-font)!important;}
  .portal-design #user-initial {border:1px solid var(--p-line)!important;box-shadow:none!important;}
  .portal-design .topbar-notifications {margin-right:6px!important;}
  .portal-design #notification-badge {background:var(--p-error)!important;color:var(--p-surface)!important;border-color:var(--p-surface)!important;font-size:12px!important;}
  .portal-design :is(.panel,.pc2-panel,.iv-panel,.is-panel,.sm-panel,.oh-panel,.security-card,.workspace-settings-card,.customer-detail-kpi) {border-radius:16px!important;box-shadow:var(--p-shadow)!important;}
  .portal-design .portal-workflow {position:relative!important;min-height:246px!important;border-radius:16px!important;padding:26px!important;box-shadow:var(--p-shadow)!important;}
  .portal-design .portal-workflow:hover {border-color:var(--p-primary)!important;background:var(--p-hover)!important;}
  .portal-design .portal-workflow-top svg {width:26px!important;height:26px!important;box-sizing:content-box!important;padding:11px!important;border-radius:12px!important;background:var(--p-active)!important;}
  .portal-design .portal-workflow-top>span {font-size:12px!important;font-variant-numeric:tabular-nums!important;}
  .portal-design .portal-workflow strong {font-size:19px!important;letter-spacing:-.025em!important;}
  .portal-design .portal-workflow-copy {font-size:14px!important;line-height:1.65!important;}
  .portal-design .portal-workflow-action {font-size:13px!important;}
  .portal-design .metric-grid {gap:14px!important;border:0!important;background:transparent!important;overflow:visible!important;}
  .portal-design .metric-card {border:1px solid var(--p-line)!important;border-radius:14px!important;min-height:168px!important;padding:22px!important;box-shadow:var(--p-shadow)!important;}
  .portal-design .metric-card.health {background:var(--p-active)!important;}
  .portal-design .metric-card strong {font-size:36px!important;font-variant-numeric:tabular-nums!important;letter-spacing:-.04em!important;}
  .portal-design .metric-card p {font-size:12px!important;}
  .portal-design :is(.pc2-row,.iv-row,.is-row,.sm-preview-row,.table-row,.issue-detail-row) {font-variant-numeric:tabular-nums!important;}
  .portal-design :is(.pc2-table,.iv-table,.is-table,.sm-preview,.sm-results,#analyses-table,#issues-table) {border-radius:12px!important;scrollbar-color:var(--p-muted) var(--p-subtle)!important;}
  .portal-design :is(.pc2-row,.table-row,.issue-detail-row):not(.head):hover {background:var(--p-hover)!important;}
  .portal-design :is(.pc2-file,.pc2-memory,.sm-drop,.iv-drop,.is-drop,.drop-zone) {border-color:var(--p-line)!important;border-radius:12px!important;padding:28px!important;}
  .portal-design :is(.sm-drop,.iv-drop,.is-drop,.drop-zone):hover {border-color:var(--p-primary)!important;}
  .portal-design :is(.file-meta,.mapping-status,.mapping-memory-status,#report-analysis-picker,.historical-banner) {background:var(--p-subtle)!important;color:var(--p-text)!important;border-color:var(--p-line)!important;}
  .portal-design #portal-erp-note {padding:16px 20px!important;border-radius:12px!important;font-size:13px!important;line-height:1.7!important;}
  .portal-design :is(.notification-panel,.notification-panel-head,.notification-item,.issue-note,.issue-note-empty) {background:var(--p-surface)!important;color:var(--p-text)!important;border-color:var(--p-line)!important;}
  .portal-design .notification-item.unread {background:var(--p-subtle)!important;}
  .portal-design .notification-panel button:hover {background:var(--p-hover)!important;}
  .portal-design .notification-item :is(b,p) {font-size:14px!important;}
  .portal-design .notification-panel-head h2 {font-size:16px!important;margin:0!important;}
  .portal-design .notification-meta,.portal-design .notification-meta :is(span,time) {font-size:12px!important;color:var(--p-muted)!important;}
  .portal-design .notification-meta .notification-read-state {color:var(--p-active-text)!important;}
  .portal-design .notification-empty {font-size:14px!important;color:var(--p-muted)!important;}
  .portal-design .notification-feedback {background:var(--p-error-bg)!important;border-color:var(--p-line)!important;}
  .portal-design #notification-error {font-size:14px!important;color:var(--p-error)!important;}
  .portal-design .notification-panel button[aria-disabled="true"] {color:var(--p-muted)!important;cursor:default!important;}
  .portal-design :is(.team-row,.audit-row,.security-detail) {padding-top:18px!important;padding-bottom:18px!important;}
  .portal-design :is(.team-form,.workspace-settings-form,.customer-form) {gap:16px!important;}
  .portal-design :is(.team-form,.workspace-settings-form,.customer-form) label {font-size:13px!important;line-height:1.6!important;}
  .portal-design :is(.customer-form button,.workspace-settings-save,.admin-action) {background:var(--p-primary)!important;color:var(--p-on-primary)!important;border-color:var(--p-primary)!important;}

  /* Platform administration uses the same typography and never drops columns. */
  .portal-design :is(.admin-overview-grid,.customer-summary,.customer-detail-kpis) {gap:16px!important;margin-bottom:24px!important;}
  .portal-design :is(.admin-kpi,.customer-summary>div,.customer-detail-kpi) {padding:24px!important;background:var(--p-surface)!important;border:1px solid var(--p-line)!important;border-radius:14px!important;box-shadow:var(--p-shadow)!important;}
  .portal-design .admin-kpi::after {display:none!important;}
  .portal-design :is(.admin-kpi,.customer-summary>div,.customer-detail-kpi)>span {display:block!important;font-size:12px!important;font-weight:500!important;color:var(--p-muted)!important;}
  .portal-design :is(.admin-kpi,.customer-summary>div,.customer-detail-kpi)>strong {display:block!important;font:600 34px/1.25 var(--p-heading)!important;color:var(--p-ink)!important;font-variant-numeric:tabular-nums!important;margin:14px 0 8px!important;letter-spacing:-.04em!important;}
  .portal-design :is(.admin-kpi,.customer-detail-kpi)>small {font-size:12px!important;line-height:1.55!important;color:var(--p-muted)!important;}
  .portal-design .admin-health-panel {padding:0!important;overflow:hidden!important;margin-bottom:24px!important;}
  .portal-design .admin-health-cell {padding:24px!important;border-color:var(--p-line)!important;}
  .portal-design .admin-health-cell :is(span,small) {font-size:12px!important;color:var(--p-muted)!important;}
  .portal-design .admin-health-cell strong {font:600 26px/1.3 var(--p-heading)!important;color:var(--p-ink)!important;display:block!important;margin:12px 0 6px!important;}
  .portal-design .admin-health-cell strong.admin-health-date {font-size:17px!important;}
  .portal-design :is(.admin-client-panel,.customer-list-panel,.customer-create-panel) {padding:24px!important;}
  .portal-design :is(.admin-client-panel,.customer-list-panel) .panel-head p {font-size:13px!important;color:var(--p-muted)!important;}
  .portal-design :is(#admin-client-list,.customer-table) {max-width:100%!important;overflow:auto!important;border:1px solid var(--p-line)!important;border-radius:10px!important;margin-top:20px!important;}
  .portal-design :is(.admin-client-row,.customer-row) {display:grid!important;gap:18px!important;padding:18px 16px!important;border-color:var(--p-line)!important;border-radius:0!important;font-size:14px!important;line-height:1.55!important;color:var(--p-text)!important;}
  .portal-design .admin-client-row {min-width:820px!important;grid-template-columns:minmax(210px,1.4fr) 130px 110px 110px minmax(150px,1fr)!important;}
  .portal-design .customer-row {min-width:620px!important;grid-template-columns:minmax(170px,1.2fr) minmax(180px,1.2fr) 90px 130px!important;}
  .portal-design :is(.admin-client-row,.customer-row)>* {display:block!important;grid-column:auto!important;min-width:0!important;overflow-wrap:anywhere!important;}
  .portal-design :is(.admin-client-row,.customer-row).head {display:grid!important;background:var(--p-subtle)!important;color:var(--p-muted)!important;font-size:12px!important;}
  .portal-design :is(.admin-client-row,.customer-row) :is(b,strong) {font-size:14px!important;color:var(--p-ink)!important;}
  .portal-design :is(.admin-client-row,.customer-row) small {font-size:12px!important;color:var(--p-muted)!important;}
  .portal-design .admin-client-row[data-customer-id]:hover {background:var(--p-hover)!important;transform:none!important;}
  .portal-design .admin-detail-link {font-size:12px!important;color:var(--p-active-text)!important;}
  .portal-design :is(.admin-health-pill,.customer-pill,.customer-detail-severity) {font-size:11px!important;background:var(--p-subtle)!important;color:var(--p-text)!important;padding:5px 9px!important;}
  .portal-design .admin-health-pill.good {background:var(--p-active)!important;color:var(--p-active-text)!important;}
  .portal-design .admin-health-pill.watch,.portal-design .customer-detail-severity.warning {background:var(--p-warning-bg)!important;color:var(--p-warning)!important;}
  .portal-design .admin-health-pill.risk,.portal-design .customer-detail-severity.critical {background:var(--p-error-bg)!important;color:var(--p-error)!important;}
  .portal-design .customer-admin-grid {grid-template-columns:minmax(280px,.8fr) minmax(0,1.5fr)!important;gap:24px!important;}
  .portal-design .customer-create-panel {position:static!important;}
  .portal-design :is(.customer-admin-note,.customer-status,.admin-empty,.customer-detail-empty) {font-size:13px!important;line-height:1.7!important;color:var(--p-muted)!important;border-color:var(--p-line)!important;}
  .portal-design .customer-detail-top {gap:20px!important;margin-bottom:28px!important;padding-bottom:24px!important;border-bottom:1px solid var(--p-line)!important;}
  .portal-design .customer-detail-grid {gap:24px!important;}
  .portal-design :is(.customer-detail-user,.customer-detail-analysis,.customer-detail-issue) {font-size:13px!important;color:var(--p-text)!important;border-color:var(--p-line)!important;padding:18px 0!important;gap:16px!important;}
  .portal-design :is(.customer-detail-user,.customer-detail-analysis,.customer-detail-issue)>* {min-width:0!important;overflow-wrap:anywhere!important;}
  .portal-design :is(.customer-detail-user,.customer-detail-analysis).head {font-size:12px!important;color:var(--p-muted)!important;}
  .portal-design .customer-detail-analysis {grid-template-columns:1.2fr 1fr .6fr .6fr .6fr!important;}
  .portal-design .customer-detail-analysis>*:last-child {display:block!important;}
  .portal-design .customer-detail-workflow div {background:var(--p-subtle)!important;border-color:var(--p-line)!important;padding:16px!important;}
  .portal-design .customer-detail-workflow span {font-size:12px!important;color:var(--p-muted)!important;}
  .portal-design .customer-detail-workflow strong {font-size:24px!important;color:var(--p-ink)!important;}
  .portal-design .customer-detail-progress {background:var(--p-line)!important;}
  .portal-design .customer-detail-progress i {background:var(--p-primary)!important;}

  /* A useful, restrained welcome screen in either theme. */
  .portal-design .login-brand-panel {background:#142f27!important;position:relative!important;overflow:hidden!important;}
  .portal-design .login-brand-panel::before {content:''!important;position:absolute!important;width:420px!important;height:420px!important;right:-180px!important;bottom:-160px!important;border:1px solid #d9edb322!important;border-radius:50%!important;pointer-events:none!important;}
  .portal-design .login-brand-copy h1 {font-size:clamp(36px,3.6vw,56px)!important;letter-spacing:-.045em!important;}
  .portal-design .login-brand-copy p {font-size:17px!important;line-height:1.75!important;}
  .portal-design .login-box h2 {font-size:32px!important;line-height:1.2!important;letter-spacing:-.035em!important;}
  .portal-design .login-box>p {font-size:15px!important;line-height:1.7!important;margin-bottom:28px!important;}
  .portal-design .login-box :is(input,button) {min-height:50px!important;border-radius:10px!important;}

  @media(max-width:1200px) {
    .portal-design .customer-admin-grid {grid-template-columns:1fr!important;}
    .portal-design .admin-overview-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  }
  @media(max-width:900px) {
    .portal-design .workspace-body {padding-top:28px!important;}
    .portal-design .topbar {height:66px!important;}
    .portal-design .login-brand-panel {padding:24px!important;}
    .portal-design .login-brand-panel::before {display:none!important;}
    .portal-design .customer-detail-top {flex-wrap:wrap!important;}
  }
  @media(max-width:620px) {
    .portal-design :where(#dashboard-view,#login-view) h1 {font-size:27px!important;}
    .portal-design .section-title-row p {font-size:14px!important;}
    .portal-design .app-section>.section-title-row {flex-wrap:wrap!important;gap:16px!important;}
    .portal-design .metric-grid {gap:10px!important;}
    .portal-design .metric-card {padding:16px!important;border:1px solid var(--p-line)!important;min-height:156px!important;}
    .portal-design .metric-card strong {font-size:30px!important;}
    .portal-design .portal-workflow {min-height:0!important;padding:22px!important;}
    .portal-design .portal-workflow-top {margin-bottom:16px!important;}
    .portal-design .portal-workflow-top svg {width:22px!important;height:22px!important;padding:9px!important;}
    .portal-design :is(.admin-overview-grid,.customer-summary,.customer-detail-kpis) {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
    .portal-design :is(.admin-kpi,.customer-summary>div,.customer-detail-kpi) {padding:18px!important;}
    .portal-design :is(.admin-kpi,.customer-summary>div,.customer-detail-kpi)>strong {font-size:28px!important;}
    .portal-design .admin-health-cell {padding:20px!important;}
    .portal-design :is(.admin-client-panel,.customer-list-panel,.customer-create-panel) {padding:18px!important;}
    .portal-design .customer-detail-analysis {grid-template-columns:1fr 1fr!important;}
    .portal-design .customer-detail-analysis>*:last-child {grid-column:1 / -1!important;}
    .portal-design .login-box h2 {font-size:28px!important;}
    .portal-design .login-form-panel {padding-top:36px!important;}
  }
}

@layer portal-design {
  /* Sidebar controls keep contrast independently of light workspace surfaces. */
  .portal-design .side-bottom #logout-button {background:transparent!important;color:var(--p-nav-text)!important;text-align:left!important;}
  .portal-design .side-bottom #logout-button:hover {background:#ffffff0d!important;color:#fff!important;}
  /* Offline font fallback also covers legacy dynamically injected headings. */
  .portal-design :is(#dashboard-view,#login-view) :is(h1,h2,h3,h4,h5,h6) {font-family:var(--p-heading)!important;}
}

/* Phase 2: daily work hierarchy and source-linked invoice review. */
@layer portal-design {
  .portal-design #portal-workflows.portal-workflows-compact {margin:20px 0!important;}
  .portal-design #portal-workflows.portal-workflows-compact .portal-workflow-heading {margin-bottom:10px!important;}
  .portal-design #portal-workflows.portal-workflows-compact .portal-workflow-heading p,
  .portal-design #portal-workflows.portal-workflows-compact :is(.portal-workflow-top,.portal-workflow-copy) {display:none!important;}
  .portal-design #portal-workflows.portal-workflows-compact .portal-workflow {min-height:0!important;padding:14px 16px!important;gap:8px!important;}
  .portal-design #portal-workflows.portal-workflows-compact .portal-workflow strong {font-size:14px!important;margin:0!important;}
  .portal-design #portal-workflows.portal-workflows-compact .portal-workflow-action {padding-top:8px!important;}
  .portal-design #onboarding-guide {margin-top:16px!important;}
  .portal-design #onboarding-guide #pc-loop {margin:16px 0 0!important;padding:16px!important;border-color:var(--p-line)!important;background:var(--p-subtle)!important;}
  .portal-design #onboarding-guide :is(.pc-step,.pc-note) {background:var(--p-surface)!important;color:var(--p-text)!important;font-size:13px!important;}
  .portal-design #onboarding-guide .pc-step b {color:var(--p-ink)!important;font-size:13px!important;}
  .portal-design #iv-review-layout {display:block!important;min-width:0!important;}
  .portal-design #iv-review-layout .iv-review-main {min-width:0!important;}
  .portal-design #iv-review-source {min-width:0!important;padding:18px!important;}
  .portal-design #iv-review-source-content {min-width:0!important;margin-top:14px!important;}
  .portal-design #iv-review-source .iv-preview {max-height:44vh!important;background:var(--p-subtle)!important;border-color:var(--p-line)!important;}
  .portal-design #iv-review-source .iv-preview.is-expanded {max-height:70vh!important;}
  .portal-design #iv-review-source .iv-raw {min-height:160px!important;max-height:45vh!important;}
  .portal-design #iv-review-source .iv-tools {gap:8px!important;}
  .portal-design :is(#iv-review-source-details,#iv-reading-report,#iv-source-check-details,#iv-step-status,#iv-output-blockers,#ubl-plan-details,#iv-review-queue) summary {cursor:pointer!important;min-height:44px!important;padding:10px 0!important;color:var(--p-ink)!important;line-height:1.5!important;}
  .portal-design :is(#iv-step-status,#iv-output-blockers) ul {margin:8px 0!important;padding-left:22px!important;}
  .portal-design #iv-review-queue {display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))!important;gap:8px!important;margin:12px 0!important;}
  .portal-design #iv-review-queue details {padding:0 12px!important;border:1px solid var(--p-line)!important;border-radius:10px!important;background:var(--p-subtle)!important;min-width:0!important;}
  .portal-design #iv-review-queue .iv-review-row-links {display:grid!important;gap:6px!important;padding-bottom:12px!important;}
  .portal-design #iv-review-queue button {text-align:left!important;white-space:normal!important;overflow-wrap:anywhere!important;height:auto!important;}
  .portal-design #iv-stock-output {padding:18px!important;border:1px solid var(--p-line)!important;border-radius:12px!important;background:var(--p-subtle)!important;margin-bottom:20px!important;}
  .portal-design #iv-stock-output h2 {margin-top:0!important;}
  .portal-design #iv-stock-output-summary {margin-top:12px!important;font-weight:600!important;}
  .portal-design #iv-output-blockers {background:var(--p-warning-bg)!important;color:var(--p-warning)!important;}
  .portal-design #iv-output-blockers.ready {background:var(--p-active)!important;color:var(--p-active-text)!important;}
  .portal-design #ubl-processing-plan {margin:0 0 20px!important;}
  .portal-design #ubl-plan-readiness {padding:8px 0!important;}
  .portal-design #ubl-plan-details {margin-top:14px!important;}
  .portal-design #ubl-plan-details .upl-row {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  @media(min-width:1200px) {
    .portal-design #iv-review-layout.iv-review-active {display:grid!important;grid-template-columns:minmax(0,1fr) minmax(290px,34%)!important;align-items:start!important;gap:18px!important;}
    .portal-design #iv-review-source {position:sticky!important;top:16px!important;max-height:calc(100dvh - 32px)!important;overflow:auto!important;}
  }
  @media(max-width:1199px) {
    .portal-design #iv-review-layout.iv-review-active {display:flex!important;flex-direction:column!important;}
    .portal-design #iv-review-source {order:-1!important;width:100%!important;}
    .portal-design #iv-review-layout .iv-review-main {width:100%!important;}
  }
  @media(max-width:620px) {
    .portal-design #portal-workflows.portal-workflows-compact .portal-workflow-grid {grid-template-columns:1fr!important;gap:8px!important;}
    .portal-design #portal-workflows.portal-workflows-compact .portal-workflow {padding:12px!important;}
    .portal-design #onboarding-guide .pc-flow {grid-template-columns:1fr!important;}
    .portal-design #ubl-plan-details .upl-row {grid-template-columns:1fr!important;}
  }
}

/* Phase 3: original invoice fields become one labeled mobile detail at a time. */
@layer portal-design {
  .portal-design #iv-row-navigation {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;margin:16px 0!important;padding:14px!important;border:1px solid var(--p-line)!important;border-radius:10px!important;background:var(--p-subtle)!important;min-width:0!important;}
  .portal-design #iv-row-navigation>* {min-width:0!important;max-width:100%!important;} .portal-design #iv-row-select {width:100%!important;box-sizing:border-box!important;}
  .portal-design #iv-row-navigation[hidden],.portal-design #iv-table :is(.iv-row,.iv-row-notes)[hidden] {display:none!important;}
  .portal-design #iv-row-navigation label {font-size:14px!important;font-weight:600!important;}
  .portal-design #iv-row-navigation>div {display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;}
  .portal-design #iv-row-position {font-size:12px!important;line-height:1.6!important;color:var(--p-muted)!important;margin:0!important;}
  .portal-design .iv-cell {min-width:0!important;margin:0!important;}
  .portal-design .iv-cell input {width:100%!important;min-width:0!important;box-sizing:border-box!important;}
  .portal-design .iv-row .iv-cell-label {display:none!important;}
  .portal-design .iv-row :is(input[data-k="qty"],input[data-k="unitPrice"],input[data-k="discount"],input[data-k="vat"],.iv-net) {text-align:right!important;font-variant-numeric:tabular-nums!important;}
  .portal-design .iv-net {display:block!important;}
  .portal-design :is(.pc2-table,.is-table,.sm-preview,#analyses-table,#issues-table) {max-height:70dvh!important;}
  .portal-design :is(.pc2-row.head,.is-row.head,.sm-preview-head,.table-row.head,.issue-detail-row.head) {position:sticky!important;top:0!important;z-index:2!important;background:var(--p-subtle)!important;}
  .portal-design .portal-refresh-feedback {display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin-bottom:20px!important;padding:16px!important;border:1px solid var(--p-warning)!important;border-radius:10px!important;background:var(--p-warning-bg)!important;color:var(--p-warning)!important;}
  .portal-design .portal-refresh-feedback[hidden] {display:none!important;}
  .portal-design .portal-refresh-feedback p {margin:0!important;color:inherit!important;}
  .portal-design .portal-retry {min-height:44px!important;flex:0 0 auto!important;}
  .portal-design #app-loading .portal-retry {font:600 14px/1.5 var(--p-font)!important;padding:10px 16px!important;border:1px solid var(--p-line)!important;border-radius:8px!important;background:var(--p-primary)!important;color:var(--p-on-primary)!important;}
  .portal-design #account-menu {max-height:calc(100dvh - 100px)!important;overflow:auto!important;overscroll-behavior:contain!important;}
  .portal-design #account-menu :is(b,button) {font-size:14px!important;}
  .portal-design #account-menu small {font-size:12px!important;color:var(--p-muted)!important;}
  .portal-design .issue-drawer {height:100dvh!important;max-height:100dvh!important;}
  .portal-design .issue-drawer-head {flex:0 0 auto!important;}
  .portal-design .issue-drawer-body {min-height:0!important;overflow:auto!important;overscroll-behavior:contain!important;}
  @media(min-width:621px) {
    .portal-design #iv-table {max-height:70dvh!important;}
    .portal-design #iv-table .iv-row.head {position:sticky!important;top:0!important;z-index:2!important;}
    .portal-design #iv-table .iv-cell[data-field="name"],.portal-design #iv-table .iv-row.head>:nth-child(3) {position:sticky!important;left:0!important;z-index:1!important;background:var(--p-surface)!important;}
    .portal-design #iv-table .iv-row.head>:nth-child(3) {z-index:3!important;background:var(--p-subtle)!important;}
  }
  @media(max-width:900px) {
    .portal-design .topbar {gap:6px!important;}
    .portal-design #mobile-page-heading {flex:1 1 0!important;min-width:0!important;margin-right:0!important;}
    .portal-design #mobile-page-heading strong {max-width:100%!important;}
    .portal-design #mobile-menu-button,.portal-design #moiyena-theme-toggle {width:44px!important;min-width:44px!important;height:44px!important;flex:0 0 44px!important;}
    .portal-design #account-trigger {min-height:44px!important;flex:0 0 auto!important;font-size:12px!important;}
    .portal-design .topbar-notifications {flex:0 0 auto!important;margin:0!important;}
    .portal-design .notification-trigger {width:44px!important;min-width:44px!important;height:44px!important;padding:0!important;}
    .portal-design .mobile-drawer-close {width:44px!important;height:44px!important;flex:0 0 44px!important;}
    .portal-design .sidebar {overflow-y:auto!important;overscroll-behavior:contain!important;}
    .portal-design .side-nav {flex:1 0 auto!important;overflow:visible!important;}
    .portal-design .side-brand,.portal-design .side-bottom {flex:0 0 auto!important;}
  }
  @media(max-width:620px) {
    .portal-design .topbar {padding:0 10px!important;}
    .portal-design #iv-table {max-height:none!important;overflow:visible!important;}
    .portal-design #iv-table .iv-row.head {display:none!important;}
    .portal-design #iv-table .iv-row[data-i] {min-width:0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px 12px!important;padding:14px!important;align-items:start!important;}
    .portal-design #iv-table .iv-row[data-i]>* {min-width:0!important;max-width:100%!important;}
    .portal-design #iv-table .iv-row[data-i]>:first-child {grid-column:1/-1!important;font-weight:600!important;color:var(--p-muted)!important;}
    .portal-design #iv-table .iv-row[data-i]>:first-child::before {content:'Satır ';}
    .portal-design #iv-table .iv-cell:is([data-field="barcode"],[data-field="name"]),.portal-design #iv-table .iv-row[data-i]>div:not(.iv-net-cell) {grid-column:1/-1!important;}
    .portal-design #iv-table .iv-row .iv-cell-label {display:block!important;margin-bottom:6px!important;font-size:13px!important;line-height:1.5!important;font-weight:600!important;color:var(--p-text)!important;}
    .portal-design #iv-table .iv-row input {font-size:16px!important;min-height:44px!important;}
    .portal-design #iv-table .iv-row .iv-net {padding:10px 0!important;}
    .portal-design #iv-table .iv-del {align-self:end!important;min-height:44px!important;justify-self:end!important;width:44px!important;}
    .portal-design .iv-row-notes {padding:14px!important;font-size:14px!important;line-height:1.65!important;overflow-wrap:anywhere!important;}
    .portal-design .iv-row-notes :is(select,input:not([type="checkbox"]),textarea) {width:100%!important;min-width:0!important;min-height:44px!important;box-sizing:border-box!important;}
    .portal-design .iv-row-notes :is(summary,button) {min-height:44px!important;}
    .portal-design .portal-refresh-feedback {flex-direction:column!important;align-items:stretch!important;}
    .portal-design .metric-card {min-height:128px!important;}
    .portal-design .metric-card.health {min-height:136px!important;}
  }
}