/* P50-08 — work on existing P44 records inside the same React project dossier. */
.p50-08{border:1px solid #dce9e8;background:#fff;border-radius:17px;padding:25px;display:flex;flex-direction:column;gap:18px}
.p50-08-description{border-left:3px solid #2b8078;background:#eff8f5;color:#3d6867;border-radius:6px;padding:13px 16px;font-size:12px;line-height:1.65}
.p50-08-loading,.p50-08-error{padding:24px;border:1px solid #e6eaee;border-radius:10px;font-size:13px;color:#567082}
.p50-08-error{background:#fff6f2;color:#8b5338}
.p50-08-error button{display:inline-block;background:#267970;color:white;border:0;border-radius:8px;padding:9px 14px;font-size:12px;cursor:pointer}
.p50-08-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.p50-08-summary span{background:#f6faf9;border:1px solid #e4eeed;border-radius:10px;min-height:72px;padding:13px;font-size:11.5px;color:#64807e;display:flex;flex-direction:column;gap:9px}
.p50-08-summary strong{font-size:21px;color:#275c60;font-weight:800}
.p50-08-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:5px;background:#edf3f4;border-radius:11px}
.p50-08-tabs button{background:transparent;border:0;border-radius:8px;padding:12px 7px;text-align:center;color:#57737b;font-size:11.7px;font-weight:750;cursor:pointer;line-height:1.4}
.p50-08-tabs button[aria-selected="true"]{background:#fff;color:#15756c;box-shadow:0 2px 9px #28494b12}
.p50-08-tabs button:disabled{cursor:wait;opacity:.55}
.p50-08-notice{font-size:12px;line-height:1.6;padding:12px 15px;border-radius:9px;border:1px solid #d5e3e3;background:#f4f8f8;color:#476a73}
.p50-08-notice.error{background:#fff5f1;color:#89553d;border-color:#e3c9bf}
.p50-08-notice.success{background:#eef9f4;color:#2e7160;border-color:#c7e9d8}
.p50-08-last{font-size:11px;color:#778b93;margin:0}
.p50-08-pane{padding:21px 22px 24px;border:1px solid #e8edef;border-radius:12px}
.p50-08-pane-heading h3{font-size:16px;color:#244758;margin:0 0 6px}
.p50-08-pane-heading p{font-size:11px;color:#7f9098;margin:0 0 20px}
.p50-08-form{display:flex;flex-direction:column;gap:15px}
.p50-08-field{display:flex;flex-direction:column;gap:7px;min-width:0}
.p50-08-field>span{font-size:11.5px;font-weight:720;color:#476473;line-height:1.5}
.p50-08-field>input,.p50-08-field>select,.p50-08-field>textarea{background:#fff;border:1px solid #dbe6e9;border-radius:9px;outline:none;min-height:41px;width:100%;padding:10px 12px;color:#213d50;font:inherit;font-size:12px;line-height:1.55}
.p50-08-field>textarea{resize:vertical;min-height:82px}
.p50-08-field>input:focus-visible,.p50-08-field>select:focus-visible,.p50-08-field>textarea:focus-visible{outline:2px solid #64b7a9;outline-offset:1px}
.p50-08-field>select:disabled{color:#89979e;background:#f3f5f6}
.p50-08-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.p50-08-hint{margin:0;color:#718890;line-height:1.65;font-size:11.2px}
.p50-08-empty{background:#f8fafb;padding:18px;border:1px dashed #d3e0e4;border-radius:10px;color:#65808a;font-size:12.2px;line-height:1.65;margin:0}
.p50-08-form button[type=submit]{align-self:flex-start;border:0;cursor:pointer}
.p50-08-form button[type=submit]:disabled{opacity:.55;cursor:wait}
.p50-08-bottom{display:flex;justify-content:space-between;gap:16px;align-items:center}
.p50-08-bottom button{background:white;border:1px solid #a6cdca;padding:9px 12px;border-radius:9px;color:#27776e;font-size:11.7px;font-weight:760;cursor:pointer}
.p50-08-bottom button:disabled{cursor:wait;opacity:.5}
.p50-08-bottom span{color:#84949d;font-size:11px;line-height:1.5}
@media(max-width:1050px){.p50-08-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.p50-08-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:690px){.p50-08{padding:18px 14px}.p50-08-pane{padding:16px}.p50-08-two{grid-template-columns:1fr}.p50-08-bottom{align-items:flex-start;flex-direction:column}.p50-08-summary{gap:7px}.p50-08-summary span{padding:10px}.p50-08-tabs button{font-size:11px;padding:10px 5px}.p50-08-form button[type=submit]{width:100%}}