.supervision-access{margin-top:20px}.supervision-list{display:grid;gap:20px;margin:20px 0}.supervision-task h2{font-size:21px;line-height:1.3;margin:16px 0 8px}.report-steps{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0;color:#32586f;font-weight:700}.report-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.report-gallery figure{margin:0;border:1px solid #dce7ee;border-radius:12px;overflow:hidden;background:#f7fafc}.report-gallery img{width:100%;height:180px;object-fit:contain;background:#edf3f8;display:block}.report-gallery figcaption{padding:12px;font-size:13px}.report-gallery figcaption small{display:block;color:#637784}.report-form{margin:20px 0}.supervision-task summary,details.card>summary{cursor:pointer;font-weight:750;padding:8px 0}.issue-check{display:block;margin:16px 0}.problem-label{color:#9b3328}.supervision-task form>.btn{margin-top:14px}@media(max-width:700px){.report-gallery{grid-template-columns:1fr}.report-gallery img{height:230px}}

.screen-back{display:inline-flex;align-items:center;min-height:46px;color:#0869ac;font-weight:750;text-decoration:none;margin-bottom:14px}.role-entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0}.role-entry{display:block;text-decoration:none;color:#123049;background:#fff;border:1px solid #d8e4ec;border-radius:18px;padding:28px;box-shadow:0 5px 18px #12304909}.role-entry h2{font-size:24px;margin:14px 0}.role-entry p{color:#536d80}.role-entry strong,.task-entry>strong{display:block;color:#0876ce;margin-top:18px}.role-symbol{display:inline-grid;place-items:center;background:#e7f4ff;color:#0876ce;font-size:30px;width:54px;height:54px;border-radius:14px}.role-entry:focus-visible,.task-entry:focus-visible,.screen-back:focus-visible{outline:3px solid #0876ce;outline-offset:4px}.task-entry{display:block;text-decoration:none;color:#123049}.task-entry h2{font-size:20px}.role-entry:hover{border-color:#0876ce}@media(max-width:700px){.role-entry-grid{grid-template-columns:1fr}.role-entry{padding:22px}}

button.screen-back{border:0;background:transparent;cursor:pointer;padding:0}.screen-panel{background:white;border:1px solid #d8e4ec;border-radius:16px;padding:20px}.screen-enter{animation:enterScreen .16s ease-out}@keyframes enterScreen{from{opacity:.65;transform:translateY(5px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.screen-enter{animation:none}}

.form-entry{display:block;background:#edf6fd;border:1px solid #cbdfea;border-radius:12px;padding:16px;margin:12px 0;text-decoration:none;color:#075e9b;font-weight:750;min-height:48px}