.notification-button{position:relative;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #dce5df;border-radius:50%;background:#f1f5f2;color:var(--forest)}.notification-button:hover,.notification-button[aria-expanded="true"]{background:#dfece4;border-color:#afc8b7}.notification-button svg{width:20px;height:20px}.notification-badge{position:absolute;top:-4px;right:-5px;display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border:2px solid #fff;border-radius:99px;background:#b84c42;color:#fff;font:700 8px/1 var(--font-text)}.notification-panel{position:fixed;z-index:80;top:70px;right:4.5%;width:min(430px,calc(100vw - 28px));max-height:calc(100vh - 90px);overflow:auto;border:1px solid #dfe7e1;border-radius:12px;background:#fff;box-shadow:0 18px 55px rgba(12,52,36,.18)}.notification-panel[hidden]{display:none}.notification-head{position:sticky;top:0;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;padding:19px 20px 16px;border-bottom:1px solid #e8eeea;background:#fff}.notification-head h2{margin:5px 0 0;color:var(--forest);font:700 20px/1.2 var(--font-heading)}.notification-head button{padding:0;border:0;background:transparent;color:#607367;font-size:24px}.notification-list{padding:8px}.notification-item{margin-bottom:8px;padding:15px;border:1px solid #dce8df;border-left:3px solid #337853;border-radius:8px;background:#f8fbf8}.notification-item.is-read{border-left-color:#c7d3cb;background:#fff}.notification-item-top,.notification-item-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.notification-item-top>span:first-child{color:#173e2d;font-size:11px;font-weight:800}.notification-state{padding:4px 7px;border-radius:99px;background:#dceee3;color:#256443;font-size:8px;font-weight:800;text-transform:uppercase}.notification-item.is-read .notification-state{background:#eef1ef;color:#77847d}.notification-item>p{margin:12px 0;color:#294737;font-size:12px;line-height:1.65}.notification-item dl{display:grid;gap:5px;margin:0}.notification-item dl div{display:grid;grid-template-columns:74px minmax(0,1fr);gap:8px;font-size:9px}.notification-item dt{color:#819087;text-transform:uppercase}.notification-item dd{margin:0;color:#425c4c;overflow-wrap:anywhere}.notification-item blockquote{margin:11px 0 0;padding:9px 11px;border-left:2px solid #a6c9b3;background:#fff;color:#617368;font-size:9px;line-height:1.5}.notification-item-foot{margin-top:12px}.notification-item time{color:#85918a;font-size:8px}.notification-item-foot button{padding:5px 7px;border:0;background:transparent;color:#326f50;font-size:9px}.notification-empty{padding:38px 20px;text-align:center;color:#7d8a83;font-size:11px}
.field-question-control{display:flex;align-items:stretch;gap:7px;width:100%;min-width:0}.field-question-control>input,.field-question-control>.studio-select,.field-question-control>select{flex:1;min-width:0}.field-comment-button{display:grid;place-items:center;flex:0 0 40px;width:40px;min-height:40px;padding:0;border:1px solid #cddbd1;border-radius:8px;background:#f4f8f5;color:#174a34}.field-comment-button:hover,.field-comment-button:focus-visible,.field-comment-button.has-comment{border-color:#7da78d;background:#e5f0e9;color:#0d452e}.field-comment-button svg{width:20px;height:20px}.field-comment-button.has-comment:after{content:'';position:absolute;width:6px;height:6px;margin:-21px -23px 0 0;border:1.5px solid #fff;border-radius:50%;background:#337853}.field-comment-button{position:relative}.field-comment-button.is-standalone{float:right;min-height:32px;width:32px;flex-basis:32px;margin:-3px -3px 6px 7px}.field-comment-button.is-standalone svg{width:17px;height:17px}.bank-work-control .field-question-control>input{width:100%;min-height:44px}.bank-work-control .field-question-control .studio-select{width:auto;flex:1}.response .field-question-control input,.response .field-question-control select{width:auto;flex:1}
.field-comment-dialog{width:min(560px,calc(100vw - 28px));padding:0;border:0;border-radius:13px;background:transparent;box-shadow:0 24px 80px rgba(10,46,31,.28)}.field-comment-dialog::backdrop{background:rgba(14,37,27,.35);backdrop-filter:blur(2px)}.field-comment-card{padding:25px;background:#fff}.field-comment-head{display:flex;align-items:flex-start;gap:14px}.field-comment-symbol{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:10px;background:#e6f0e9;color:var(--forest)}.field-comment-symbol svg{width:22px}.field-comment-head h2{margin:0 0 5px;color:var(--forest);font:700 22px/1.25 var(--font-heading)}.field-comment-head p{margin:0;color:#74827a;font-size:10px;line-height:1.5}.field-comment-close{margin-left:auto;padding:0;border:0;background:transparent;color:#617268;font-size:25px}.field-comment-context{display:flex;flex-wrap:wrap;gap:6px;margin:20px 0 17px}.field-comment-context span{padding:5px 8px;border-radius:5px;background:#edf3ef;color:#496354;font-size:9px}.field-comment-context p{width:100%;margin:5px 0 0;padding:10px 12px;border-left:2px solid #a7c7b2;background:#fafbf9;color:#576b5f;font-size:10px;line-height:1.55}.field-comment-history{margin-bottom:16px;border:1px solid #e0e7e2;border-radius:8px;overflow:hidden}.field-comment-history h3{margin:0;padding:10px 12px;background:#f3f6f3;color:#526a5b;font-size:9px;text-transform:uppercase;letter-spacing:.06em}.field-comment-history article{padding:10px 12px;border-top:1px solid #e8ede9}.field-comment-history article p{margin:0 0 5px;color:#334e3e;font-size:10px;line-height:1.55}.field-comment-history time{color:#87928c;font-size:8px}.field-comment-label{display:grid;gap:8px;color:#4c6555;font-size:10px;font-weight:700}.field-comment-label textarea{width:100%;resize:vertical;padding:12px;border:1px solid #cfddd3;border-radius:8px;background:#fafbf9;color:#203f30;font:12px/1.6 var(--font-text);outline:none}.field-comment-label textarea:focus{border-color:#6f9d7e;box-shadow:0 0 0 3px #b9dbc440}.field-comment-status{min-height:17px;margin:8px 0 0;color:#397552;font-size:9px}.field-comment-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:13px}.field-comment-actions button{font-size:10px}
body:not([data-account-role="teacher"]) .notification-button{display:none!important}@media(max-width:700px){.notification-panel{top:64px;right:12px}.field-comment-card{padding:20px}.field-comment-head h2{font-size:19px}.bank-work-control{padding-left:0}.bank-work-control .field-question-control{padding-left:42px}.field-comment-button{flex-basis:38px;width:38px}}