.merchant-org-page { display: grid; gap: 16px; min-width: 0; color: #193028; }
.merchant-org-page :is(button,a,input,select):focus-visible { outline: 3px solid #e3a225; outline-offset: 2px; }
.merchant-org-hero { display: grid; grid-template-columns: minmax(0,1fr) 310px; gap: 24px; padding: 28px; overflow: hidden; border-radius: 20px; color: #fff; background: radial-gradient(circle at 88% 0,rgba(112,229,185,.2),transparent 34%),linear-gradient(125deg,#08261d,#0b6047); }
.merchant-org-hero h1 { margin: 6px 0 9px; font-size: clamp(30px,3vw,42px); letter-spacing: -.04em; }
.merchant-org-hero p { max-width: 820px; margin: 0; color: #d9ebe4; line-height: 1.7; }
.merchant-org-hero > div > div { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 15px; }
.merchant-org-hero aside { align-self: center; padding: 16px; border: 1px solid rgba(255,255,255,.17); border-radius: 14px; background: rgba(255,255,255,.07); }
.merchant-org-hero aside p { margin-top: 7px; font-size: 11px; }
.merchant-org-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 12px 14px; border: 1px solid #dce8e2; border-radius: 13px; background: #fff; }
.merchant-org-actions small { flex: 1 1 420px; color: #61766c; line-height: 1.55; }
.merchant-org-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
.merchant-org-metrics article { position: relative; min-width: 0; padding: 16px; border: 1px solid #dde8e2; border-radius: 14px; background: #fff; }
.merchant-org-metrics article > small,.merchant-org-metrics article > strong,.merchant-org-metrics article > p { display: block; }
.merchant-org-metrics article > small { color: #667b71; font-size: 10px; font-weight: 800; }
.merchant-org-metrics article > strong { margin: 3px 0; font-size: 25px; }
.merchant-org-metrics article > p { min-height: 30px; margin: 0 0 8px; color: #71847a; font-size: 10px; line-height: 1.5; }
.merchant-org-panel { min-width: 0; padding: 17px; border: 1px solid #dce7e1; border-radius: 15px; background: #fff; }
.merchant-org-panel-title { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.merchant-org-panel-title small { color: #087454; font-size: 9px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.merchant-org-panel-title h2 { margin: 3px 0 0; font-size: 18px; letter-spacing: -.02em; }
.merchant-org-panel-title p { margin: 5px 0 0; color: #71837a; font-size: 10px; line-height: 1.55; }
.merchant-org-state-heading { padding: 19px 21px; border: 1px solid #dce7e1; border-radius: 14px; background: linear-gradient(115deg,#f7fbf9,#eef7f3); }
.merchant-org-state-heading h1 { margin: 4px 0 6px; font-size: clamp(26px,3vw,36px); }
.merchant-org-state-heading p { margin: 0; color: #61766b; line-height: 1.6; }
.merchant-org-filters { display: grid; grid-template-columns: repeat(3,minmax(150px,1fr)) auto auto; align-items: end; gap: 9px; padding: 13px; border: 1px solid #dce7e1; border-radius: 13px; background: #fff; }
.merchant-org-filters label span { display: block; margin-bottom: 4px; color: #5d7268; font-size: 10px; font-weight: 800; }
.merchant-org-filters :is(select,input) { width: 100%; min-height: 40px; border: 1px solid #ccdbd4; border-radius: 8px; background: #fbfcfb; }
.merchant-org-filters output { grid-column: 1/-1; color: #687b72; font-size: 10px; }
.merchant-org-table { overflow: auto; border: 1px solid #e0e9e4; border-radius: 11px; }
.merchant-org-table table { width: 100%; min-width: 900px; border-collapse: collapse; }
.merchant-org-table :is(th,td) { padding: 11px 12px; border-bottom: 1px solid #e6ede9; text-align: left; font-size: 10px; vertical-align: middle; }
.merchant-org-table th { color: #536a5f; background: #f3f8f5; font-weight: 800; white-space: nowrap; }
.merchant-org-table tbody tr:hover { background: #f8fbf9; }
.merchant-org-table code { color: #086d50; font-size: 9px; }
.merchant-org-profile { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(320px,.85fr); gap: 12px; }
.merchant-org-facts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0; margin: 0; border: 1px solid #e2ebe6; border-radius: 11px; }
.merchant-org-facts div { padding: 13px; border-bottom: 1px solid #e7eee9; }
.merchant-org-facts div:nth-child(odd) { border-right: 1px solid #e7eee9; }
.merchant-org-facts dt { color: #687c72; font-size: 9px; font-weight: 800; }
.merchant-org-facts dd { margin: 4px 0 0; }
.merchant-org-facts dd :is(strong,small) { display: block; }
.merchant-org-facts dd small { margin-top: 3px; color: #829188; font-size: 9px; }
.merchant-org-preview { overflow: hidden; border: 1px solid #cfe0d7; border-radius: 15px; background: #fff; }
.merchant-org-preview__cover { display: grid; min-height: 145px; align-content: end; padding: 18px; color: #fff; background: radial-gradient(circle at 82% 22%,rgba(255,209,93,.4),transparent 18%),linear-gradient(145deg,#0a5d45,#12372b); }
.merchant-org-preview__cover span { font-size: 13px; }
.merchant-org-preview__cover b { margin-top: 4px; font-size: 22px; }
.merchant-org-preview > div:last-child { padding: 16px; }
.merchant-org-preview h2 { margin: 5px 0; font-size: 20px; }
.merchant-org-preview p { color: #64786e; font-size: 10px; line-height: 1.6; }
.merchant-org-profile > .merchant-org-panel:nth-child(3) article { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid #e7eee9; }
.merchant-org-profile > .merchant-org-panel:nth-child(3) article p { margin: 3px 0 0; color: #72857b; font-size: 10px; }
.merchant-org-checklist { display: grid; gap: 7px; margin: 0; padding: 0; list-style: none; }
.merchant-org-checklist li { display: grid; grid-template-columns: 26px 1fr auto; align-items: center; gap: 8px; padding: 9px; border-radius: 9px; background: #fff8eb; }
.merchant-org-checklist li.is-complete { background: #eff8f4; }
.merchant-org-checklist li > span { display: grid; width: 26px; height: 26px; place-items: center; border-radius: 50%; color: #9a6611; background: #ffe7b8; }
.merchant-org-checklist li.is-complete > span { color: #087151; background: #dff2e9; }
.merchant-org-composer { display: grid; grid-template-columns: 220px minmax(420px,1fr) 260px; gap: 12px; }
.merchant-org-library > div { display: grid; gap: 7px; }
.merchant-org-library button { display: flex; align-items: center; gap: 8px; min-height: 42px; padding: 9px 10px; border: 1px solid #dfe9e4; border-radius: 9px; color: #315045; background: #f8fbf9; text-align: left; }
.merchant-org-library button .icon { width: 16px; color: #087151; }
.merchant-org-canvas__toolbar { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 10px; }
.merchant-org-canvas__page { display: grid; gap: 8px; padding: 14px; border: 1px solid #ceddd5; border-radius: 12px; background: #eff5f2; }
.merchant-org-canvas__page article { display: grid; grid-template-columns: 28px 1fr auto; gap: 9px; align-items: center; padding: 12px; border: 1px solid transparent; border-radius: 10px; background: #fff; }
.merchant-org-canvas__page article.is-selected { border-color: #158364; box-shadow: 0 0 0 2px rgba(21,131,100,.1); }
.merchant-org-canvas__page article i { color: #087151; font: 800 10px/1 monospace; }
.merchant-org-canvas__page article div :is(strong,b,small) { display: block; }
.merchant-org-canvas__page article b { margin: 2px 0; font-size: 12px; }
.merchant-org-canvas__page article small { color: #71847a; font-size: 9px; }
.merchant-org-versions ol,.merchant-org-publish-gates ol { display: grid; gap: 8px; margin: 0 0 12px; padding: 0; list-style: none; }
.merchant-org-versions li { display: grid; grid-template-columns: 36px 1fr auto; gap: 8px; align-items: center; padding: 9px; border-radius: 9px; background: #f5f8f6; }
.merchant-org-versions li :is(strong,small) { display: block; }
.merchant-org-versions li small { margin-top: 3px; color: #71847a; font-size: 8px; }
.merchant-org-publish-gates { grid-column: 2/4; }
.merchant-org-publish-gates ol { grid-template-columns: repeat(5,minmax(0,1fr)); margin: 0; }
.merchant-org-publish-gates li { display: grid; gap: 7px; padding: 10px; border-left: 3px solid #d9a13d; background: #fbf8f0; }
.merchant-org-publish-gates li > span { color: #9b6d1d; font: 900 10px/1 monospace; }
.merchant-org-publish-gates li strong { font-size: 10px; line-height: 1.5; }
.merchant-org-credentials { display: grid; grid-template-columns: minmax(0,1fr) 320px; gap: 12px; }
.merchant-org-credential-list > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
.merchant-org-credential-list article { padding: 13px; border: 1px solid #e0e9e4; border-radius: 11px; background: #fbfcfb; }
.merchant-org-credential-list article header { display: grid; grid-template-columns: 34px 1fr auto; gap: 9px; align-items: center; }
.merchant-org-credential-list article header > span { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 9px; color: #087151; background: #e9f6f0; }
.merchant-org-credential-list article header :is(strong,code) { display: block; }
.merchant-org-credential-list article code { margin-top: 3px; color: #65796f; font-size: 9px; }
.merchant-org-credential-list article dl { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 12px 0; }
.merchant-org-credential-list article dl div { padding: 8px; border-radius: 8px; background: #f1f6f3; }
.merchant-org-credential-list article :is(dt,dd) { margin: 0; font-size: 9px; }
.merchant-org-credential-list article dt { color: #71847a; }
.merchant-org-credential-list article dd { margin-top: 3px; font-weight: 800; }
.merchant-org-credential-list article footer { display: flex; flex-wrap: wrap; gap: 6px; }
.merchant-org-timeline { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.merchant-org-timeline li { display: grid; grid-template-columns: 62px 1fr auto; gap: 9px; align-items: start; padding-left: 10px; border-left: 3px solid #77a694; }
.merchant-org-timeline time { color: #60766b; font: 800 9px/1.5 monospace; }
.merchant-org-timeline li :is(strong,small) { display: block; }
.merchant-org-timeline li small { margin-top: 3px; color: #70837a; font-size: 9px; line-height: 1.45; }
.merchant-org-control-list { grid-column: 1/-1; }
.merchant-org-control-list ul { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 8px; margin: 0; padding: 0; list-style: none; }
.merchant-org-control-list li { display: grid; grid-template-columns: 24px 1fr; gap: 7px; padding: 10px; border-radius: 9px; background: #f3f8f5; color: #385248; font-size: 10px; line-height: 1.5; }
.merchant-org-control-list li .icon { width: 18px; color: #087151; }
.merchant-org-members,.merchant-org-audit { display: grid; grid-template-columns: minmax(0,1fr) 310px; gap: 12px; }
.merchant-org-members > .merchant-org-filters,.merchant-org-audit > .merchant-org-filters { grid-column: 1/-1; }
.merchant-org-member-risk { display: grid; align-content: start; gap: 9px; }
.merchant-org-member-risk article { padding: 12px; border: 1px solid #e1e9e5; border-radius: 10px; }
.merchant-org-member-risk h3 { margin: 8px 0 4px; font-size: 13px; }
.merchant-org-member-risk p { color: #6d8076; font-size: 10px; line-height: 1.5; }
.merchant-org-lifecycle { grid-column: 1/-1; }
.merchant-org-lifecycle ol { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 8px; margin: 0; padding: 0; list-style: none; }
.merchant-org-lifecycle li { display: grid; grid-template-columns: 26px 1fr; gap: 8px; padding: 10px; border-radius: 9px; background: #f3f8f5; }
.merchant-org-lifecycle li i { color: #087151; font: 900 9px/1.5 monospace; }
.merchant-org-lifecycle li :is(strong,small) { display: block; }
.merchant-org-lifecycle li small { margin-top: 3px; color: #6d8177; font-size: 8px; line-height: 1.5; }
.merchant-org-roles { display: grid; grid-template-columns: minmax(0,1fr) 300px; gap: 12px; }
.merchant-org-role-ledger { grid-column: 1/-1; }
.merchant-org-capabilities > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; margin-bottom: 12px; }
.merchant-org-capabilities > div > span { display: grid; padding: 9px; border-radius: 8px; background: #f0f7f4; font-size: 10px; font-weight: 800; }
.merchant-org-capabilities > div > span.is-sensitive { color: #824e05; background: #fff5e4; }
.merchant-org-capabilities span small { margin-top: 2px; color: #70837a; font-size: 8px; font-weight: 500; }
.merchant-org-conflicts { display: grid; gap: 8px; }
.merchant-org-conflicts article { display: grid; grid-template-columns: 30px 1fr auto; gap: 9px; align-items: center; padding: 10px; border: 1px solid #e8e1d2; border-radius: 9px; background: #fcf9f2; }
.merchant-org-conflicts article > span { color: #ad7217; }
.merchant-org-conflicts article p { margin: 3px 0 0; color: #725f40; font-size: 9px; }
.merchant-org-change-impact > strong { display: block; margin: 8px 0; font-size: 20px; }
.merchant-org-change-impact > p { color: #687d72; font-size: 10px; line-height: 1.6; }
.merchant-org-audit-detail dl { display: grid; gap: 0; margin: 0 0 12px; border: 1px solid #e1e9e5; border-radius: 10px; }
.merchant-org-audit-detail dl div { display: grid; grid-template-columns: 85px 1fr; gap: 8px; padding: 9px; border-bottom: 1px solid #e7eee9; }
.merchant-org-audit-detail dl div:last-child { border: 0; }
.merchant-org-audit-detail :is(dt,dd) { margin: 0; font-size: 9px; }
.merchant-org-audit-detail dt { color: #6f8278; font-weight: 800; }
.merchant-org-audit-detail dd { overflow-wrap: anywhere; }
.merchant-org-boundary { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.merchant-org-boundary > div { display: grid; grid-template-columns: 34px 1fr; gap: 10px; padding: 13px; border: 1px solid #dce7e1; border-radius: 12px; background: #f8fbf9; }
.merchant-org-boundary > div > .icon { color: #087151; }
.merchant-org-boundary :is(strong,small) { display: block; }
.merchant-org-boundary small { margin-top: 3px; color: #687c72; font-size: 9px; line-height: 1.5; }
@media (max-width:1180px) {
  .merchant-org-composer { grid-template-columns: 210px minmax(0,1fr); }
  .merchant-org-versions { grid-column: 1/-1; }
  .merchant-org-versions ol { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .merchant-org-publish-gates { grid-column: 1/-1; }
  .merchant-org-publish-gates ol { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width:1024px) {
  .merchant-org-hero,.merchant-org-profile,.merchant-org-credentials,.merchant-org-members,.merchant-org-roles,.merchant-org-audit { grid-template-columns: 1fr; }
  .merchant-org-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .merchant-org-member-ledger,.merchant-org-member-risk,.merchant-org-role-ledger,.merchant-org-capabilities,.merchant-org-conflicts,.merchant-org-change-impact,.merchant-org-audit-ledger,.merchant-org-audit-detail { grid-column: 1; }
  .merchant-org-control-list ul,.merchant-org-lifecycle ol { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width:768px) {
  .merchant-org-hero { padding: 20px; }
  .merchant-org-filters,.merchant-org-composer { grid-template-columns: 1fr; }
  .merchant-org-library,.merchant-org-canvas,.merchant-org-versions,.merchant-org-publish-gates { grid-column: 1; }
  .merchant-org-library > div { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .merchant-org-publish-gates ol,.merchant-org-versions ol,.merchant-org-credential-list > div,.merchant-org-control-list ul,.merchant-org-lifecycle ol { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .merchant-org-actions .btn,.merchant-org-filters .btn { flex: 1 1 auto; }
}
@media (max-width:480px) {
  .merchant-org-metrics,.merchant-org-facts,.merchant-org-boundary,.merchant-org-library > div,.merchant-org-publish-gates ol,.merchant-org-versions ol,.merchant-org-credential-list > div,.merchant-org-control-list ul,.merchant-org-lifecycle ol { grid-template-columns: 1fr; }
  .merchant-org-facts div:nth-child(odd) { border-right: 0; }
  .merchant-org-actions .btn { flex: 1 1 100%; }
  .merchant-org-canvas__page article { grid-template-columns: 24px 1fr; }
  .merchant-org-canvas__page article > .badge { grid-column: 2; justify-self: start; }
  .merchant-org-preview__cover b { font-size: 18px; }
}
@media (prefers-reduced-motion:reduce) { .merchant-org-page * { animation: none!important; scroll-behavior: auto!important; transition: none!important; } }
@media (forced-colors:active) { .merchant-org-page :is(section,article,aside,form,button,table) { border: 1px solid CanvasText; } }