.d32-viewer{width:min(1100px,96vw);height:92dvh;max-width:96vw;max-height:94dvh;padding:16px;border:1px solid #aaa;border-radius:14px;background:var(--surface,#fff);color:var(--text,#222)}
.d32-viewer[open]{display:flex;flex-direction:column;gap:10px}.d32-viewer::backdrop{background:#0009}.d32-viewer header{display:flex;gap:12px;align-items:center;justify-content:space-between}.d32-viewer h2{font-size:18px;margin:0;overflow-wrap:anywhere}.d32-viewer button{min-height:44px;flex-shrink:0}.d32-viewer p{font-size:13px;margin:0}.d32-viewer iframe{flex:1;width:100%;min-height:200px;border:0;background:white}.d32-preview{min-height:40px}.w13-file{flex-wrap:wrap}
@media(max-width:600px){.d32-viewer{padding:12px;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;box-sizing:border-box}.d32-viewer h2{font-size:16px}}

.d91-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.d91-controls label{display:flex;align-items:center;gap:8px}.d91-controls select{min-height:44px;font-size:16px}.d91-pages{flex:1;min-height:160px;overflow:auto;background:#dfe2e8;padding:12px}.d91-pages img{display:block;width:100%;max-width:none;height:auto;background:white}.d91-pages img[hidden]{display:none}.d32-viewer header{flex-wrap:wrap}.d32-viewer h2{flex:1;min-width:160px}.d32-viewer [hidden]{display:none!important}
/* Shared viewer polish; no global CRM styling changes. */
:root body .d32-viewer{color:var(--ink,#242429);border:0;border-radius:18px;box-shadow:0 0 0 1px #80808040,0 18px 60px #0005;font-family:var(--u365-font,system-ui,sans-serif);-webkit-font-smoothing:antialiased;padding:18px}
:root body .d32-viewer h2{text-wrap:balance;font-size:18px!important}
:root body .d32-viewer :is(button,select,a,summary){min-height:44px}
:root body .d32-viewer :is(button,a,select,summary):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
:root body .d32-viewer button{transition:background-color 120ms ease-out,transform 120ms ease-out}
:root body .d32-viewer button:active:not(:disabled){transform:translateY(1px)}
:root body .d32-viewer button:disabled{opacity:.5;cursor:not-allowed}
:root body .d32-viewer>a{display:inline-flex;align-items:center;align-self:flex-start}
:root body .d372-file-choice{display:flex;gap:10px;align-items:center;min-width:0}
:root body .d372-file-choice select{min-width:0;max-width:100%;flex:1;font-size:16px}
:root body .d91-controls [data-page],:root body .d372-progress{font-variant-numeric:tabular-nums}
:root body .d91-pages{border-radius:10px;position:relative}
:root body .d91-pages img{outline:1px solid #0002;outline-offset:-1px}
:root body .d372-text{max-height:25dvh;overflow:auto;flex:none}
:root body .d372-text summary{display:flex;align-items:center;cursor:pointer}
:root body .d372-text p{white-space:pre-wrap;overflow-wrap:anywhere;padding:10px;background:var(--surface2);font-size:14px;line-height:1.5}
:root body .d372-warning{padding:10px;background:var(--surface2);border-left:3px solid var(--accent);text-wrap:pretty}
:root body .d372-progress{font-size:12px;color:var(--muted);text-wrap:pretty}
@media(max-width:600px){:root body .d32-viewer{border-radius:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom));margin:0}:root body .d91-controls{gap:6px}:root body .d91-controls label{flex:1}:root body .d91-pages{padding:6px}}
@media(prefers-reduced-motion:reduce){:root body .d32-viewer *{transition:none!important;animation:none!important}:root body .d32-viewer button:active{transform:none}}
:root body .d32-viewer>a{color:#8c3659}
:root[data-theme=dark] body .d32-viewer>a{color:#efacc5}
@media(hover:hover){:root body .d32-viewer button:hover:not(:disabled){background:var(--surface2)}}
@media(max-width:600px){:root body .d91-controls label{flex:1 1 100%;justify-content:space-between}:root body .d91-controls select{min-width:150px}}

/* RM reading: existing viewer, explicit confirmation and accessible compact controls. */
.r373-panel .r373-body{max-height:240px;overflow:auto;padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:12px;margin:12px 0}
.r373-panel [data-document-group] p{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.r373-panel [data-document-group] button{white-space:normal;overflow-wrap:anywhere;text-align:left;max-width:100%;min-height:44px}
.r373-panel select{max-width:100%;width:100%;min-height:44px}
.r373-panel .r373-check{display:flex;align-items:flex-start;gap:10px;margin:16px 0}
.r373-panel input[type=checkbox]{width:22px;height:22px;flex:none;margin-top:2px}
.r373-mark{border-inline-start:3px solid var(--accent);overflow-wrap:anywhere}
.r373-mark small{display:block}
#w35-action[hidden]{display:none!important}
@media print{.r373-panel{display:none}.r373-mark{break-inside:avoid}}
