/* معاينة قراءة فقط؛ الألوان والخط من هوية مساحة العمل الحالية. */
#cp-dialog{box-sizing:border-box;width:min(520px,calc(100vw - 32px));max-width:calc(100vw - 24px);max-height:calc(100svh - 24px);padding:0;border:1px solid #cdd7df;border-radius:14px;background:white;color:#182b3d;font:inherit;font-size:16px;line-height:1.5;overflow:hidden}
#cp-dialog[open]{display:flex;flex-direction:column}
#cp-dialog::backdrop{background:#10243d88}
#cp-dialog .cp-heading{display:flex;align-items:flex-start;gap:12px;padding:16px;border-bottom:1px solid #dce3e8;flex-shrink:0}
#cp-dialog h2{font-size:22px;line-height:1.4;margin:0;flex:1;min-width:0;color:var(--secondary,#12313b);overflow-wrap:anywhere}
#cp-dialog .cp-scroll{padding:16px;overflow:auto;overscroll-behavior:contain;min-height:0}
#cp-dialog #cp-state{margin:0 0 14px;color:#354c5c;overflow-wrap:anywhere}
#cp-dialog dl{display:grid;grid-template-columns:minmax(90px,auto) minmax(0,1fr);gap:12px 16px;margin:0 0 16px}
#cp-dialog dt{font-size:14px;font-weight:600;color:#354c5c}
#cp-dialog dd{margin:0;min-width:0;overflow-wrap:anywhere}
#cp-dialog bdi{unicode-bidi:isolate;font-variant-numeric:tabular-nums}
#cp-dialog .cp-actions{display:flex;flex-wrap:wrap;gap:10px}
#cp-dialog button{min-width:44px;min-height:44px;padding:8px 12px;font-size:14px;line-height:1.5;white-space:normal;max-width:100%}
#cp-dialog :focus-visible{outline:3px solid #a74400;outline-offset:3px}
@media(min-width:1000px){#cp-dialog{margin-inline-end:24px}}
@media(max-width:600px){#cp-dialog{width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100svh - 16px);border-radius:10px}#cp-dialog dl{grid-template-columns:minmax(0,1fr);gap:5px}#cp-dialog dt:not(:first-child){margin-top:10px}}

#cp-dialog [hidden]{display:none!important}