/* Original engineering consoles within the shared SwissDice system. */
.p9-app{--p9-line:#67735e;--p9-muted:#cdd6c3;--p9-accent:#ef9975;background:#223027;color:#f2eedf;margin-top:40px;overflow:hidden}
.p9-app *{min-width:0;box-sizing:border-box}
.p9-app :is(strong,b){font-weight:600;overflow-wrap:anywhere}
.p9-app p{font-size:14px;line-height:1.8;color:var(--p9-muted);margin:0}
.sd-showcase .p9-app small{display:block;font-size:11px;line-height:1.8;color:#d0d8c5;margin-top:12px}
.p9-app .p9-label{display:block;font-size:10px;line-height:1.8;letter-spacing:.8px;text-transform:uppercase;color:#d7dcc8}
.p9-app .p9-note{font-size:12px;line-height:1.8;color:#d2dac8;margin-top:27px}
.p9-app .p4-details dt{font-size:11px;line-height:1.8;color:#d0d8c2}
.p9-app .p4-details dd{font-size:13px;line-height:1.8;color:#f1e4c5;overflow-wrap:anywhere}
.sd-showcase .p9-app .p4-details{margin:28px 0}
.p9-app .p4-primary,.p9-app .p4-secondary{min-height:46px;padding:13px 17px;font-size:13px;line-height:1.6}
.p9-app .p9-wide{width:100%}
.p9-app .p9-choices{display:flex;flex-wrap:wrap;gap:9px}
.p9-app .p9-choices>button{flex:1;display:flex;align-items:center;justify-content:center;min-height:44px;padding:11px 13px;border:1px solid #879675;border-radius:11px;background:#2b402e;color:#ede9d4;font-size:12px;line-height:1.6;text-align:center}
.p9-app .p9-choices>button[aria-pressed=true]{background:#655b40;border-color:#cbb47f;color:#fff1cf;box-shadow:inset 0 0 0 1px #b29d7044}
.p9-app button:disabled{opacity:.5;cursor:default}
.p9-section-head{display:flex;justify-content:space-between;align-items:center;gap:26px;margin-bottom:29px}
.p9-section-head strong{display:block;font-size:29px;line-height:1.35;margin-top:17px}
.p9-record-label{margin:30px 0 19px}
.p9-boundary{padding-top:28px;border-top:1px solid #748562;margin-top:34px}
.p9-app .p9-boundary>svg{width:29px;height:29px;color:#e7c48d;margin-bottom:24px}
.p9-boundary>strong{display:block;font-size:21px;line-height:1.4;margin-bottom:18px}
.p9-boundary>p{font-size:12px}
.p9-stat{padding:25px 20px;border:1px solid #949a6e;border-radius:15px;background:#425236}
.p9-stat>span{display:block;font-size:10px;line-height:1.8;letter-spacing:.6px;color:#d7dec4;margin-bottom:20px}
.p9-stat>strong{display:block;font-size:36px;line-height:1.25;color:#f3d49c}
.sd-showcase .p9-app pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.9;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.sd-showcase .p9-app code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.9;color:#efd7a3;overflow-wrap:anywhere}
.p9-app svg.pi-game-svg,.p9-app svg.p9-poker-board,.p9-app svg.p9-performance-chart{display:block;width:100%;height:auto;max-width:100%}
.p9-opening{max-width:1090px;margin-bottom:40px}.p9-opening>p{max-width:850px}.p9-opening>.button{margin-top:28px}
/* An endpoint directory and a complete request/response contract explorer. */
.p9-api-grid{display:grid;grid-template-columns:220px minmax(0,1fr) 285px}
.p9-api-directory{padding:30px 18px;background:#23392b;border-right:1px solid var(--p9-line)}
.p9-api-directory>strong{display:block;font-size:27px;line-height:1.35;margin:19px 0 29px}
.p9-app .p9-api-directory>button{display:flex;align-items:flex-start;gap:14px;padding:21px 13px;margin-top:22px;width:100%;background:transparent;color:#f1e9d0;border:1px solid transparent;border-radius:13px;text-align:left}
.p9-app .p9-api-directory>button[aria-pressed=true]{background:#49583d;border-color:#b6ad77}
.p9-api-directory>button>i{padding:5px 7px;border:1px solid #c3b57e;border-radius:7px;font-size:10px;line-height:1.5;color:#f0d6a0;font-style:normal}
.p9-api-directory>button b{display:block;font-size:14px;line-height:1.5}
.p9-app .p9-api-directory>button small{font-size:10px;margin-top:11px;overflow-wrap:anywhere}
.p9-api-editor{padding:30px;background:#2b3e30}
.p9-api-route{display:flex;align-items:center;gap:23px;padding:22px;border:1px solid #7c8c67;border-radius:13px;background:#1c3125;margin-bottom:28px}
.p9-api-route>b{padding:7px 10px;border-radius:7px;border:1px solid #b3aa73;color:#f2d298;font-size:12px;line-height:1.5}
.p9-api-route>code{flex:1}
.p9-api-editor .p9-code{padding:27px 23px;border:1px solid #6d8261;border-radius:13px;background:#142a20;margin-top:28px}
.sd-showcase .p9-app pre.p9-code{margin-top:28px}
.p9-api-response{margin-top:29px;border:1px solid #8d9569;border-radius:14px;background:#1c3224;overflow:hidden}
.p9-api-response>div{display:flex;justify-content:space-between;align-items:center;gap:23px;padding:20px 22px;border-bottom:1px solid #748660;background:#354b31;font-size:12px;line-height:1.8;color:#e8dab5}
.p9-api-response pre{padding:27px 23px;min-height:135px}
.p9-api-ledger{padding:30px 23px;background:#36462f;border-left:1px solid var(--p9-line)}
.p9-api-ledger>strong{display:block;font-size:30px;line-height:1.35;margin-top:20px}
.p9-call-boundary{padding:25px 19px;margin-top:30px;border:1px solid #a59f70;border-radius:13px;background:#485738}
.p9-call-boundary>strong{display:block;font-size:22px;line-height:1.4;margin-bottom:21px;color:#efd39b}
.p9-call-boundary>p{font-size:12px}
/* One complete player client, with deliberately different channel framing. */
.p9-channel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:29px;border-bottom:1px solid var(--p9-line);background:#2b3d2d}
.p9-channel-toolbar strong,.p9-migration-header strong,.p9-cloud-toolbar strong,.p9-performance-top strong,.p9-qa-toolbar strong{display:block;font-size:30px;line-height:1.35;margin-top:17px}
.p9-channel-toolbar>.p9-choices{min-width:430px}
.p9-channel-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px}
.p9-channel-stage{padding:30px;background:#1d3327;transition:width .25s;max-width:100%;width:100%;justify-self:center}
.p9-channel-stage:is([data-p9-channel-stage=pwa],[data-p9-channel-stage=native]){width:420px}
.p9-channel-stage[data-p9-channel-stage=native] .p9-player-client{border:5px solid #637356;border-radius:31px;box-shadow:0 20px 35px #06180c44}
.p9-player-client{border:1px solid #9da273;border-radius:17px;overflow:hidden;background:#1c3327}
.p9-player-bar{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px;background:#2b432e;border-bottom:1px solid #768761}
.p9-player-bar>strong{font-size:23px;line-height:1.5;color:#f0dbac}
.p9-player-bar>strong>span{color:#ef9975;margin:0 8px 0 2px}
.p9-player-bar>span{font-size:10px;line-height:1.8;color:#d5dec4}
.p9-client-nav{padding:19px;border-bottom:1px solid #6c805b}
.p9-player-welcome{padding:30px 24px;background:linear-gradient(110deg,#4b5e3b,#274b34)}
.p9-player-welcome>span{font-size:10px;line-height:1.8;letter-spacing:1px;color:#dce2c7}
.p9-player-welcome>strong{display:block;font-size:32px;line-height:1.35;color:#f4e3b6;margin:22px 0}
.p9-game-picks{display:flex;flex-wrap:wrap;gap:17px;padding:24px}
.p9-app .p9-game-picks>button{display:flex;align-items:center;justify-content:center;gap:13px;flex:1;padding:14px;border:1px solid #8c9a71;border-radius:12px;background:#2e462f;color:#f0dfb9;font-size:13px;line-height:1.6}
.p9-app .p9-game-picks>button[aria-pressed=true]{background:#5d5d3e;border-color:#bfb478}
.p9-app .p9-game-picks svg{width:23px;height:23px;flex:0 0 23px}
.p9-player-game{position:relative;margin:0 24px;border:1px solid #a29d6d;border-radius:13px;overflow:hidden}
.p9-offline-cover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:23px;text-align:center;padding:28px;background:#11271de8;backdrop-filter:blur(5px)}
.p9-offline-cover>strong{font-size:27px;line-height:1.35;color:#f5d59a}
.p9-offline-cover>span{font-size:13px;line-height:1.8;color:#d9e2c8}
.p9-session-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px;font-size:11px;line-height:1.8;color:#d4ddc3}
.p9-session-strip>b{color:#f0d8a5}
.p9-channel-inspector{padding:30px 24px;border-left:1px solid var(--p9-line);background:#34462e}
.p9-channel-inspector>strong{display:block;font-size:29px;line-height:1.35;margin:20px 0 23px}
.p9-client-account,.p9-client-support{padding:32px 26px;min-height:350px}
.p9-client-account>strong,.p9-client-support>strong{display:block;font-size:29px;line-height:1.35;color:#f1d59e;margin:23px 0 28px}
.p9-client-account>div{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:23px 0;border-bottom:1px solid #70865e;font-size:13px;line-height:1.8}
.p9-client-account>div>span{color:#cbd7bc}.p9-client-account>div>b{color:#ecdfb5;text-align:right}
.p9-client-account>p{margin-top:27px}.p9-client-support>b{display:block;font-size:22px;color:#ead09a;padding:24px;border:1px solid #8f9b6f;border-radius:12px;margin-top:29px}
/* A task-level UI editor with a working history dialog and explicit focus path. */
.p9-ux-layout{display:grid;grid-template-columns:270px minmax(0,1fr) 270px}
.p9-ux-settings{padding:30px 23px;background:#283e2e;border-right:1px solid var(--p9-line)}
.p9-ux-settings>strong,.p9-ux-inspector>strong{display:block;font-size:29px;line-height:1.35;margin-top:20px}
.p9-ux-settings>.p4-secondary{margin-top:30px}
.p9-ux-canvas{padding:32px;background:#354530;display:flex;align-items:flex-start;justify-content:center}
.p9-ux-device{--p9-preview-type:16px;--p9-preview-target:44px;width:100%;max-width:440px;border:1px solid #9d9f71;border-radius:24px;overflow:hidden;background:#eef0de;color:#25392b;box-shadow:0 20px 35px #08170e33}
.p9-ux-brand{display:flex;flex-direction:column;gap:15px;padding:25px 23px;background:#203c2b;border-bottom:1px solid #99a274}
.p9-ux-brand>strong{font-size:22px;line-height:1.4;color:#eddaab}.p9-ux-brand>strong>span{color:#ef9975;margin:0 8px 0 2px}
.p9-ux-brand>span{font-size:11px;line-height:1.8;color:#d7dfc4}
.p9-ux-account{padding:28px 22px}
.p9-ux-account>.p9-label{font-size:9px;color:#52684c}
.p9-ux-account>strong{display:block;font-size:29px;line-height:1.35;color:#25402c;margin:23px 0 29px}
.p9-ux-game{border:1px solid #71885f;border-radius:11px;overflow:hidden}
.p9-ux-state{padding:24px 18px;border:1px solid #9daa83;border-radius:13px;background:#dfe5cb;margin-top:27px}
.p9-ux-state>span{display:block;font-size:10px;line-height:1.8;color:#4d6747}
.p9-ux-state>strong{display:block;font-size:22px;line-height:1.4;color:#28462d;margin:20px 0}
.p9-app .p9-ux-state>p,.p9-app .p9-ux-helper{font-size:var(--p9-preview-type);line-height:1.8;color:#425a3c}
.p9-app .p9-ux-history{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:var(--p9-preview-target);width:100%;padding:13px 16px;margin-top:27px;border:1px solid #7c9667;border-radius:12px;background:#cdd8b4;color:#2e4c30;font-size:var(--p9-preview-type);line-height:1.5}
.p9-app .p9-ux-history>svg{width:22px;height:22px;flex:0 0 22px}
.p9-app .p9-ux-history:focus-visible,.p9-app .p9-ux-history.is-focus-demo{outline:3px solid #ae3d1e;outline-offset:4px}
.p9-app .p9-ux-helper{font-size:12px;margin-top:23px}
.p9-ux-inspector{padding:30px 23px;background:#34462e;border-left:1px solid var(--p9-line)}
.p9-app .p9-dialog{width:min(600px,calc(100% - 40px));max-height:calc(100% - 40px);padding:28px;border:1px solid #b5ab76;border-radius:20px;background:#243e2c;color:#f1e5c6}
.p9-dialog::backdrop{background:#0d2019c9;backdrop-filter:blur(5px)}
.p9-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:29px}
.p9-dialog-head>strong{font-size:24px;line-height:1.4}
.p9-app .p9-dialog-head>button{display:grid;place-items:center;width:44px;flex:0 0 44px;height:44px;border:1px solid #9da579;border-radius:12px;background:#3c5337;color:#efdaaa}
.p9-app .p9-dialog-head svg{width:23px;height:23px}
.p9-history-line{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:23px 0;border-top:1px solid #7d8d66;font-size:14px;line-height:1.8}
.p9-history-line>b{text-align:right;color:#f0d7a1}.p9-dialog>p{margin-top:25px;font-size:13px}
/* Migration operator console: differences, open obligations and return plan. */
.p9-migration-header{display:flex;align-items:center;justify-content:space-between;gap:29px;padding:29px;background:#2b3d2d;border-bottom:1px solid var(--p9-line)}
.p9-migration-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px}
.p9-migration-register{padding:30px;background:#283e2d}.p9-migration-register>.p9-choices{margin-top:24px}
.p9-compare-heading,.p9-compare-row{display:grid;grid-template-columns:100px 1fr 1fr;gap:26px;padding:24px 18px;align-items:start}
.p9-compare-heading{font-size:10px;line-height:1.8;letter-spacing:.8px;color:#d3ddc2;margin-top:23px}
.p9-compare-row{font-size:14px;line-height:1.8;border-top:1px solid #8a986d;background:#344c32}
.p9-compare-row>b{color:#ead39c}.p9-compare-row>span{color:#d6e0c6}.p9-compare-row>strong{color:#f0d09a}
.p9-migration-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:29px}
.p9-obligation-record{padding:27px 23px;border:1px solid #a0a375;border-radius:14px;background:#3c5134;margin-top:30px}
.p9-obligation-record>span{font-size:10px;line-height:1.8;letter-spacing:.6px;color:#d5dfc0}
.p9-obligation-record>strong{display:block;font-size:25px;line-height:1.4;margin:20px 0 25px;color:#f0d399}
.p9-cutover-plan{padding:30px 25px;border-left:1px solid var(--p9-line);background:#35472e}
.p9-cutover-plan>strong{display:block;font-size:30px;line-height:1.35;margin:20px 0 25px;color:#f1d5a0}
.p9-return-plan{padding:25px 20px;border:1px solid #a3a576;border-radius:14px;background:#49583a;margin-top:29px}
.p9-return-plan>strong{display:block;font-size:22px;line-height:1.45;margin-bottom:23px;color:#efd19b}
.p9-return-plan>p{font-size:12px}
/* Infrastructure observatory and semantic journey gates. */
.p9-cloud-toolbar{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:29px;background:#2b3c2c;border-bottom:1px solid var(--p9-line)}
.p9-cloud-toolbar>.p9-choices{min-width:360px}
.p9-cloud-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:30px;background:#24392b;border-bottom:1px solid var(--p9-line)}
.p9-cloud-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px}
.p9-topology-room{padding:30px;background:#293f2d}
.p9-topology-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.p9-topology-grid>article{padding:26px 23px;border:1px solid #8f9d70;border-radius:15px;background:#374e32}
.p9-app .p9-topology-grid svg{width:29px;height:29px;color:#e7c58e;margin-bottom:24px}
.p9-topology-grid strong{display:block;font-size:23px;line-height:1.4;color:#f0dcb0;margin-bottom:17px}
.p9-topology-grid span{display:block;font-size:12px;line-height:1.8;color:#d8e2c4}
.p9-topology-grid b{display:block;padding:13px 15px;margin-top:23px;border:1px solid #9ba77a;border-radius:9px;background:#243d29;font-size:12px;line-height:1.8;color:#ead3a1}
.p9-cloud-config{padding:26px 22px;border:1px solid #7a9166;border-radius:14px;background:#182e20;margin-top:30px}
.p9-cloud-config>span{display:block;font-size:10px;line-height:1.8;letter-spacing:.7px;color:#d7dfc5;margin-bottom:23px}
.p9-cloud-pipeline{padding:30px 25px;border-left:1px solid var(--p9-line);background:#35482f}.p9-cloud-pipeline>.p9-choices{margin-top:25px}
.p9-cloud-gate{padding:25px 20px;border:1px solid #aaa775;border-radius:14px;background:#495a3a;margin-top:29px}
.p9-cloud-gate>span{font-size:10px;line-height:1.8;letter-spacing:.8px;color:#d9e0c2}
.p9-cloud-gate>strong{display:block;font-size:27px;line-height:1.4;color:#f0d49a;margin:22px 0}
.p9-cloud-gate>p{font-size:12px}
.p9-cloud-log{margin-top:29px}.p9-cloud-log>div{display:grid;grid-template-columns:28px 1fr;gap:18px;padding:21px 0;border-bottom:1px solid #6b8159;font-size:12px;line-height:1.8}.p9-cloud-log time{color:#e2c68e}.p9-cloud-log span{color:#d5dfc0}
/* Workload chart and an independent recovery-evidence view. */
.p9-performance-top{display:flex;justify-content:space-between;align-items:center;gap:29px;padding:29px;background:#293e2d;border-bottom:1px solid var(--p9-line)}
.p9-performance-top>.p9-choices{min-width:350px}
.p9-performance-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px}
.p9-performance-visual{padding:32px;background:#223b2a}.p9-performance-chart{border:1px solid #85956c;border-radius:15px;background:#29432e}
.p9-performance-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;text-align:center;margin-top:28px}
.p9-performance-values>span{font-size:12px;line-height:1.8;color:#d3dfc0}.p9-performance-values b{display:block;font-size:22px;line-height:1.4;color:#f0d19a;margin-top:16px}
.p9-performance-metrics{padding:30px 23px;background:#364a2f;border-left:1px solid var(--p9-line)}
.p9-performance-metrics>.p9-choices{margin-top:24px}.p9-performance-metrics>.p9-stat{margin-top:28px}
.p9-performance-verdict{display:block;font-size:23px;line-height:1.45;color:#efd098;margin:27px 0 23px}
.p9-performance-metrics>p{font-size:12px}
.p9-recovery-room{display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:36px;padding:32px;border-top:1px solid var(--p9-line);background:#2c432f}
.p9-recovery-room>div>strong{display:block;font-size:30px;line-height:1.35;margin:20px 0 29px}
.sd-showcase .p9-app .p9-recovery-timeline{list-style:none;margin:29px 0 0;padding:0}
.p9-recovery-timeline>li{display:grid;grid-template-columns:100px 1fr;gap:25px;align-items:start;padding:21px 0;border-bottom:1px solid #758960;font-size:13px;line-height:1.8}
.p9-recovery-timeline time{color:#edce96}.p9-recovery-timeline span{color:#d6e2c4}
.p9-recovery-targets{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.p9-recovery-targets .p9-stat>strong{font-size:29px}
.p9-recovery-verdict{display:block;font-size:27px;line-height:1.4;color:#f0d19b;margin-top:29px}
/* Original completed poker hand and a separate authorization evidence case. */
.p9-security-grid{display:grid;grid-template-columns:260px minmax(0,1fr)}
.p9-security-inbox{padding:30px 22px;border-right:1px solid var(--p9-line);background:#263d2d}
.p9-security-inbox>strong{display:block;font-size:29px;line-height:1.35;margin:20px 0 30px}
.p9-app .p9-security-inbox>button[data-p9-security-case]{display:block;width:100%;padding:23px 18px;margin-top:23px;border:1px solid transparent;border-radius:14px;background:transparent;color:#efe2bd;text-align:left}
.p9-app .p9-security-inbox>button[aria-pressed=true]{background:#4b5a3b;border-color:#b6b07d}
.p9-security-inbox>button>b{display:block;font-size:10px;line-height:1.8;letter-spacing:.6px;color:#dfd1a3}
.p9-security-inbox>button>strong{display:block;font-size:19px;line-height:1.4;margin-top:17px;color:#f1d9a7}
.p9-security-inbox>.p4-secondary{margin-top:29px}
.p9-security-workspace{padding:30px;background:#2b412f}
.p9-poker-board{border:1px solid #a39a6a;border-radius:15px}
.p9-auth-record{padding:32px 27px;border:1px solid #96a174;border-radius:15px;background:#223b2b;min-height:310px}
.p9-auth-record>span{display:block;font-size:10px;line-height:1.8;color:#d7e0c6;letter-spacing:.8px}
.p9-app .p9-auth-record>svg{width:44px;height:44px;color:#e6c48b;margin-top:29px}
.p9-auth-record>strong{display:block;font-size:30px;line-height:1.35;color:#f0d6a0;margin:27px 0}
.p9-auth-record dl>div{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:20px 0;border-top:1px solid #72875e;font-size:13px;line-height:1.8}
.p9-auth-record dt{color:#cddbbd}.p9-auth-record dd{margin:0;text-align:right;color:#eed5a3}
.p9-security-evidence{padding:27px 23px;border:1px solid #a3a475;border-radius:14px;background:#425737;margin-top:29px}
.p9-security-evidence>span{font-size:10px;line-height:1.8;letter-spacing:.7px;color:#d9dfc1}
.p9-security-evidence>strong{display:block;font-size:26px;line-height:1.4;color:#f1d49b;margin:22px 0}
.p9-security-evidence>div{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding-top:23px;margin-top:27px;border-top:1px solid #9ca575;font-size:12px;line-height:1.8}
.p9-security-evidence>div>span{color:#d7e0c3}.p9-security-evidence>div>b{text-align:right;color:#f0d8a5}
/* Build-scoped test index and expected/observed evidence, without a fake run action. */
.p9-qa-toolbar{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:29px;background:#2b3e2d;border-bottom:1px solid var(--p9-line)}
.p9-qa-toolbar>.p9-choices{min-width:300px}
.p9-qa-grid{display:grid;grid-template-columns:280px minmax(0,1fr)}
.p9-qa-suite{padding:30px 23px;background:#273f2d;border-right:1px solid var(--p9-line)}
.p9-app .p9-qa-suite>button{display:block;width:100%;padding:23px 19px;margin-top:24px;border:1px solid #7b9064;border-radius:13px;background:#2c452e;color:#f0dfb7;text-align:left}
.p9-app .p9-qa-suite>button[aria-pressed=true]{border-color:#b5ad78;background:#4e5d3c}
.p9-qa-suite>button>b{display:block;font-size:11px;line-height:1.8;color:#e3cf9a}
.p9-qa-suite>button>strong{display:block;font-size:20px;line-height:1.4;color:#f1d8a4;margin:16px 0}
.p9-qa-suite>button>span{font-size:12px;line-height:1.8;color:#d9e1c5}
.p9-qa-evidence{padding:30px;background:#293f2e}
.p9-qa-client{border:1px solid #9c9e70;border-radius:14px;overflow:hidden;background:#1c3225}
.p9-qa-client>span{display:block;padding:18px 21px;font-size:11px;line-height:1.8;color:#d4dec3;border-top:1px solid #72855b}
.p9-qa-observations{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:29px}
.p9-qa-observations>div{padding:24px 20px;border:1px solid #9ca474;border-radius:14px;background:#415636}
.p9-qa-observations span{display:block;font-size:10px;line-height:1.8;letter-spacing:.6px;color:#d7e1c1;margin-bottom:21px}
.p9-qa-observations strong{display:block;font-size:23px;line-height:1.4;color:#f1d7a0}
.p9-qa-lineage{margin-top:28px}.p9-qa-lineage>div{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:22px 0;border-bottom:1px solid #758b5f;font-size:13px;line-height:1.8}
.p9-qa-lineage span{color:#cfdcbd}.p9-qa-lineage b{text-align:right;color:#edd3a0}.p9-qa-evidence>.p4-secondary{margin-top:29px}
@keyframes p9-client-inspect{from{opacity:.65;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.p9-app.is-inspecting :is(.p9-api-editor,.p9-channel-stage,.p9-ux-canvas,.p9-migration-register,.p9-topology-room,.p9-performance-visual,.p9-security-workspace,.p9-qa-evidence){animation:p9-client-inspect .4s ease-out}
html[data-motion=off] .p9-app *,html[data-page-hidden=true] .p9-app *{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.p9-app *{animation:none!important;transition:none!important}}
@media(max-width:1100px){
 .p9-api-grid{grid-template-columns:220px minmax(0,1fr)}.p9-api-ledger{grid-column:1/-1;border-left:0;border-top:1px solid var(--p9-line)}
 .p9-ux-layout{grid-template-columns:270px minmax(0,1fr)}.p9-ux-inspector{grid-column:1/-1;border-left:0;border-top:1px solid var(--p9-line)}
 .p9-channel-layout{grid-template-columns:minmax(0,1fr) 280px}.p9-channel-stage{padding:25px 20px}
 .p9-migration-layout,.p9-cloud-layout{grid-template-columns:minmax(0,1fr) 290px}
 .p9-migration-totals{grid-template-columns:1fr;gap:17px}.p9-migration-totals .p9-stat>strong{font-size:31px}
 .p9-compare-heading,.p9-compare-row{grid-template-columns:65px 1fr 1fr;gap:18px;padding-inline:11px;font-size:12px}.p9-compare-heading{font-size:9px}
 .p9-topology-grid{grid-template-columns:1fr}
 .p9-performance-grid{grid-template-columns:minmax(0,1fr) 265px}.p9-recovery-room{grid-template-columns:1fr;gap:31px}
 .p9-recovery-targets{max-width:650px}
 .p9-security-grid{grid-template-columns:235px minmax(0,1fr)}
 .p9-qa-grid{grid-template-columns:240px minmax(0,1fr)}
}
@media(max-width:900px){
 .p9-channel-toolbar,.p9-cloud-toolbar,.p9-performance-top,.p9-qa-toolbar{align-items:flex-start;flex-direction:column;gap:27px}
 .p9-channel-toolbar>.p9-choices,.p9-cloud-toolbar>.p9-choices,.p9-performance-top>.p9-choices,.p9-qa-toolbar>.p9-choices{width:100%;min-width:0}
 .p9-cloud-summary{gap:18px;padding:25px}.p9-cloud-summary .p9-stat{padding:23px 17px}.p9-cloud-summary .p9-stat>strong{font-size:27px}
 .p9-section-head{flex-direction:column;align-items:flex-start;gap:20px}
 .p9-migration-header{align-items:flex-start;flex-direction:column;gap:25px}
 .p9-player-bar{flex-direction:column;align-items:flex-start;gap:15px}.p9-game-picks{flex-direction:column}
}
@media(max-width:760px){
 .p9-app{margin-top:32px}.p9-opening{margin-bottom:32px}
 .p9-app .p4-top>strong{white-space:normal;line-height:1.4}
 .p9-api-grid,.p9-channel-layout,.p9-ux-layout,.p9-migration-layout,.p9-cloud-layout,.p9-performance-grid,.p9-security-grid,.p9-qa-grid{grid-template-columns:1fr}
 .p9-api-directory,.p9-ux-settings,.p9-security-inbox,.p9-qa-suite{border-right:0;border-bottom:1px solid var(--p9-line)}
 .p9-api-ledger,.p9-channel-inspector,.p9-ux-inspector,.p9-cutover-plan,.p9-cloud-pipeline,.p9-performance-metrics{grid-column:auto;border-left:0;border-top:1px solid var(--p9-line)}
 .p9-api-directory,.p9-api-editor,.p9-api-ledger,.p9-channel-inspector,.p9-ux-settings,.p9-ux-canvas,.p9-ux-inspector,.p9-migration-register,.p9-cutover-plan,.p9-topology-room,.p9-cloud-pipeline,.p9-performance-visual,.p9-performance-metrics,.p9-security-inbox,.p9-security-workspace,.p9-qa-suite,.p9-qa-evidence{padding:28px 18px}
 .p9-section-head strong{font-size:27px}.p9-app .p9-choices>button{font-size:11px;padding:11px 9px}
 .p9-api-route{padding:20px 15px;gap:17px}.sd-showcase .p9-app code{font-size:11px;line-height:1.9}
 .p9-api-editor .p9-code,.p9-api-response pre{padding:24px 18px}.p9-api-response>div{padding:20px 17px;font-size:11px;gap:18px}
 .p9-channel-toolbar,.p9-migration-header,.p9-cloud-toolbar,.p9-performance-top,.p9-qa-toolbar{padding:27px 18px}
 .p9-channel-toolbar strong,.p9-migration-header strong,.p9-cloud-toolbar strong,.p9-performance-top strong,.p9-qa-toolbar strong{font-size:28px}
 .p9-channel-stage{padding:24px 14px}.p9-channel-stage:is([data-p9-channel-stage=pwa],[data-p9-channel-stage=native]){width:100%}
 .p9-player-bar{padding:22px 17px}.p9-player-bar>strong{font-size:21px}.p9-player-bar>span{font-size:10px}
 .p9-client-nav{padding:18px 14px}.p9-player-welcome{padding:26px 18px}.p9-player-welcome>strong{font-size:28px}.p9-player-welcome>p{font-size:12px}
 .p9-game-picks{padding:23px 16px;gap:16px}.p9-app .p9-game-picks>button{font-size:12px;padding:14px 10px}
 .p9-player-game{margin-inline:16px}.p9-offline-cover{padding:12px;gap:10px}.p9-offline-cover>strong{font-size:16px;line-height:1.3}.p9-offline-cover>span{font-size:9px;line-height:1.6}
 .p9-session-strip{padding:23px 16px;font-size:9px;gap:18px;flex-direction:column;align-items:flex-start}
 .p9-client-account,.p9-client-support{padding:28px 19px}.p9-client-account>div{font-size:12px;gap:20px}.p9-client-account>strong,.p9-client-support>strong{font-size:27px}
 .p9-ux-brand{padding:24px 18px}.p9-ux-brand>strong{font-size:21px}.p9-ux-account{padding:26px 17px}.p9-ux-account>strong{font-size:27px}.p9-ux-state{padding:24px 16px}.p9-ux-state>strong{font-size:23px}
 .p9-app .p9-dialog{padding:24px 19px}.p9-dialog-head>strong{font-size:22px}.p9-history-line{font-size:12px;gap:20px}
 .p9-compare-heading,.p9-compare-row{grid-template-columns:52px 1fr 1fr;gap:14px;padding-inline:8px;font-size:11px}.p9-compare-heading{font-size:8px}
 .p9-migration-totals{grid-template-columns:1fr 1fr;gap:15px}.p9-migration-totals>.p9-stat:last-child{grid-column:1/-1}.p9-migration-totals .p9-stat{padding:22px 15px}.p9-migration-totals .p9-stat>strong{font-size:29px}
 .p9-obligation-record{padding:25px 18px}.p9-obligation-record>strong{font-size:24px}.p9-cutover-plan>strong{font-size:28px}
 .p9-cloud-summary{grid-template-columns:1fr;gap:18px;padding:25px 18px}.p9-cloud-summary .p9-stat>strong{font-size:31px}
 .p9-topology-grid{grid-template-columns:1fr;gap:23px}.p9-topology-grid>article{padding:26px 20px}.p9-topology-grid strong{font-size:24px}
 .p9-cloud-config{padding:25px 18px}.p9-cloud-config>span{font-size:9px}.p9-cloud-gate{padding:25px 18px}
 .p9-performance-values{gap:15px}.p9-performance-values>span{font-size:10px}.p9-performance-values b{font-size:18px;margin-top:15px}
 .p9-recovery-room{padding:28px 18px;gap:30px}.p9-recovery-room>div>strong{font-size:28px}.p9-recovery-targets{gap:16px}.p9-recovery-targets .p9-stat{padding:24px 15px}.p9-recovery-targets .p9-stat>strong{font-size:27px}
 .p9-recovery-room .p9-choices>button{flex-basis:calc(50% - 9px)}
 .p9-recovery-timeline>li{grid-template-columns:80px 1fr;gap:20px;font-size:12px}.p9-recovery-verdict{font-size:26px}
 .p9-security-inbox>strong{font-size:28px}.p9-auth-record{padding:28px 19px}.p9-auth-record dl>div{font-size:12px;gap:20px}.p9-auth-record>strong{font-size:28px}
 .p9-security-evidence{padding:25px 19px}.p9-security-evidence>strong{font-size:25px}.p9-security-evidence>div{font-size:11px;gap:20px}
 .p9-qa-observations{grid-template-columns:1fr;gap:22px}.p9-qa-observations strong{font-size:23px}.p9-qa-lineage>div{font-size:12px;gap:20px}.p9-qa-client>span{padding:19px 16px;font-size:10px}
}
@media(max-width:380px){.p9-recovery-targets{grid-template-columns:1fr}}
