:root{--p3-brand:#3f6e67;--p3-brand-light:#5a9088;--p3-soft:#e4f0ee;--p3-bg:#faf8f6;--p3-surface:#fff;--p3-border:#e9e3de;--p3-text:#2b3332;--p3-muted:#71807d;--p3-danger:#b85767;--p3-success:#4c8068;--p3-radius:18px;--p3-shadow:0 10px 28px -16px rgb(45 74 70 / 28%)}
body.p3-page{min-height:100vh;color:var(--p3-text);background:radial-gradient(circle at 6% 0%,var(--p3-soft),transparent 34%),var(--p3-bg)}
.p3-page .p3-shell{width:min(100% - 48px,1160px);margin:auto}.p3-page .p3-topbar{color:#fff;background:linear-gradient(180deg,#4b7e76,var(--p3-brand));box-shadow:0 2px 12px rgb(45 74 70 / 18%)}.p3-page .p3-topbar .p3-shell{display:flex;min-height:68px;align-items:center;justify-content:space-between;gap:24px}.p3-page .p3-wordmark{font-weight:800;letter-spacing:.08em}.p3-page .p3-wordmark small{display:block;color:#d9ece8;font-size:11px;font-weight:500;letter-spacing:.04em}.p3-page .p3-nav{display:flex;flex-wrap:wrap;gap:4px}.p3-page .p3-nav a{padding:8px 10px;border-radius:8px;color:#e7f3f0;font-size:13px;font-weight:700;text-decoration:none}.p3-page .p3-nav a[aria-current="page"],.p3-page .p3-nav a:hover{color:#fff;background:rgb(255 255 255 / 16%)}
.p3-page .p3-main{padding:36px 0 72px}.p3-page .p3-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.p3-page .p3-heading h1{margin:0;font-size:clamp(30px,4vw,42px);line-height:1.25}.p3-page .p3-heading p:not(.eyebrow){max-width:680px;margin:8px 0 0;color:var(--p3-muted);line-height:1.6}.p3-page .eyebrow{color:var(--p3-brand);font-size:12px;letter-spacing:.08em;text-transform:none}.p3-page .p3-card{min-width:0;padding:26px;border:1px solid var(--p3-border);border-radius:var(--p3-radius);background:linear-gradient(180deg,#fff,#fdfcfb);box-shadow:var(--p3-shadow)}.p3-page .p3-card h2{margin:0;font-size:clamp(21px,2.4vw,27px)}.p3-page .p3-card h3{margin-top:26px}.p3-page .p3-card .help{color:var(--p3-muted);line-height:1.6}.p3-page .p3-card .field{margin-top:18px}.p3-page .p3-card label{color:var(--p3-text);font-size:13px}.p3-page .p3-card input,.p3-page .p3-card textarea{border-color:#dcd3cc;border-radius:11px}.p3-page .p3-card input:focus,.p3-page .p3-card textarea:focus{border-color:var(--p3-brand-light);outline:0;box-shadow:0 0 0 3px rgb(90 144 136 / 20%)}.p3-page .p3-card .primary-button,.p3-page .p3-card .secondary-button{width:auto;min-height:44px;margin:0;border-radius:11px;font-weight:800}.p3-page .p3-card .primary-button{border-color:var(--p3-brand);background:linear-gradient(180deg,#63988f,var(--p3-brand-light));box-shadow:var(--p3-shadow)}.p3-page .p3-card .primary-button:hover:not(:disabled){background:var(--p3-brand);transform:translateY(-1px)}.p3-page .p3-card .secondary-button{border-color:#dcd3cc;color:var(--p3-brand);background:#fff}.p3-page .p3-card .primary-button:focus-visible,.p3-page .p3-card .secondary-button:focus-visible{outline-color:var(--p3-brand-light)}
.p3-page .p3-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.p3-page .p3-section-heading .secondary-button{flex:0 0 auto}.p3-page .p3-migration-layout,.p3-page .p3-health-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(290px,.85fr);gap:18px;margin-top:18px}.p3-page .p3-stack{display:grid;align-content:start;gap:16px}.p3-page .p3-summary-grid,.p3-page .health-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.p3-page .summary-card,.p3-page .health-card{min-width:0;padding:13px;border:1px solid var(--p3-border);border-radius:12px;background:#f9fbfa}.p3-page .summary-card strong,.p3-page .summary-card span,.p3-page .health-card strong,.p3-page .health-card span{display:block;overflow-wrap:anywhere}.p3-page .summary-card span,.p3-page .health-card span:not(.health-status){margin-top:4px;color:var(--p3-muted);font-size:13px}.p3-page .health-status{display:inline-flex;margin-top:9px;padding:3px 8px;border:1px solid var(--p3-border);border-radius:999px;color:var(--p3-brand);background:#f2f8f7;font-size:12px;font-weight:800}.p3-page .p3-table{margin-top:16px;overflow-x:auto;border:1px solid var(--p3-border);border-radius:12px}.p3-page .p3-table table{min-width:580px}.p3-page .p3-table th{color:var(--p3-brand);background:#f1f8f6}.p3-page .status{color:var(--p3-muted)}.p3-page .status[data-tone="success"]{color:var(--p3-success);font-weight:700}.p3-page .status[data-tone="error"]{color:var(--p3-danger);font-weight:700}.p3-page .notice{margin-top:18px;border-left-color:var(--p3-brand-light);color:var(--p3-brand);background:#f2f8f7}.p3-page .timeline li{border-left-color:var(--p3-brand-light);background:#f9fbfa}.p3-page .p3-auth-action{margin-top:14px}.p3-page .p3-recovery-list{display:grid;gap:12px;margin:22px 0;padding:0;list-style:none;counter-reset:recovery}.p3-page .p3-recovery-list li{position:relative;min-height:48px;padding:14px 14px 14px 54px;border:1px solid var(--p3-border);border-radius:12px;background:#f9fbfa;line-height:1.55;counter-increment:recovery}.p3-page .p3-recovery-list li::before{position:absolute;top:13px;left:14px;display:grid;width:26px;height:26px;place-items:center;border-radius:999px;color:#fff;background:var(--p3-brand);font-size:13px;font-weight:800;content:counter(recovery)}.p3-page dialog{border-color:var(--p3-border);border-radius:18px;box-shadow:var(--p3-shadow)}.p3-page dialog::backdrop{background:rgb(43 51 50 / 42%)}
@media(max-width:800px){.p3-page .p3-migration-layout,.p3-page .p3-health-layout{grid-template-columns:1fr}.p3-page .p3-main{padding-top:26px}.p3-page .p3-heading{align-items:flex-start;flex-direction:column}.p3-page .p3-card{padding:24px}}@media(max-width:500px){.p3-page .p3-shell{width:min(100% - 24px,1160px)}.p3-page .p3-topbar .p3-shell{min-height:58px;align-items:flex-start;flex-direction:column;gap:2px;padding:10px 0}.p3-page .p3-nav{width:100%;overflow-x:auto;flex-wrap:nowrap}.p3-page .p3-main{padding-top:22px}.p3-page .p3-card{padding:18px;border-radius:15px}.p3-page .p3-section-heading{align-items:stretch;flex-direction:column}.p3-page .p3-card .primary-button,.p3-page .p3-card .secondary-button{width:100%}.p3-page .p3-summary-grid,.p3-page .health-grid{grid-template-columns:1fr}}
