.cert-filters{display:grid;grid-template-columns:1fr 220px;gap:12px;margin:0 0 16px}.cert-overlay{position:fixed;inset:0;z-index:1000;background:#102a43aa;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));overflow:auto}.cert-window{width:min(100%,1040px);min-height:calc(100dvh - 48px - env(safe-area-inset-top) - env(safe-area-inset-bottom));margin:auto;background:#eef3f7;border-radius:18px;padding:22px;box-shadow:0 20px 60px #0005}.cert-window.small{width:min(100%,640px);min-height:0;margin-top:8vh}.cert-window-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}.cert-window-head h2{margin:8px 0}.window-close{border:0;background:#fff;color:#102a43;width:44px;height:44px;border-radius:50%;font-size:28px;line-height:1}.cert-window-actions{position:sticky;bottom:0;background:#eef3f7;padding:16px 0 4px;display:flex;flex-wrap:wrap;gap:10px;border-top:1px solid #bcccdc}.cert-signature{width:100%;height:150px;background:#fff;border:1px solid #bcccdc;border-radius:10px;touch-action:none}.window-open{overflow:hidden}#saveState{color:#627d98;margin-left:10px}@media(max-width:700px){.cert-overlay{padding:0}.cert-window,.cert-window.small{min-height:100dvh;border-radius:0;padding:calc(14px + env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));margin:0}.cert-window-head{position:sticky;top:calc(-14px - env(safe-area-inset-top));z-index:3;margin:calc(-14px - env(safe-area-inset-top)) -14px 18px;padding:calc(14px + env(safe-area-inset-top)) 14px 12px;background:#eef3f7;border-bottom:1px solid #bcccdc}.window-close{flex:0 0 48px;width:48px;height:48px}.cert-filters{grid-template-columns:1fr}.cert-window-actions .btn{width:100%}}
.signature-actions{display:flex;gap:8px;margin-top:8px}.signature-fullscreen{position:fixed;inset:0;z-index:3000;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:0;background:#eef3f7;padding:0;overscroll-behavior:none}.signature-fullscreen-head{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:center;color:#fff;background:#102a43;padding:calc(10px + env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left));border-bottom:3px solid #f28c28}.signature-top-close{grid-row:1/3;align-self:center;width:48px;height:48px;border:0;border-radius:50%;background:#fff;color:#102a43;font-size:30px;line-height:1;cursor:pointer}.signature-fullscreen-head strong{font-size:20px;color:#fff}.signature-fullscreen-head span{grid-column:2;color:#dce8f2}.signature-fullscreen canvas{display:block;width:calc(100% - 24px);height:calc(100% - 24px);min-height:0;margin:12px;background:#fff;border:2px solid #102a43;border-radius:12px;touch-action:none}.signature-fullscreen-actions{display:flex;justify-content:flex-end;gap:10px;padding:10px max(12px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:#eef3f7;border-top:1px solid #bcccdc}.signature-fullscreen-actions .btn{min-width:120px}@media(max-width:700px){.signature-fullscreen-head span{font-size:12px}.signature-fullscreen-actions .btn{min-width:0;flex:1}.signature-actions{flex-direction:column}.signature-actions .btn{width:100%}}