.cdk-guide,.cdk-drawer{color:#c3dcee;font-size:14px;line-height:1.6}.cdk-guide{display:grid;gap:16px}.cdk-panel{border:1px solid #21506b;border-radius:14px;background:linear-gradient(120deg,#062138,#031624);padding:18px}.cdk-panel header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.cdk-panel header>svg{color:#74d2ff;width:32px;height:32px;flex-shrink:0}.cdk-panel h3{font-size:18px;font-weight:600;color:#eef8ff}.cdk-panel header p{font-size:12px;color:#a6c7de}.cdk-code{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #28607e;border-radius:12px;background:#031523}.cdk-code code{flex:1;min-width:0;overflow-wrap:anywhere;color:#eff8ff;font-size:14px}.cdk-guide button,.cdk-ack{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:1px solid #286783;border-radius:10px;padding:8px 12px;background:#09263d;color:#e6f4ff}.cdk-guide button svg{width:17px;height:17px}.cdk-guide button:hover,.cdk-ack:hover{background:#10405b;border-color:#47bbdf}.cdk-open{margin-left:auto;flex-shrink:0;font-size:12px}.cdk-delivered{display:flex;align-items:center;gap:12px;margin-top:12px;padding:12px;background:#00382e50;border:1px solid #12665b;border-radius:12px}.cdk-delivered>svg,.cdk-delivered strong{color:#44dcad}.cdk-delivered p{font-size:12px}.cdk-quick{display:grid;gap:8px;border:1px solid #214c65;padding:14px;border-radius:12px}.cdk-quick li{display:flex;gap:12px;align-items:center;font-size:13px}.cdk-number{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;border-radius:50%;background:#20b8ec;color:#01233b;font-weight:700}.cdk-guide a,.cdk-drawer a{color:#55caff;overflow-wrap:anywhere}.cdk-guide .cdk-info [class*="text-slate"],.cdk-drawer .cdk-info [class*="text-slate"]{color:#b9d4e8}.cdk-info [class*="bg-slate"]{background:#052238;border-color:#214c65}.cdk-info [class*="bg-amber"]{background:#49350940;border-color:#a27b22}.cdk-info [class*="text-amber"]{color:#f2ca66}.cdk-drawer.cdk-drawer{left:auto;right:16px;top:80px;transform:none;translate:none;width:40vw;max-width:640px;min-width:420px;max-height:calc(100dvh - 96px);overflow:auto;display:block;padding:24px;border:1px solid #236087;border-radius:16px;background:linear-gradient(130deg,#05223a,#021320);animation:none}.cdk-drawer h2{color:#eef8ff;font-size:21px;padding-right:24px}.cdk-drawer [id$="description"]{color:#a4c9e3}.cdk-steps{display:grid;gap:8px;margin-top:20px}.cdk-steps li{border:1px solid #18405b;border-radius:12px;background:#06253e}.cdk-ack{width:100%;margin-top:18px}.cdk-guide button:focus-visible,.cdk-drawer button:focus-visible,.cdk-guide a:focus-visible,.cdk-drawer a:focus-visible{outline:2px solid #4aceff;outline-offset:3px}[data-state]:has(+.cdk-drawer){background:#0008}
@media(max-width:767px){.cdk-drawer.cdk-drawer{top:0;right:0;width:100%;min-width:0;max-width:none;max-height:100dvh;height:100dvh;border-radius:0;padding:20px 16px}.cdk-panel{padding:14px}.cdk-panel header{flex-wrap:wrap}.cdk-open{margin-left:0;width:100%}.cdk-code{flex-wrap:wrap}.cdk-code code{flex-basis:100%}.cdk-code button{margin-left:auto}.cdk-panel h3{font-size:17px}}

.cdk-drawer .cdk-subtitle{color:#a4c9e3}.cdk-step-icon{display:flex;color:#a6dbf3}.cdk-step-icon svg{width:22px;height:22px}.cdk-quick p{font-weight:400;color:#a6c7de;font-size:12px}
/* Keep this modal above the existing fixed mobile navigation. */
.cdk-drawer.cdk-drawer{z-index:10020}[data-state]:has(+.cdk-drawer){z-index:10010}

/* V2.1: centered instruction experience; shared Dialog and code card unchanged. */
.cdk-drawer.cdk-drawer{left:50%;right:auto;top:50%;translate:-50% -50%;width:840px;min-width:0;max-width:calc(100vw - 48px);max-height:86dvh;height:auto;display:flex;flex-direction:column;overflow:hidden;padding:0;gap:0;box-shadow:0 24px 80px #0008}
[data-state]:has(+.cdk-drawer){background:#0009;backdrop-filter:blur(4px)}
.cdk-modal-header{flex-shrink:0;padding:22px 24px 18px;border-bottom:1px solid #21465f;text-align:left}.cdk-modal-header h2{display:flex;gap:12px;align-items:center;font-size:21px;padding-right:24px}.cdk-modal-header h2 svg{width:26px;height:26px;color:#69c9ef;flex-shrink:0}
.cdk-modal-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 24px 20px;scrollbar-width:thin;scrollbar-color:#31536d #061a2b}.cdk-modal-footer{flex-shrink:0;padding:12px 24px;border-top:1px solid #21465f;background:#061d31}.cdk-modal-footer .cdk-ack{margin:0}
.cdk-guide-actions{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.cdk-guide-actions .cdk-open{margin:0;min-height:44px;background:linear-gradient(100deg,#0787c2,#126aa4);border-color:#37b9ed;color:#fff;padding:10px 18px;font-size:14px}.cdk-guide-actions .cdk-open:hover{background:#117cae}.cdk-video{display:inline-flex;align-items:center;gap:8px;border:1px solid #286783;border-radius:10px;padding:8px 14px;min-height:44px}.cdk-video svg{width:18px}
.cdk-orientation .cdk-quick{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cdk-orientation .cdk-quick li{align-items:flex-start}.cdk-orientation .cdk-quick strong{color:#eef8ff}
@media(max-width:767px){.cdk-drawer.cdk-drawer{width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);height:auto;border-radius:14px}.cdk-modal-header{padding:18px 16px 14px}.cdk-modal-header h2{font-size:18px}.cdk-modal-body{padding:0 16px 16px}.cdk-modal-footer{padding:10px 16px}.cdk-orientation .cdk-quick{grid-template-columns:1fr;gap:12px}.cdk-guide-actions .cdk-open{width:100%}}

/* V2.2: order-page orientation only; full modal styles remain frozen. */
.cdk-orientation .cdk-quick strong{font-size:14px;font-weight:600}.cdk-orientation .cdk-quick p{font-size:13px;line-height:1.6;color:#b9d4e7;margin-top:3px}.cdk-guide-actions{margin:18px 0 16px}.cdk-guide-actions .cdk-open{min-height:44px;width:fit-content;max-width:100%;font-size:14px}

/* Compact informational strip; action group and full modal remain unchanged. */

/* Five always-visible steps. Only the modal body scrolls. */
.cdk-drawer.cdk-drawer{width:880px;max-height:calc(100dvh - 32px);border-color:#088dbd}
.cdk-drawer .cdk-steps{gap:10px;margin-top:14px}
.cdk-drawer .cdk-steps li{display:grid;grid-template-columns:36px 28px minmax(0,1fr);align-items:start;gap:14px;padding:14px;border-color:#1b526e;background:linear-gradient(110deg,#05253a,#031d30)}
.cdk-drawer .cdk-number{width:36px;height:36px;font-size:17px;background:#13b9ed;border:1px solid #48d3ff}
.cdk-drawer .cdk-step-icon{padding-top:5px;color:#87d6f6}
.cdk-drawer .cdk-step-icon svg{width:28px;height:28px}
.cdk-step-copy{min-width:0}.cdk-step-copy h3{font-size:16px;line-height:1.5;font-weight:600;color:#eef8ff}
.cdk-drawer .cdk-step-body{padding:0;margin-top:2px;font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.cdk-drawer .cdk-supplier-link{color:#27d7ff;text-decoration:underline;text-underline-offset:3px;font-weight:500}
.cdk-drawer .cdk-info{margin-top:16px;padding:16px;border:1px solid #176181;border-radius:14px;background:#031b2d}
.cdk-info h3{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:600;color:#edf7ff}.cdk-info h3 svg{color:#18c4f0;width:24px;height:24px}
.cdk-info-list{display:grid;gap:6px;margin-top:10px;padding:12px 14px;border:1px solid #1b526e;border-radius:12px;background:#052238;font-size:13px}
.cdk-info-list li{display:flex;align-items:start;gap:12px}.cdk-info-list svg{width:18px;height:18px;flex-shrink:0;margin-top:2px;color:#b6dcf3}
.cdk-modal-footer .cdk-ack{background:linear-gradient(#029ed9,#0276b2);border-color:#28ceff;font-weight:600;min-height:44px}
.cdk-drawer>.absolute{width:44px;height:44px;display:flex;align-items:center;justify-content:center;right:8px;top:8px;color:#a4c9e3}
.cdk-modal-header h2{padding-right:34px;line-height:1.4}.cdk-modal-body:focus-visible{outline:2px solid #4aceff;outline-offset:-4px}
@media(max-width:767px){.cdk-drawer.cdk-drawer{max-height:calc(100dvh - 24px)}.cdk-drawer .cdk-steps li{grid-template-columns:30px 24px minmax(0,1fr);gap:10px;padding:12px}.cdk-drawer .cdk-number{width:30px;height:30px;font-size:15px}.cdk-drawer .cdk-step-icon svg{width:24px;height:24px}.cdk-step-copy h3{font-size:15px}.cdk-drawer .cdk-step-body{font-size:13px}.cdk-drawer .cdk-info{padding:12px}.cdk-info-list{padding:10px;font-size:13px}}