.pid-workspace{display:grid;gap:1.2rem}.pid-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.pid-header h1,.pid-card h2{margin-top:0}.pid-header p{max-width:70ch;color:#536b73;line-height:1.6}.pid-actions{display:flex;gap:.65rem;flex-wrap:wrap}.pid-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.pid-card{display:flex;flex-direction:column;gap:.75rem;padding:1.4rem;border:1px solid #d7e4e6;border-radius:18px;background:#fff;min-width:0}.pid-card p{margin:0;line-height:1.55}.pid-card>button{margin-top:auto}.pid-card dl{display:grid;gap:.65rem}.pid-card dl>div{display:flex;justify-content:space-between;gap:.75rem}.pid-card dd{margin:0;font-weight:600}.pid-status{font-weight:600}.pid-notice{background:#fff8e5;border:1px solid #ecd58b;border-radius:12px;padding:1rem;line-height:1.6}.pid-dialog{padding:0;border:1px solid #d4e2e5;border-radius:20px;width:min(850px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:hidden;color:#193f4b}.pid-dialog::backdrop{background:#102e42aa}.pid-dialog-frame{display:flex;flex-direction:column;max-height:calc(100dvh - 44px)}.pid-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.3rem;border-bottom:1px solid #d4e2e5}.pid-dialog header h2{margin:0 0 .5rem}.pid-dialog header p{margin:0;line-height:1.5;color:#536b73}.pid-dialog-body{overflow:auto;scrollbar-gutter:stable;padding:1.3rem}.pid-dialog fieldset{border:0;margin:0;padding:0;min-width:0}.pid-check{display:flex;align-items:center;gap:.7rem;margin-bottom:1.2rem}.pid-check input{width:20px;height:20px}.pid-callback{overflow-wrap:anywhere;background:#eff5f5;padding:.7rem;border-radius:8px;margin:.6rem 0}.pid-steps{padding-left:1.2rem;line-height:1.6}.pid-steps li+li{margin-top:1rem}.pid-dialog textarea{width:100%;box-sizing:border-box}.pid-dialog .form-grid{gap:1rem}.pid-dialog .field{min-width:0}.pid-dialog .field input{box-sizing:border-box;max-width:100%}@media(max-width:900px){.pid-grid{grid-template-columns:1fr}.pid-header{flex-direction:column}}@media(max-width:550px){.pid-dialog header{flex-direction:column}.pid-dialog-body{padding:1rem}.pid-dialog .form-grid{grid-template-columns:1fr}.pid-card dl>div{flex-direction:column;gap:.2rem}.pid-dialog .button{min-height:44px}}

.pid-dialog header{position:relative;padding-right:4.8rem}.pid-dialog .pid-close{position:absolute;top:1rem;right:1rem;min-width:44px;width:44px;min-height:44px;height:44px;padding:0;display:flex;align-items:center;justify-content:center;font-size:1.7rem;line-height:1}