.course-sync{position:sticky;top:0;z-index:55;display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;padding:10px clamp(21px,3vw,45px);border-bottom:1px solid var(--rule,#d6ccb8);background:var(--paper,#f5f1e7);color:var(--navy,#22313b);font-family:"Segoe UI",Arial,sans-serif;font-size:.76rem;line-height:1.45;box-shadow:0 2px 6px #22313b06}
.course-sync-status{flex:1 1 230px}.course-sync-status:before{content:'';display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#668265}.course-sync[data-state=pending] .course-sync-status:before,.course-sync[data-state=offline] .course-sync-status:before{background:#9e8754}.course-sync[data-state=attention] .course-sync-status:before{background:#ad654b}
.course-sync button{font:inherit;line-height:1.35;color:inherit;background:transparent;border:0;border-bottom:1px solid #a89b80;border-radius:0;padding:5px 0;cursor:pointer;min-height:30px}.course-sync button:hover{border-bottom-color:currentColor}.course-sync button:disabled{cursor:wait;opacity:.6}.course-sync .course-sync-signout{color:var(--muted,#67655e);border-bottom-color:transparent}.course-sync [hidden]{display:none!important}
.course-sync-dialog{width:min(760px,calc(100vw - 28px));max-width:760px;max-height:calc(100dvh - 40px);box-sizing:border-box;overflow:auto;border:1px solid #bcae92;border-radius:8px;background:#faf7ef;color:#22313b;padding:clamp(22px,4vw,36px);box-shadow:0 20px 80px #18232d40;font-family:"Segoe UI",Arial,sans-serif}.course-sync-dialog::backdrop{background:#15212ca6}.course-sync-dialog h2{font-family:Georgia,serif;font-size:2.2rem;line-height:1.15;margin:0 0 15px}.course-sync-intro{font-size:.93rem;line-height:1.6;margin:0 0 22px;max-width:64ch}.course-sync-form>label{display:block;font-size:.85rem;font-weight:600;margin-bottom:8px}.course-sync-form>input{display:block;box-sizing:border-box;width:100%;font:inherit;background:white;border:1px solid #9b927f;border-radius:4px;padding:12px;min-height:46px}.course-sync-error{font-size:.85rem;line-height:1.5;color:#8e3d2c;margin:12px 0;min-height:1.5em}.course-sync-dialog-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:22px}.course-sync-dialog-actions button{font:inherit;font-size:.85rem;line-height:1.4;cursor:pointer;border-radius:4px;padding:11px 16px;min-height:44px}.course-sync-primary{background:#22313b;color:#faf7ef;border:1px solid #22313b}.course-sync-cancel{background:transparent;border:1px solid #aaa18e;color:#22313b}.course-sync-primary:disabled{opacity:.65;cursor:wait}.course-sync-conflict{min-width:0;margin:22px 0 0;padding:15px 0 20px;border:0;border-top:1px solid #cbbfa9}.course-sync-conflict legend{font-size:.8rem;font-weight:600;line-height:1.5;overflow-wrap:anywhere;padding:0 8px 0 0;max-width:100%}.course-sync-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.course-sync-choice{display:block;min-width:0;border:1px solid #c8bea9;border-radius:5px;padding:12px;background:#fffdf8;cursor:pointer}.course-sync-choice:has(input:checked){border-color:#466448;box-shadow:0 0 0 1px #466448;background:#f0f5eb}.course-sync-choice input{accent-color:#395439;margin:0 8px 0 0}.course-sync-choice strong{font-size:.85rem}.course-sync-choice pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:240px;overflow:auto;font: .82rem/1.6 "Segoe UI",Arial,sans-serif;margin:12px 0 0;padding:0;color:#3f4546}.course-sync button:focus-visible,.course-sync-dialog button:focus-visible,.course-sync-dialog input:focus-visible{outline:3px solid #987024;outline-offset:3px}
@media(max-width:900px){.course-sync{top:58px}}@media(max-width:540px){.course-sync{gap:4px 14px;padding-top:8px;padding-bottom:8px}.course-sync-status{flex-basis:100%}.course-sync-choices{grid-template-columns:1fr}.course-sync-dialog h2{font-size:1.9rem}.course-sync-choice pre{max-height:180px}}
@media print{.course-sync,.course-sync-dialog{display:none!important}}