[data-lesson-export-open]{border:1px solid #b9ceca;background:#fff;color:#087e74;padding:8px 12px;border-radius:6px;font:inherit;cursor:pointer;white-space:nowrap}
.topbar-actions:has([data-lesson-export-open]){flex-wrap:wrap}.topbar-actions:has([data-lesson-export-open]) .search{min-width:0;max-width:100%;flex:1 1 160px}
#lesson-export-dialog{box-sizing:border-box;width:min(620px,calc(100% - 24px));max-height:92dvh;margin:auto;padding:20px;background:#fff;color:#24302e;border:1px solid #ccd5d1;border-radius:8px;font:14px/1.5 system-ui,sans-serif;letter-spacing:0;overflow:auto;box-shadow:0 12px 45px #0003}
#lesson-export-dialog::backdrop{background:#0007}
#lesson-export-dialog *{box-sizing:border-box;letter-spacing:0}
#lesson-export-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
#lesson-export-dialog h2{font-size:20px;margin:0}#lesson-export-dialog h3{font-size:14px;margin:0 0 8px}
#lesson-export-dialog button,#lesson-export-dialog select,#lesson-export-dialog input[type=month]{font:inherit;border:1px solid #bac8c2;border-radius:5px;background:#fff;color:inherit;min-height:40px;padding:7px 10px;max-width:100%}
#lesson-export-dialog button{cursor:pointer}#lesson-export-dialog button:disabled{opacity:.5;cursor:default}
#lesson-export-dialog #le-close{font-size:24px;width:40px;padding:0;border:0}
#lesson-export-dialog .le-fields{display:grid;grid-template-columns:1fr 170px;gap:12px}
#lesson-export-dialog .le-fields label,#lesson-export-dialog #le-grants>label{display:grid;gap:5px;min-width:0}
#lesson-export-dialog .le-fields select{width:100%}
#lesson-export-dialog fieldset{border:0;padding:0;margin:15px 0}#lesson-export-dialog legend{margin-bottom:7px}
#lesson-export-dialog .le-segment{display:flex;border:1px solid #bdcbc4;border-radius:5px;overflow:hidden}
#lesson-export-dialog .le-segment label{flex:1;position:relative;text-align:center;cursor:pointer}
#lesson-export-dialog .le-segment input{position:absolute;opacity:0}#lesson-export-dialog .le-segment span{display:block;padding:10px 5px}
#lesson-export-dialog .le-segment input:checked+span{background:#e1f0eb;color:#146747;font-weight:600}
#lesson-export-dialog .le-segment input:focus-visible+span{outline:2px solid #168067;outline-offset:-3px}
#lesson-export-dialog input[type=checkbox],#lesson-export-dialog input[type=radio]{accent-color:#147d64;width:17px;height:17px;flex-shrink:0}
#lesson-export-dialog .le-formats,#lesson-export-dialog .le-grant-actions{display:flex;gap:18px;align-items:center}
#lesson-export-dialog .le-formats label,#lesson-export-dialog #le-teachers label{display:flex;gap:8px;align-items:center;min-height:39px}
#lesson-export-dialog .le-select{border:1px solid #bac8c2;border-radius:5px;margin-top:14px}
#lesson-export-dialog summary{cursor:pointer;padding:10px}
#lesson-export-dialog #le-teachers{max-height:225px;overflow:auto;border-top:1px solid #dce4e0;padding:6px 12px}
#lesson-export-dialog #le-message{min-height:21px;margin:10px 0;color:#276c56}#lesson-export-dialog #le-message.le-error{color:#b02930}
#lesson-export-dialog .le-primary{background:#14795e;color:white;width:100%;border-color:#14795e}
#lesson-export-dialog section{border-top:1px solid #dce4e0;margin-top:20px;padding-top:16px}
#lesson-export-dialog #le-jobs{list-style:none;margin:0;padding:0;max-height:240px;overflow:auto}
#lesson-export-dialog #le-jobs li{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid #e6eae8}
#lesson-export-dialog #le-jobs strong,#lesson-export-dialog #le-jobs small{display:block;overflow-wrap:anywhere}#lesson-export-dialog #le-jobs strong{font-weight:500}#lesson-export-dialog #le-jobs small{color:#65746d;margin-top:4px}
#lesson-export-dialog #le-jobs a{color:#08775b;white-space:nowrap;padding:7px}
#lesson-export-dialog #le-grants{margin-top:16px;border-top:1px solid #dce4e0;padding-top:6px}#lesson-export-dialog #le-grants summary{padding-left:0}#lesson-export-dialog .le-grant-actions{margin-top:10px}
@media(max-width:480px){#lesson-export-dialog{padding:15px}#lesson-export-dialog .le-fields{grid-template-columns:1fr}#lesson-export-dialog .le-fields input{width:100%}}
