.recorder-body{margin:0;background:#10233f;color:#172033;font-family:"DM Sans",sans-serif;min-height:100vh}.recorder-shell{display:grid;grid-template-columns:minmax(0,1fr)!important;place-items:center;min-height:100vh;width:100%;padding:24px;box-sizing:border-box}.recorder-card{background:white;width:min(900px,100%);box-sizing:border-box;border-radius:26px;padding:32px;box-shadow:0 30px 70px #06122266;text-align:center;overflow:hidden}.recorder-card>img{width:120px;height:72px;object-fit:contain;background:#10233f;border-radius:12px}.record-button{width:132px;height:132px;border:0;border-radius:50%;background:#3974e7;color:white;font-size:54px;box-shadow:0 0 0 14px #3974e71c;cursor:pointer;margin:26px}.record-button.recording{background:#dc3545;animation:pulse 1.2s infinite}.recorder-draft{text-align:left;margin-top:28px;border-top:1px solid #dce3ec;padding-top:24px;width:100%;box-sizing:border-box}.recorder-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.recorder-grid label{display:grid;gap:6px;font-weight:700;min-width:0}.recorder-grid input,.recorder-grid select,.recorder-grid textarea{border:1px solid #cfd8e5;border-radius:10px;padding:12px;font:inherit;width:100%;min-width:0;box-sizing:border-box}.recorder-grid textarea{min-height:110px}.recorder-grid .wide{grid-column:1/-1}.record-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.record-actions button{padding:12px 18px;border-radius:10px;border:1px solid #cad4e2;background:white;font-weight:700}.record-actions .create-record-task{background:#3974e7;color:#fff;border-color:#3974e7}.record-warnings{color:#9b5b00;margin-top:12px}@keyframes pulse{50%{box-shadow:0 0 0 22px #dc354522}}@media(max-width:700px){.recorder-shell{padding:12px}.recorder-card{padding:24px 18px;border-radius:22px}.recorder-grid{grid-template-columns:1fr}.recorder-grid .wide{grid-column:auto}.record-button{width:118px;height:118px;margin:22px}}
.recorder-result{display:block;padding:16px 18px;border-radius:14px;line-height:1.5}.recorder-result.success{color:#125c36;background:#e8f8ef;border:1px solid #a9dfbf}.recorder-result.error{color:#8a2430;background:#fff0f1;border:1px solid #efb7be}.record-result-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:12px}.record-result-actions a,.record-result-actions button{border:0;border-radius:10px;padding:10px 14px;background:#2f6fed;color:#fff;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}