@import url('/fabric-samples/style.css');
#status{position:static}
.check{display:flex;flex-direction:row;align-items:center;gap:12px;min-height:46px;padding:5px 0}
.check input{width:22px;height:22px;min-height:22px;flex:none}
fieldset{border:1px solid #c8d6e3;border-radius:12px;padding:16px 20px;margin:16px 0}
legend{padding:0 8px;color:#405b72}
#grant-fields>label{margin-bottom:16px}
.material-code,#target,#source,#link-summary{overflow-wrap:anywhere}
#link-form{margin-top:20px}
header #security{margin-left:auto}
#training-filter{display:flex;align-items:center;gap:10px;margin:0}
.training-details{display:grid;gap:8px;margin:16px 0 22px;padding:16px;border:1px solid #d5e0e8;border-radius:12px;background:#f7fafc}
.training-details p{margin:0;overflow-wrap:anywhere}
#archive-review-dialog{width:min(620px,calc(100vw - 32px));max-height:min(90vh,900px);overflow:auto}
#archive-review-dialog h3{margin:22px 0 10px}
#archive-review-dialog form{display:grid;gap:12px;margin-top:18px}
#archive-review-dialog form[hidden]{display:none}
#archive-review-dialog>p{overflow-wrap:anywhere}
.account-shortcuts,.account-shortcuts>span{display:flex;flex-wrap:wrap;gap:8px}
.account-shortcuts{margin-top:16px}
.account-shortcuts a{display:inline-flex;align-items:center;min-height:40px;padding:8px 12px;border:1px solid #dce5ec;border-radius:10px;background:#fff;text-decoration:none;color:#315d83;line-height:1.4}
.account-shortcuts a:hover{background:#eef5fb;border-color:#6d9bc0}
.records .actions{gap:10px}
.records .actions button{min-height:40px}
@media(max-width:580px){#training-filter{flex:1 1 100%}#training-filter select{min-width:0;flex:1}.records .actions button{flex:1 1 130px}header #security{margin-left:0}}