
/* DEV NRDATA2022: compact Clarion-type protocol register and two seal documents. */
.pr-register-open{min-height:32px;padding:6px 12px;border:1px solid #b9d6e5;border-radius:6px;background:#eaf6fc;color:#135a80;font-size:12px;font-weight:700;cursor:pointer}
#gns-plomb-register-dev{position:fixed;inset:0;z-index:4500;display:flex;align-items:center;justify-content:center;padding:15px;color:#29485b}
.pr-shade{position:absolute;inset:0;background:#112d409e;backdrop-filter:blur(2px)}
.pr-dialog{position:relative;display:flex;flex-direction:column;overflow:hidden;background:white;border:1px solid #bed9e8;border-radius:10px;width:min(1430px,98vw);max-height:95dvh;box-shadow:0 24px 74px #0c23386b}
.pr-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#e9f5fa;padding:12px 16px;border-bottom:1px solid #d3e6ee}
.pr-dialog>header div{display:flex;flex-direction:column;gap:4px}.pr-dialog>header strong{font-size:17px;color:#175a80}.pr-dialog>header small{font-size:11px;color:#648297}
#gns-plomb-register-dev button{padding:6px 10px;min-height:30px;font-size:12px;border-radius:5px;border:1px solid #c6d9e3;background:#f8fcfe;color:#235e7d;font-weight:650;cursor:pointer}
#gns-plomb-register-dev button.primary{background:#137bac;color:white;border-color:#137bac}
#gns-plomb-register-dev button:hover{filter:brightness(.96)}
#gns-plomb-register-dev button:disabled{cursor:wait;opacity:.55}
#gns-plomb-register-dev button.pr-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex:0 0 36px;font-size:17px}
.pr-alert[hidden]{display:none}.pr-alert{padding:9px 15px;background:#fff3ed;color:#aa3927;font-size:12px;border-bottom:1px solid #f2d8cc}
.pr-tools{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;align-items:end;background:#f8fbfd;padding:10px 14px;border-bottom:1px solid #e0eaf0}
.pr-tools label{display:flex;flex-direction:column;gap:4px;font-size:11px;color:#668091;font-weight:650}
.pr-tools input{height:34px;width:100%;min-width:0;border:1px solid #bcd2de;border-radius:6px;padding:5px 9px;color:#274858;background:white;font-size:12px}
.pr-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px;padding:9px 14px;border-bottom:1px solid #e1eaf0;background:#f8fafc}
.pr-actions span{font-size:12px;color:#56788a;font-weight:750;margin-right:8px}
.pr-content{padding:9px 14px 12px;overflow-y:auto;overscroll-behavior:contain;min-height:150px}
.pr-table-wrap{overflow:auto;border:1px solid #d4e1e8;border-radius:5px;max-height:42dvh}
.pr-table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}
.pr-table th{position:sticky;top:0;background:#eff5f9;color:#426477;padding:7px 9px;text-align:left;font-weight:750;border-bottom:1px solid #cbdde6;z-index:1}
.pr-table td{padding:6px 9px;border-bottom:1px solid #e5edf1}
.pr-table td small{display:block;color:#8094a0;font-size:10px}
.pr-table tbody tr:nth-child(2n){background:#f9fcfd}.pr-table tbody tr:hover{background:#e9f5fb}
.pr-table td strong{color:#135e85}
.pr-table td:last-child{white-space:nowrap}.pr-table td:last-child button{margin-right:5px}
.pr-detail{margin-top:11px;border:1px solid #d5e5ed;border-radius:7px;overflow:hidden}
.pr-detail>header{display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:#eaf5fa;padding:9px 11px}
.pr-detail>header>div{flex:1;min-width:170px;color:#1c5778;font-size:12px}
.pr-detail>header>div strong{font-size:15px}.pr-detail>header small{font-size:11px;color:#527b91;display:block;margin-top:3px}
.pr-side{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:10px}
.pr-side>div{min-width:0;overflow:auto;border:1px solid #e1eaf0;border-radius:6px;max-height:230px}
.pr-side h4{position:sticky;top:0;margin:0;padding:8px;color:#226184;background:#edf7fb;font-size:12px}
.pr-dialog>footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:9px 14px;border-top:1px solid #dce9ef}
.pr-dialog>footer small{margin-right:auto;font-size:11px;color:#748d9e}
@media(max-width:850px){.pr-tools{grid-template-columns:1fr 1fr}.pr-tools label:first-child{grid-column:span 2}.pr-side{grid-template-columns:1fr}}
@media(max-width:480px){#gns-plomb-register-dev{padding:4px}.pr-dialog{max-height:99dvh}.pr-actions button{flex:1}.pr-content{padding:6px}.pr-dialog>header{padding:9px}}
