:root{--v3-bg:#071612;--v3-panel:#0d2720;--v3-panel2:#123129;--v3-line:rgba(137,190,174,.22);--v3-line-strong:rgba(116,221,194,.42);--v3-text:#e7f4ef;--v3-muted:#89a69d;--v3-accent:#35d7bd;--v3-blue:#65a9ff;--v3-amber:#f2bc62;--v3-red:#fb7185}
.public-product-page,.manual-v3{min-height:100vh;background:radial-gradient(circle at 82% 4%,rgba(53,215,189,.1),transparent 26%),linear-gradient(180deg,#071612,#0a201a 58%,#071612);color:var(--v3-text)}
.public-product-header{position:sticky;top:0;z-index:50;height:82px;padding:0 clamp(22px,5vw,92px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--v3-line);background:rgba(7,22,18,.92);backdrop-filter:blur(18px)}
.public-product-header nav{display:flex;align-items:center;gap:28px}.public-product-header nav a{position:relative;color:var(--v3-muted);font-size:12px;font-weight:800}.public-product-header nav a:hover,.public-product-header nav a.active{color:var(--v3-text)}.public-product-header nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-30px;height:2px;background:var(--v3-accent)}
.public-hero{padding:110px clamp(24px,7vw,130px) 100px;border-bottom:1px solid var(--v3-line);background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:56px 56px}.public-hero>p,.business-section>header>p,.public-final-cta p,.scope-group>header>p,.scope-boundary>div>p,.confidential-section>div>p{margin:0;color:var(--v3-accent);font-size:10px;font-weight:900;letter-spacing:.17em}.public-hero h1{max-width:900px;margin:22px 0 24px;font-size:clamp(48px,6vw,86px);line-height:1.02;letter-spacing:-.065em}.public-hero h1 em{color:var(--v3-accent);font-style:normal}.public-hero>span{display:block;max-width:820px;color:#a3bbb3;font-size:17px;line-height:1.85}.public-hero>div:not(.scope-counts){margin-top:36px;display:flex;gap:12px}.public-hero>div>a{min-height:52px;padding:0 22px;display:inline-flex;align-items:center;border:1px solid var(--v3-line-strong);border-radius:10px;font-weight:900}.public-hero>div>a.primary-link{background:var(--v3-accent);border-color:var(--v3-accent);color:#061b16}
.business-section{padding:96px clamp(24px,7vw,130px);border-bottom:1px solid var(--v3-line)}.business-section>header{max-width:840px}.business-section>header h2{margin:14px 0 18px;font-size:clamp(34px,4vw,58px);line-height:1.14;letter-spacing:-.052em}.business-section>header>span{color:var(--v3-muted);line-height:1.8}.business-grid{margin-top:48px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.business-grid article{min-height:230px;padding:28px;border:1px solid var(--v3-line);border-radius:16px;background:linear-gradient(145deg,rgba(19,51,43,.92),rgba(10,31,26,.85))}.business-grid b{display:block;margin-bottom:18px;font-size:20px}.business-grid p{color:var(--v3-muted);line-height:1.8}
.business-problems{background:#091c17}.problem-list{margin-top:44px;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--v3-line)}.problem-list article{min-height:190px;padding:30px;display:grid;grid-template-columns:52px 1fr;gap:20px;border-right:1px solid var(--v3-line);border-bottom:1px solid var(--v3-line)}.problem-list article:nth-child(even){border-right:0}.problem-list article:nth-last-child(-n+2){border-bottom:0}.problem-list article>span{color:var(--v3-accent);font-weight:900}.problem-list b{font-size:20px}.problem-list p{color:var(--v3-muted);line-height:1.8}
.delivery-grid{margin-top:50px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.delivery-grid article{min-height:400px;padding:30px;display:flex;flex-direction:column;border:1px solid var(--v3-line);border-radius:18px;background:linear-gradient(160deg,#11342b,#0a211b)}.delivery-grid em{color:var(--v3-accent);font-style:normal;font-weight:900}.delivery-grid h3{margin:42px 0 12px;font-size:26px}.delivery-grid p{color:var(--v3-muted);line-height:1.8}.delivery-grid ul{margin-top:auto;padding:22px 0 0;list-style:none;border-top:1px solid var(--v3-line)}.delivery-grid li{margin:10px 0;padding-left:18px;position:relative;color:#b4c9c2}.delivery-grid li:before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:var(--v3-accent)}
.adoption-section{background:#091b16}.adoption-flow{margin-top:42px;display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--v3-line)}.adoption-flow article{min-height:160px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--v3-line)}.adoption-flow article:last-child{border-right:0}.adoption-flow b{color:var(--v3-accent)}.adoption-flow span{font-size:17px;font-weight:850}
.confidential-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start;background:linear-gradient(120deg,rgba(53,215,189,.06),rgba(101,169,255,.035))}.confidential-section h2{margin:14px 0;font-size:42px;line-height:1.2}.confidential-section ul{margin:0;padding:0;list-style:none;border-top:1px solid var(--v3-line)}.confidential-section li{padding:20px 0;border-bottom:1px solid var(--v3-line);color:var(--v3-muted);line-height:1.7}.confidential-section li b{color:var(--v3-text)}
.public-final-cta{padding:72px clamp(24px,7vw,130px);display:flex;align-items:center;justify-content:space-between;gap:30px;background:#0c2a22;border-bottom:1px solid var(--v3-line)}.public-final-cta h2{max-width:780px;margin:12px 0 0;font-size:36px;line-height:1.3}.public-final-cta>a{min-height:54px;padding:0 24px;display:flex;align-items:center;gap:24px;border-radius:10px;background:var(--v3-accent);color:#061b16;font-weight:950}
.scope-counts{margin-top:38px;display:flex;gap:12px}.scope-counts article{min-width:230px;padding:22px;border:1px solid var(--v3-line);border-radius:12px;background:rgba(13,39,32,.72)}.scope-counts b{display:block;color:var(--v3-accent);font-size:34px}.scope-counts span{color:var(--v3-muted);font-size:11px}.scope-legend{padding:24px clamp(24px,7vw,130px);display:flex;gap:18px;flex-wrap:wrap;border-bottom:1px solid var(--v3-line);background:#091d18}.scope-legend>span{display:flex;align-items:center;gap:8px;color:var(--v3-muted);font-size:11px}.scope-status{width:max-content;min-height:25px;padding:0 9px;display:inline-flex;align-items:center;border:1px solid;border-radius:999px;font-size:9px;font-weight:900;white-space:nowrap}.scope-implemented{color:#61e0b0;border-color:rgba(97,224,176,.4);background:rgba(97,224,176,.08)}.scope-staging{color:#60d7ff;border-color:rgba(96,215,255,.4);background:rgba(96,215,255,.08)}.scope-foundation{color:#a9b9ff;border-color:rgba(169,185,255,.4);background:rgba(169,185,255,.08)}.scope-proposed{color:#f2bc62;border-color:rgba(242,188,98,.4);background:rgba(242,188,98,.08)}.scope-external{color:#d6a8ff;border-color:rgba(214,168,255,.4);background:rgba(214,168,255,.08)}.scope-disabled{color:#fb8296;border-color:rgba(251,130,150,.4);background:rgba(251,130,150,.08)}
.scope-groups{padding:72px clamp(24px,7vw,130px);display:grid;gap:28px}.scope-group{overflow:hidden;border:1px solid var(--v3-line);border-radius:16px;background:rgba(12,38,31,.82)}.scope-group>header{padding:24px 28px;border-bottom:1px solid var(--v3-line)}.scope-group h2{margin:8px 0 0;font-size:25px}.scope-table{display:grid}.scope-row{min-height:66px;padding:14px 26px;display:grid;grid-template-columns:minmax(230px,1.1fr) 180px minmax(300px,1.5fr);align-items:center;gap:18px;border-bottom:1px solid var(--v3-line)}.scope-row:last-child{border-bottom:0}.scope-row.scope-head{min-height:45px;background:rgba(255,255,255,.025);color:var(--v3-muted);font-size:10px}.scope-row>span:last-child{color:var(--v3-muted);line-height:1.55}.scope-boundary{margin:0 clamp(24px,7vw,130px) 90px;padding:34px;display:grid;grid-template-columns:1fr 1fr;gap:50px;border:1px solid rgba(242,188,98,.34);border-radius:16px;background:rgba(69,48,15,.22)}.scope-boundary h2{margin:12px 0 0;font-size:30px}.scope-boundary>p{margin:0;color:#b9aa8e;line-height:1.85}
.landing-business-summary{background:#081a16;border-block:1px solid var(--v3-line)}.landing-business-grid{margin-top:44px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.landing-business-grid article{min-height:190px;padding:26px;border:1px solid var(--v3-line);border-radius:14px;background:#0d2922}.landing-business-grid em{color:var(--v3-accent);font-style:normal;font-weight:900}.landing-business-grid b{display:block;margin:34px 0 9px;font-size:21px}.landing-business-grid p{color:var(--v3-muted);line-height:1.75}.landing-business-summary>footer{margin-top:28px;display:flex;gap:12px}.landing-business-summary>footer a,.landing-scope-teaser>a{min-height:48px;padding:0 18px;display:flex;align-items:center;gap:18px;border:1px solid var(--v3-line-strong);border-radius:9px}.landing-business-summary>footer a:first-child{background:var(--v3-accent);color:#061b16}.landing-scope-teaser{padding:64px clamp(24px,6vw,110px);display:flex;align-items:center;justify-content:space-between;gap:30px;border-block:1px solid var(--v3-line);background:linear-gradient(110deg,#0f3028,#091d18)}.landing-scope-teaser p{margin:0;color:var(--v3-accent);font-size:10px;font-weight:900;letter-spacing:.16em}.landing-scope-teaser h2{margin:10px 0 0;font-size:36px;line-height:1.25}
.manual-v3 .manual-header{height:82px;padding-inline:clamp(22px,5vw,92px)}.manual-v3 .manual-header>div{display:flex;gap:22px}.manual-v3 .manual-header a{font-weight:800}.manual-v3 .manual-hero{padding:70px clamp(24px,7vw,130px) 58px}.manual-v3 .manual-hero h1{max-width:850px;font-size:clamp(42px,5vw,68px)}.manual-hero-actions{margin-top:30px;display:flex;align-items:center;gap:12px}.manual-hero-actions>a,.manual-hero-actions>button{min-height:46px;padding:0 18px;display:flex;align-items:center;border:1px solid var(--v3-line-strong);border-radius:9px;background:transparent;color:var(--v3-text);font-weight:900}.manual-hero-actions>a{background:var(--v3-accent);color:#061b16}.manual-hero-actions>span{margin-left:8px;color:var(--v3-muted);font-size:10px}.manual-onboarding{padding:0 clamp(24px,7vw,130px);display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--v3-line);background:#091d18}.manual-onboarding article{min-height:104px;padding:22px;display:grid;align-content:center;border-right:1px solid var(--v3-line)}.manual-onboarding article:last-child{border-right:0}.manual-onboarding b{color:var(--v3-accent);font-size:10px}.manual-onboarding span{margin-top:8px;font-weight:850}.manual-v3 .manual-layout{max-width:1680px;margin:auto;grid-template-columns:310px minmax(0,1fr);gap:50px;padding:54px clamp(24px,5vw,80px) 100px}.manual-v3 .manual-layout>aside{position:sticky;top:105px;height:max-content}.manual-v3 .manual-search{padding:0 14px;display:flex;align-items:center;gap:10px;border:1px solid var(--v3-line);border-radius:9px;background:#0d2922}.manual-v3 .manual-search input{width:100%;height:44px;border:0;background:transparent;color:var(--v3-text);outline:none}.manual-v3 .manual-layout>aside nav{max-height:52vh;overflow:auto}.manual-search-result{margin:18px 0 8px;color:var(--v3-accent);font-size:11px;font-weight:850}.manual-guide-section[hidden]{display:none!important}.manual-v3 .manual-guide-section{padding:34px 0;grid-template-columns:70px 1fr}.manual-guide-section h3{margin:0 0 8px;font-size:24px}.manual-guide-section p{color:var(--v3-muted);line-height:1.75}.manual-guide-section ol{margin-top:18px;display:grid;gap:10px}.manual-guide-section li{color:#bed0ca;line-height:1.65}.manual-glossary-section dl{display:grid;grid-template-columns:1fr 1fr;gap:10px}.manual-glossary-section dl>div{padding:16px;border:1px solid var(--v3-line);border-radius:10px;background:#0d2922}.manual-glossary-section dt{color:var(--v3-accent);font-weight:900}.manual-glossary-section dd{margin:8px 0 0;color:var(--v3-muted);line-height:1.6}.manual-faq{margin-top:34px;padding:28px;border:1px solid var(--v3-line);border-radius:14px;background:#0c2821}.manual-faq>p{margin:0;color:var(--v3-accent);font-size:9px;font-weight:900;letter-spacing:.16em}.manual-faq h3{margin:8px 0 20px;font-size:24px}.manual-faq details{border-top:1px solid var(--v3-line)}.manual-faq details:last-child{border-bottom:1px solid var(--v3-line)}.manual-faq summary{padding:18px 0;cursor:pointer;font-weight:850}.manual-faq details span{display:block;padding:0 0 18px;color:var(--v3-muted);line-height:1.7}
@media(max-width:1100px){.business-grid{grid-template-columns:1fr 1fr}.delivery-grid{grid-template-columns:1fr}.adoption-flow{grid-template-columns:1fr 1fr}.adoption-flow article{border-bottom:1px solid var(--v3-line)}.confidential-section,.scope-boundary{grid-template-columns:1fr}.scope-row{grid-template-columns:minmax(180px,1fr) 150px minmax(220px,1.2fr)}.manual-v3 .manual-layout{grid-template-columns:240px 1fr}.manual-glossary-section dl{grid-template-columns:1fr}}
@media(max-width:760px){.public-product-header{height:auto;min-height:74px;padding:14px 18px;align-items:flex-start}.public-product-header nav{max-width:65%;gap:13px;flex-wrap:wrap;justify-content:flex-end}.public-product-header nav a{font-size:10px}.public-product-header nav a.active:after{display:none}.public-hero{padding:72px 20px}.public-hero h1{font-size:46px}.public-hero>span{font-size:14px}.business-section{padding:64px 20px}.business-grid,.problem-list,.adoption-flow{grid-template-columns:1fr}.problem-list article,.problem-list article:nth-child(even),.problem-list article:nth-last-child(-n+2){border-right:0;border-bottom:1px solid var(--v3-line)}.delivery-grid{grid-template-columns:1fr}.confidential-section{gap:30px}.public-final-cta,.landing-scope-teaser{padding:42px 20px;align-items:flex-start;flex-direction:column}.scope-counts{flex-direction:column}.scope-counts article{min-width:0}.scope-legend{padding:18px 20px}.scope-groups{padding:46px 20px}.scope-row{padding:16px;grid-template-columns:1fr}.scope-row.scope-head{display:none}.scope-boundary{margin:0 20px 60px;padding:24px}.landing-business-grid{grid-template-columns:1fr}.landing-business-summary>footer{flex-direction:column}.manual-v3 .manual-header{padding:14px 18px;height:auto;align-items:flex-start}.manual-v3 .manual-header>div{gap:9px;flex-wrap:wrap;justify-content:flex-end}.manual-v3 .manual-header>div a{font-size:9px}.manual-v3 .manual-hero{padding:54px 20px 42px}.manual-hero-actions{align-items:flex-start;flex-wrap:wrap}.manual-hero-actions>span{width:100%;margin:0}.manual-onboarding{padding:0 20px;grid-template-columns:1fr 1fr}.manual-onboarding article:nth-child(2){border-right:0}.manual-v3 .manual-layout{display:block;padding:36px 20px 72px}.manual-v3 .manual-layout>aside{position:static;margin-bottom:38px}.manual-v3 .manual-layout>aside nav{max-height:none}.manual-v3 .manual-guide-section{grid-template-columns:48px 1fr}.manual-glossary-section dl{grid-template-columns:1fr}}
@media print{.manual-header,.manual-layout>aside,.manual-hero-actions,.landing-footer{display:none!important}.manual-v3{background:#fff;color:#111}.manual-v3 .manual-hero,.manual-v3 .manual-layout{padding:20px}.manual-v3 .manual-layout{display:block}.manual-guide-section{break-inside:avoid}.manual-guide-section p,.manual-guide-section li,.manual-warning p{color:#333!important}}

:root {
  --v4-panel: #0b2b24;
  --v4-panel-strong: #10372e;
  --v4-line: rgba(122, 180, 165, 0.28);
  --v4-line-strong: rgba(122, 180, 165, 0.42);
  --v4-text: #edf8f5;
  --v4-muted: #9bb8b0;
  --v4-muted-2: #76988f;
  --v4-accent: #33d4c0;
  --v4-space-1: 4px;
  --v4-space-2: 8px;
  --v4-space-3: 12px;
  --v4-space-4: 16px;
  --v4-space-5: 20px;
  --v4-space-6: 24px;
  --v4-control-height: 40px;
  --v4-table-cell-y: 11px;
  --v4-table-cell-x: 14px;
  --v4-radius: 14px;
}

/*
 * Commercial density baseline
 *
 * Text size, line-height and padding are treated as one system. The previous
 * refinement mixed 9–11.5px copy with 14–20px padding and large fixed minimum
 * heights, which made labels appear to float inside controls and table rows.
 */
*,
*::before,
*::after {
  box-sizing: border-box;
}

@media (min-width: 900px) {
  html { font-size: 16px; }
}

button,
input,
select,
textarea {
  font: inherit;
}

button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid var(--v4-accent);
  outline-offset: 2px;
}

.brand-row {
  min-height: 72px;
  height: auto;
  padding: 10px 24px;
  gap: var(--v4-space-5);
}

.portal-wordmark,
.wordmark {
  min-width: max-content;
}

.wordmark-copy {
  display: grid;
  align-content: center;
  gap: 3px;
}

.wordmark-copy b {
  font-size: 21px !important;
  line-height: 1 !important;
}

.wordmark-copy small {
  margin-top: 0 !important;
  font-size: 9px !important;
  line-height: 1.2 !important;
  letter-spacing: 0.08em;
}

.brand-actions {
  gap: var(--v4-space-2);
}

.top-navigation {
  min-height: 68px;
  padding: 0 16px;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
  scrollbar-color: rgba(51, 212, 192, 0.32) transparent;
}

.top-nav-item {
  min-width: 132px;
  min-height: 68px;
  padding: 0 18px;
  gap: var(--v4-space-2);
}

.top-nav-item b {
  font-size: 13px !important;
  line-height: 1.3;
  white-space: nowrap;
}

.portal-context-row {
  min-height: 54px;
  height: auto;
  padding: 8px 24px;
  gap: var(--v4-space-5);
}

.breadcrumb,
.profile-name,
.sync-state {
  font-size: 11.5px;
  line-height: 1.35;
}

.main-content {
  padding-inline: clamp(18px, 2vw, 34px) !important;
}

.operations-page {
  width: 100%;
  max-width: none !important;
  padding-top: 26px;
  padding-bottom: 48px;
}

.page-heading {
  min-height: 0;
  margin-bottom: var(--v4-space-5);
  align-items: flex-start;
}

.page-heading p,
.page-caption {
  font-size: 10.5px !important;
  line-height: 1.35;
  letter-spacing: 0.08em;
}

.page-heading h1 {
  margin: 7px 0 7px;
  font-size: 30px !important;
  line-height: 1.16;
  letter-spacing: -0.04em;
}

.page-heading > div > span {
  max-width: 920px;
  font-size: 13px !important;
  line-height: 1.6;
}

.filter-panel {
  min-height: 0;
  margin-bottom: var(--v4-space-4);
  padding: 16px 18px !important;
  gap: var(--v4-space-4);
  border-color: var(--v4-line) !important;
}

.filter-fields {
  gap: 10px !important;
}

.filter-fields label {
  gap: 6px !important;
}

.filter-fields span {
  font-size: 11px !important;
  font-weight: 700;
  line-height: 1.3;
}

.filter-panel select,
.filter-panel input,
.filter-panel button,
.operation-toolbar select,
.operation-toolbar button,
.context-actions select,
.context-actions button {
  min-height: var(--v4-control-height) !important;
  height: auto !important;
  padding: 9px 13px !important;
  font-size: 12px !important;
  line-height: 1.25;
}

.filter-fields input[type="date"] {
  min-width: 150px;
}

.operation-toolbar {
  gap: var(--v4-space-2) !important;
}

.metric-strip {
  gap: var(--v4-space-3) !important;
  margin-bottom: var(--v4-space-4);
}

.metric-card {
  min-height: 104px !important;
  padding: 16px 18px !important;
}

.metric-card span,
.metric-card small {
  font-size: 11px !important;
  line-height: 1.4;
}

.metric-card > b {
  margin-top: 11px !important;
  font-size: 24px !important;
  line-height: 1.1;
  font-variant-numeric: tabular-nums;
}

.data-panel {
  overflow: hidden;
  border-color: var(--v4-line) !important;
  border-radius: var(--v4-radius) !important;
  box-shadow: 0 16px 38px rgba(0, 10, 8, 0.2);
}

.data-panel > header {
  min-height: 60px !important;
  padding: 13px 18px !important;
  gap: var(--v4-space-3);
}

.data-panel > header h2 {
  font-size: 15.5px !important;
  line-height: 1.3;
}

.data-panel > header span,
.table-legend {
  font-size: 10.5px !important;
  line-height: 1.4;
}

/* Preserve financial column meaning; scroll before compressing text. */
.table-scroll {
  width: 100%;
  overflow-x: auto !important;
  overflow-y: hidden;
  overscroll-behavior-inline: contain;
  scrollbar-width: thin;
  scrollbar-color: rgba(51, 212, 192, 0.42) rgba(5, 25, 21, 0.55);
}

.table-scroll::-webkit-scrollbar {
  height: 10px;
}

.table-scroll::-webkit-scrollbar-track {
  background: rgba(5, 25, 21, 0.55);
}

.table-scroll::-webkit-scrollbar-thumb {
  border: 3px solid rgba(5, 25, 21, 0.55);
  border-radius: 999px;
  background: rgba(51, 212, 192, 0.42);
}

.data-table {
  width: max-content !important;
  min-width: 100% !important;
  table-layout: auto !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

.data-table th,
.data-table td {
  min-width: 104px;
  height: auto !important;
  padding: var(--v4-table-cell-y) var(--v4-table-cell-x) !important;
  border-color: var(--v4-line) !important;
  font-size: 12.5px !important;
  line-height: 1.35 !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
}

.data-table th {
  min-height: 44px;
  color: #d9ebe6 !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em;
  background: #143d34 !important;
}

.data-table tbody tr {
  min-height: 50px;
}

.data-table tbody tr:hover td {
  background: rgba(51, 212, 192, 0.055) !important;
}

.data-table th:first-child,
.data-table td:first-child {
  min-width: 54px;
  width: 54px;
  text-align: center;
}

.data-table .mono {
  min-width: 132px;
  letter-spacing: -0.015em;
  font-variant-numeric: tabular-nums;
}

.data-table .number {
  min-width: 112px;
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.data-table .row-actions {
  min-width: 126px;
  padding-inline: 10px !important;
}

.data-table td b,
.data-table td .strong {
  font-size: 12.5px !important;
  line-height: 1.3;
}

.data-table .cell-sub {
  display: block;
  max-width: 280px;
  margin-top: 3px !important;
  font-size: 10.5px !important;
  line-height: 1.35 !important;
  white-space: normal !important;
  word-break: keep-all !important;
  overflow-wrap: anywhere !important;
}

.data-table .wrap,
.data-table [data-wrap="true"] {
  max-width: 320px;
  white-space: normal !important;
  word-break: keep-all !important;
  overflow-wrap: anywhere !important;
}

.status {
  min-height: 26px;
  padding: 5px 9px !important;
  gap: 6px;
  align-items: center;
  font-size: 10.5px !important;
  line-height: 1.15;
}

.data-table td button {
  min-height: 34px;
  padding: 7px 11px;
  font-size: 11px;
  line-height: 1.2;
}

.table-footer,
.v2-panel > footer {
  min-height: 56px !important;
  padding: 11px 18px !important;
  font-size: 10.5px !important;
  line-height: 1.4;
}

.pagination {
  gap: 6px;
}

.pagination button {
  width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
}

.modal label > span,
.v2-form-grid label > span,
.v2-password-card label > span {
  font-size: 11.5px !important;
  font-weight: 700;
  line-height: 1.35;
}

.modal input,
.modal select,
.modal textarea,
.v2-password-card input {
  min-height: 42px;
  padding: 10px 12px;
  font-size: 12.5px !important;
  line-height: 1.4;
}

.modal textarea {
  min-height: 112px;
}

@media (max-width: 1180px) {
  .filter-panel {
    align-items: stretch;
    flex-direction: column;
  }

  .operation-toolbar {
    justify-content: flex-end;
    flex-wrap: wrap;
  }
}

@media (max-width: 760px) {
  .brand-row,
  .portal-context-row {
    padding-inline: 14px;
  }

  .brand-row {
    min-height: 66px;
  }

  .top-navigation {
    min-height: 62px;
    padding-inline: 8px;
  }

  .top-nav-item {
    min-width: 120px;
    min-height: 62px;
    padding-inline: 14px;
  }

  .operations-page {
    padding-top: 22px;
    padding-bottom: 36px;
  }

  .page-heading {
    margin-bottom: var(--v4-space-4);
  }

  .page-heading h1 {
    font-size: 27px !important;
  }

  .page-heading > div > span {
    font-size: 12.5px !important;
  }

  .filter-panel {
    padding: 14px !important;
  }

  .filter-fields > label {
    min-width: calc(50% - 6px);
    flex: 1 1 calc(50% - 6px);
  }

  .filter-panel select,
  .filter-panel input,
  .filter-panel button,
  .operation-toolbar select,
  .operation-toolbar button {
    width: 100%;
  }

  .operation-toolbar > * {
    flex: 1 1 120px;
  }

  .metric-card {
    min-height: 96px !important;
    padding: 14px 16px !important;
  }

  .data-panel > header {
    padding-inline: 14px !important;
  }

  .data-table th,
  .data-table td {
    min-width: 100px;
    padding: 10px 12px !important;
    font-size: 12px !important;
  }

  .data-table td b,
  .data-table td .strong {
    font-size: 12px !important;
  }
}

@media (max-width: 520px) {
  .filter-fields > label {
    min-width: 100%;
    flex-basis: 100%;
  }

  .brand-actions {
    gap: 5px;
  }

  .breadcrumb {
    max-width: 52vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}