zr-member-portal{display:block}.zrp-tools{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:24px 0}.zrp-tools label{display:grid;gap:5px;flex:1;min-width:150px}.zrp-tools input,.zrp-tools select,.zrp-tools button{min-height:44px;padding:10px;border:1px solid #c5c8d2;border-radius:5px;background:#fff;color:#242e92}.zrp-count{font-size:14px}.zrp-record{padding:24px!important;min-width:0}.zrp-record h3{font-size:22px}.zrp-card{background:#f4f4fa;padding:20px;border:1px solid #e0e1ea;border-radius:8px;margin:20px 0}.zrp-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.zrp-card dl div{min-width:0}.zrp-card dt{font-size:13px;opacity:.75}.zrp-card dd{margin:5px 0;overflow-wrap:anywhere}.zrp-cad-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.zrp-cad-images a{display:block}.zrp-cad-images img{display:block;max-width:100%;width:100%;height:auto;border:1px solid #ddd;border-radius:6px}.zrp-actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.zrp-feedback{border-top:1px solid #ddd;padding:16px 0}.zrp-message{white-space:pre-wrap;overflow-wrap:anywhere}[data-portal-feedback] fieldset{border:0;padding:0;margin:16px 0}[data-portal-feedback] label{display:block}[data-portal-feedback] textarea{display:block;width:100%;max-width:100%;box-sizing:border-box;padding:12px;border:1px solid #aeb2c7;border-radius:6px}.zrp-check{display:flex!important;align-items:start;gap:10px}.zrp-check input{width:20px;height:20px;flex:none}[data-portal-result]{color:#176334;padding:12px 0}[data-portal-feedback-error]{color:#a32020}.zrp-dialog{width:min(900px,calc(100vw - 32px))!important;max-height:90vh;box-sizing:border-box;overflow:auto}.zrp-dialog [data-portal-detail]{padding:0 20px 20px}.zrp-dialog h2{font-size:24px;overflow-wrap:anywhere}@media(max-width:600px){.zrp-card dl,.zrp-cad-images{grid-template-columns:1fr}.zrp-dialog{width:calc(100vw - 16px)!important;max-height:94vh}.zrp-dialog [data-portal-detail]{padding:0 10px 16px}.zrp-actions .zrj-button{width:100%}.zrp-tools button{flex:1}.zrp-record{padding:18px!important}}

.zrp-card-cover{display:block;width:100%;padding:0;margin:0 0 20px;border:1px solid color-mix(in srgb,var(--zr-ink) 14%,transparent);background:#f1f0ed;cursor:pointer;overflow:hidden}
.zrp-card-cover img{display:block;width:100%;height:180px;object-fit:contain;transition:opacity .16s ease}

.zrp-card-cover:focus-visible,.zrp-order-images a:focus-visible{outline:2px solid var(--zr-ink);outline-offset:4px}
.zrp-order-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0 8px}
.zrp-order-images a{display:block;min-width:0;background:#f1f0ed;border:1px solid color-mix(in srgb,var(--zr-ink) 14%,transparent)}
.zrp-order-images a:only-child{grid-column:1/-1}
.zrp-order-images img{display:block;width:100%;height:auto;max-height:380px;object-fit:contain}
.zrp-image-error{display:block;padding:24px 16px;font-size:14px;line-height:1.5;color:var(--zr-ink)}
.zrp-image-error[hidden],.zrp-order-images img[hidden],.zrp-card-cover img[hidden]{display:none}
.zrp-image-hint{font-size:13px;line-height:1.5;margin:8px 0 20px}
@media(max-width:600px){.zrp-card-cover img{height:150px}.zrp-order-images{grid-template-columns:1fr}.zrp-order-images img{max-height:320px}}
@media(prefers-reduced-motion:reduce){.zrp-card-cover img{transition:none}.zrp-card-cover:hover img{transform:none}}

zr-member-portal .zrp-order-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 16px;margin:0 0 8px}
zr-member-portal .zrp-order-heading h2,zr-member-portal .zrp-order-heading h3{margin:0;min-width:0;max-width:100%;overflow-wrap:anywhere;letter-spacing:normal}
zr-member-portal .zrp-order-heading h2{font-size:clamp(26px,4vw,42px)}
zr-member-portal .zrp-product-name{font-size:18px;line-height:1.4;margin:12px 0}
zr-member-portal .zrp-record .zrj-code{margin:8px 0;font-size:11px;line-height:1.5;overflow-wrap:anywhere}
zr-member-portal .zrp-freshness{font-size:12px;line-height:1.5;margin:8px 0 16px;color:var(--zr-ink);opacity:.75;overflow-wrap:anywhere}
zr-member-portal .zrp-freshness.is-stale{color:#895b10;opacity:1}
zr-member-portal .zrp-tools input{width:100%;min-width:0;box-sizing:border-box}
@media(max-width:600px){zr-member-portal .zrp-order-heading{gap:4px 12px}zr-member-portal .zrp-order-heading h3{font-size:21px}zr-member-portal .zrp-order-heading h2{font-size:28px}zr-member-portal .zrp-tools label{min-width:min(150px,100%)}}


zr-member-portal .zrp-card-cover{display:grid;grid-template-columns:minmax(0,1fr)}
zr-member-portal .zrp-card-cover img{grid-area:1/1;min-width:0;opacity:1}
zr-member-portal .zrp-card-cover--dual .zrp-cover-order{opacity:0}
zr-member-portal .zrp-card-cover--dual:focus-visible .zrp-cover-cad{opacity:0}
zr-member-portal .zrp-card-cover--dual:focus-visible .zrp-cover-order{opacity:1}
zr-member-portal .zrp-record .zrj-status,zr-member-portal .zrp-dialog .zrj-status{font-size:13px;line-height:1.45;letter-spacing:.15px;padding:7px 10px;max-width:100%;overflow-wrap:anywhere}
zr-member-portal .zrp-cad-section{margin-top:24px}
zr-member-portal .zrp-cad-section h3{margin-bottom:14px}
zr-member-portal .zrp-cad-images a:only-child{grid-column:1/-1}
zr-member-portal .zrp-cad-images img[hidden],zr-member-portal .zrp-image-error[hidden]{display:none}
zr-member-portal .zrp-contact{padding:20px 0 0;border-top:1px solid var(--zr-line)}
zr-member-portal [data-portal-contact]{min-height:44px;text-align:start}
zr-member-portal [data-portal-contact]:disabled{opacity:.55;cursor:wait}
zr-member-portal .zrp-chat-status{color:#895b10;font-size:13px;line-height:1.5}
zr-member-portal .zrp-chat-status:empty{display:none}
zr-member-portal .zrp-chat-notice{padding:14px 16px;margin:16px 0;border:1px solid var(--zr-line);font-size:14px}
zr-member-portal .zrp-asset-orders{margin:16px 0 0;line-height:1.5;min-width:0}
zr-member-portal .zrp-asset-orders dt{font-size:13px;opacity:.8}
zr-member-portal .zrp-asset-orders dd{margin:4px 0 0;font-size:16px;font-weight:500;overflow-wrap:anywhere}
zr-member-portal .zrp-asset-orders [data-portal-asset-order-number]{display:block}
@media(hover:hover) and (pointer:fine){zr-member-portal .zrp-card-cover--dual:hover .zrp-cover-cad{opacity:0}zr-member-portal .zrp-card-cover--dual:hover .zrp-cover-order{opacity:1}}
@media(prefers-reduced-motion:reduce){zr-member-portal .zrp-card-cover img{transition:none}}
