/* Scoped dialog styles keep legacy subject rules out of shared settings. */
html.ilmdosh-shared-settings .stil-fab,html.ilmdosh-shared-settings .stil-pop,html.ilmdosh-shared-settings .stil-nav{display:none!important}
html.calm *,html.calm *::before,html.calm *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html.ilmdosh-shared-settings[data-stil=qogoz]{filter:sepia(.38) saturate(.92) hue-rotate(-6deg) brightness(.99)}
html.ilmdosh-shared-settings[data-stil=qorongi]{filter:invert(.93) hue-rotate(180deg) contrast(.92)}
html.ilmdosh-shared-settings[data-stil=qorongi] :is(img,svg image,video,canvas,picture,.subject-icon,.gnum,[style*="background-image"],.is-swatch){filter:invert(1) hue-rotate(180deg)!important}
html.ilmdosh-shared-settings[data-stil=kontrast]{filter:contrast(1.3) saturate(1.1)}
html.ilmdosh-shared-settings[data-stil=kontrast] :is(.card,.course,.subject-card,.gcard,.lesson-card,.toc-card,.tile){border-color:#101828!important;border-width:2px!important}
html body #ilmdosh-settings{box-sizing:border-box!important;position:fixed!important;inset:0!important;width:min(460px,calc(100vw - 24px))!important;max-width:none!important;max-height:calc(100vh - 32px)!important;max-height:calc(100dvh - 32px)!important;margin:auto!important;padding:0!important;overflow:auto!important;overscroll-behavior:contain!important;border:1px solid #8ca3ae!important;border-radius:22px!important;background:#fff!important;color:#203b4c!important;box-shadow:0 24px 80px #102b4050!important;font:15px/1.5 system-ui,sans-serif!important;text-align:left!important;letter-spacing:normal!important;z-index:1000!important}
#ilmdosh-settings:not([open]){display:none!important}
#ilmdosh-settings::backdrop{background:#142d4266!important;backdrop-filter:blur(3px)!important}
#ilmdosh-settings,#ilmdosh-settings *{box-sizing:border-box!important}
html body #ilmdosh-settings :is(h2,legend,p,strong,small,span,output){background:none!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important;letter-spacing:normal!important;color:inherit!important}
#ilmdosh-settings :is(button,h2,legend,label)::before,#ilmdosh-settings :is(button,h2,legend,label)::after{display:none!important;content:none!important}
#ilmdosh-settings .is-head{position:sticky!important;inset:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:14px 20px!important;margin:0!important;background:#fff!important;border:0!important;border-bottom:1px solid #dce5ea!important;box-shadow:none!important;z-index:2!important}
html body #ilmdosh-settings h2{font:800 22px/1.3 system-ui,sans-serif!important;margin:0!important;padding:0!important;display:block!important}
html body #ilmdosh-settings button{appearance:none!important;display:inline-grid!important;place-items:center!important;min-height:44px!important;min-width:44px!important;margin:0!important;padding:9px 14px!important;border:1px solid #8ca3ae!important;border-radius:12px!important;background:#fff!important;color:#196c68!important;font:700 16px/1.4 system-ui,sans-serif!important;cursor:pointer!important;box-shadow:none!important;transform:none!important;-webkit-text-fill-color:currentColor!important;animation:none!important}
#ilmdosh-settings button:hover:not(:disabled){background:#edf5f3!important;border-color:#196c68!important}
html body #ilmdosh-settings [data-close]{width:44px!important;height:44px!important;padding:0!important;font-size:26px!important;color:#526775!important}
#ilmdosh-settings button:disabled{opacity:.4!important;cursor:default!important}
#ilmdosh-settings :focus-visible{outline:3px solid #196c68!important;outline-offset:3px!important}
#ilmdosh-settings .is-body{padding:18px 20px 20px!important}
html body #ilmdosh-settings p{margin:0!important;color:#526775!important;font:14px/1.55 system-ui,sans-serif!important}
#ilmdosh-settings fieldset{display:block!important;min-width:0!important;margin:22px 0!important;padding:0!important;border:0!important;background:none!important}
html body #ilmdosh-settings legend{float:none!important;display:block!important;width:100%!important;padding:0!important;margin:0 0 10px!important;font:750 16px/1.4 system-ui,sans-serif!important}
#ilmdosh-settings .is-styles{display:grid!important;gap:8px!important}
#ilmdosh-settings .is-style{display:grid!important;grid-template-columns:20px 42px 1fr!important;align-items:center!important;gap:12px!important;min-height:60px!important;padding:9px 12px!important;margin:0!important;border:1px solid #c4d1d7!important;border-radius:13px!important;background:#fff!important;cursor:pointer!important}
#ilmdosh-settings .is-style:has(input:checked){border:2px solid #196c68!important;padding:8px 11px!important;background:#edf5f3!important}
#ilmdosh-settings input{appearance:auto!important;accent-color:#196c68!important;width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;padding:0!important;margin:0!important;position:static!important;opacity:1!important;box-shadow:none!important;transform:none!important;cursor:pointer!important}
#ilmdosh-settings .is-swatch{display:flex!important;width:42px!important;height:32px!important;overflow:hidden!important;border:1px solid #203b4c33!important;border-radius:8px!important}
#ilmdosh-settings .is-swatch i{flex:1!important;display:block!important}
html body #ilmdosh-settings strong{display:block!important;font:700 15px/1.4 system-ui,sans-serif!important}
html body #ilmdosh-settings small{display:block!important;color:#526775!important;font:13px/1.45 system-ui,sans-serif!important;margin:2px 0 0!important}
#ilmdosh-settings .is-size{display:flex!important;align-items:center!important;gap:12px!important;padding:10px!important;border:1px solid #c4d1d7!important;border-radius:14px!important;background:#f4f8f7!important}
html body #ilmdosh-settings output{flex:1!important;padding:0!important;margin:0!important;font:700 16px/1.5 system-ui,sans-serif!important;text-align:center!important;border:0!important;box-shadow:none!important}
#ilmdosh-settings .is-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:13px 0!important;margin:0!important;border-bottom:1px solid #e1e8eb!important;cursor:pointer!important}
#ilmdosh-settings .is-row:last-child{border:0!important}
html body #ilmdosh-settings .is-reset{width:100%!important;font-size:14px!important}
html body #ilmdosh-settings .is-note{margin-top:10px!important;font-size:12px!important;text-align:center!important}
.ilmdosh-settings-launcher{display:inline-grid;place-items:center;width:46px;height:46px;border:1px solid #8ca3ae;border-radius:12px;background:#fff;color:#196c68;cursor:pointer}
.ilmdosh-settings-launcher svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
@media(max-width:480px){#ilmdosh-settings .is-head{padding:12px 16px!important}#ilmdosh-settings .is-body{padding:14px 16px 18px!important}}
@media print{#ilmdosh-settings,.ilmdosh-settings-launcher{display:none!important}}

/* Match across native scrollbar themes as well as portal pages. */
#ilmdosh-settings{scrollbar-width:thin!important;scrollbar-color:#8ca3ae transparent!important}
#ilmdosh-settings::-webkit-scrollbar{width:6px!important;height:6px!important;background:transparent!important}
#ilmdosh-settings::-webkit-scrollbar-track{background:transparent!important}
#ilmdosh-settings::-webkit-scrollbar-thumb{background:#8ca3ae!important;border:0!important;border-radius:8px!important}

/* Also covers launchers created later by a lesson or client-side route change. */
html.ilmdosh-shared-settings[data-notes-visible="false"] :is(.notes-launcher,#notesButton){display:none!important}
html body #ilmdosh-settings #ilmdosh-pen-preferences[hidden]{display:none!important}
html body #ilmdosh-settings #ilmdosh-pen-preferences{padding:12px 0;border-bottom:1px solid #dae4e4}
html body #ilmdosh-settings #ilmdosh-pen-preferences summary{min-height:44px;display:list-item;align-content:center;cursor:pointer;font-weight:800;color:#196c68}
html body #ilmdosh-settings #ilmdosh-pen-settings-controls input[type=color]{width:48px!important;height:44px!important;min-width:48px!important;min-height:44px!important;padding:3px!important;border:1px solid #8ca3ae!important;border-radius:10px!important}
html body #ilmdosh-settings #ilmdosh-pen-settings-controls button{font-size:14px!important;padding:8px 10px!important}
html body #ilmdosh-settings #ilmdosh-pen-settings-controls button[aria-pressed=true]{background:#e0f4e9!important;border-color:#197457!important;box-shadow:inset 0 -2px #197457!important}
html body #ilmdosh-settings #ilmdosh-pen-settings-controls .writing-start{width:100%!important;background:#196c68!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html body #ilmdosh-settings #ilmdosh-pen-settings-controls .writing-status{margin-top:8px!important;font-size:12px!important}