
/* Checklist independente: identidade visual da janela Mercado, sem alterar seus estilos. */
#eduqueChecklist.ck-modal{position:fixed;inset:0;margin:auto;padding:0;width:min(850px,calc(100vw - 34px));max-width:none;height:min(90dvh,860px);max-height:calc(100dvh - 34px);border:1px solid rgba(255,255,255,.85);border-radius:29px;color:#091a4c;background:linear-gradient(160deg,#d2ecff 0%,#ecf7ff 45%,#c9e9ff 100%);box-shadow:0 30px 100px #071e4770;overflow:auto;overscroll-behavior:contain;font-family:Inter,Arial,sans-serif;scrollbar-width:thin;scrollbar-color:#aecdf4 transparent}
#eduqueChecklist.ck-modal::backdrop{background:rgba(3,16,48,.35);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%)}
#eduqueChecklist *{box-sizing:border-box}
#eduqueChecklist button,#eduqueChecklist input,#eduqueChecklist select{font-family:inherit}
#eduqueChecklist button{touch-action:manipulation}
#eduqueChecklist .ck-shell{min-height:100%;padding:14px 15px 16px;background:radial-gradient(ellipse at 75% 0%,#ffffffac,transparent 48%)}
#eduqueChecklist .ck-brand{text-align:center;margin:0 38px 10px;color:#071849;line-height:1.14}
#eduqueChecklist .ck-brand b{font:800 22px Manrope,Inter,sans-serif;letter-spacing:-.8px}
#eduqueChecklist .ck-brand b span{color:#0788e5}
#eduqueChecklist .ck-brand small{display:block;font-size:10px;font-weight:700;color:#557094;margin-top:3px}
#eduqueChecklist .ck-close{position:absolute;z-index:4;top:15px;right:16px;width:33px;height:33px;border:1px solid #fff;border-radius:50%;background:#fffffff0;box-shadow:0 5px 18px #186ab029;color:#2362bb;font-size:19px;display:grid;place-items:center}
#eduqueChecklist .ck-hero{display:flex;align-items:center;gap:11px;min-height:99px;margin:2px 2px 9px}
#eduqueChecklist .ck-hero-icon{display:grid;place-items:center;flex:0 0 130px;width:130px;height:133px;overflow:hidden;filter:drop-shadow(0 9px 9px #2861ab24)}
#eduqueChecklist .ck-hero-icon img{width:100%;height:100%;object-fit:contain;object-position:center;border-radius:0;mix-blend-mode:normal}
#eduqueChecklist .ck-hero h1{font:800 32px/1.06 Manrope,Inter,sans-serif;letter-spacing:-1px;margin:0 0 6px;color:#061644}
#eduqueChecklist .ck-hero p{font-size:12px;line-height:1.46;color:#4d6489;margin:0;max-width:610px;font-weight:500}
#eduqueChecklist .ck-search{display:flex;align-items:center;gap:10px;background:#fffffff0;border:1px solid #e9f2fc;border-radius:15px;padding:8px 11px;box-shadow:0 6px 19px #205faf12;margin:0 0 10px}
#eduqueChecklist .ck-search svg{width:19px;height:19px;color:#6082b0;flex:none}
#eduqueChecklist .ck-search input{width:100%;min-width:0;flex:1;background:transparent;border:0;outline:0;font-size:12px;color:#1d355e;padding:5px 0}
#eduqueChecklist .ck-search .ck-search-clear{background:#eff6ff;border:0;border-radius:9px;width:31px;height:31px;display:grid;place-items:center;color:#0b66dd}
#eduqueChecklist .ck-categories{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:10px}
#eduqueChecklist .ck-category{min-width:0;min-height:94px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#fffffff0;border:1px solid #eef4fc;border-radius:17px;box-shadow:0 6px 19px #205faf12;color:#0a194b;font-size:11.5px;font-weight:800;transition:transform .18s,border-color .18s,background .18s}
#eduqueChecklist .ck-category img{display:block;width:67px;height:61px;object-fit:contain;border-radius:11px;mix-blend-mode:multiply}
#eduqueChecklist .ck-category:hover,#eduqueChecklist .ck-category:focus-visible{transform:translateY(-2px);border-color:#6faeff}
#eduqueChecklist .ck-category[aria-pressed="true"]{border:2px solid #1881ed;background:#e5f2ff}
#eduqueChecklist .ck-overview,#eduqueChecklist .ck-card,#eduqueChecklist .ck-bottom{background:#ffffffdf;border:1px solid #fff;border-radius:20px;box-shadow:0 9px 23px #2763a118}
#eduqueChecklist .ck-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 1.1fr;align-items:center;gap:0;padding:10px 8px;margin-bottom:10px}
#eduqueChecklist .ck-stat{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;border-right:1px solid #cfdff0;padding:4px 6px}
#eduqueChecklist .ck-stat-emoji{display:grid;place-items:center;width:35px;height:35px;flex:none;border-radius:50%;font-size:19px;background:#e5f2ff;color:#0b78ee}
#eduqueChecklist .ck-stat-emoji.green{background:#dff9ec;color:#0c9b68}
#eduqueChecklist .ck-stat-emoji.orange{background:#fff1e6;color:#f38e36}
#eduqueChecklist .ck-stat strong{display:block;color:#061744;font:800 23px/1 Manrope,Inter,sans-serif}
#eduqueChecklist .ck-stat small{display:block;color:#667e9f;font-size:9px;margin-top:5px}
#eduqueChecklist .ck-ring{--ck-percent:0;display:grid;place-items:center;justify-self:center;width:82px;height:82px;border-radius:50%;background:conic-gradient(#0478f7 calc(var(--ck-percent)*1%),#daecfc 0);position:relative}
#eduqueChecklist .ck-ring:before{content:"";inset:11px;position:absolute;border-radius:50%;background:#f7fbff}
#eduqueChecklist .ck-ring-inner{text-align:center;position:relative;color:#081b4b}
#eduqueChecklist .ck-ring-inner strong{display:block;font:800 17px Manrope,Inter,sans-serif}
#eduqueChecklist .ck-ring-inner small{font-size:8px}
#eduqueChecklist .ck-list-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 13px 7px}
#eduqueChecklist .ck-list-head h2{font:800 20px Manrope,Inter,sans-serif;letter-spacing:-.7px;margin:0}
#eduqueChecklist .ck-list-controls{display:flex;gap:6px;align-items:center}
#eduqueChecklist .ck-date{display:flex;align-items:center;gap:6px;color:#1561ce;background:#e9f3ff;border:0;border-radius:12px;padding:5px 9px;min-width:0;max-width:185px}
#eduqueChecklist .ck-date svg{height:17px;width:17px;flex:none}
#eduqueChecklist .ck-date input{color:inherit;background:transparent;border:0;min-width:0;width:119px;font-weight:800;font-size:11px;outline:0;cursor:pointer}
#eduqueChecklist .ck-dots{height:31px;width:31px;background:#eff6ff;border:0;border-radius:10px;display:grid;place-items:center;color:#0a6ded;font-size:23px;font-weight:900}
#eduqueChecklist .ck-menu-box{position:relative}
#eduqueChecklist .ck-menu{position:absolute;right:0;top:40px;z-index:5;min-width:190px;border:1px solid #d4e4fb;background:#fff;padding:6px;border-radius:12px;box-shadow:0 10px 30px #0c32713b}
#eduqueChecklist .ck-menu[hidden]{display:none}
#eduqueChecklist .ck-menu button{width:100%;padding:10px 11px;text-align:left;border:0;background:transparent;font-size:12px;border-radius:8px;color:#18305f}
#eduqueChecklist .ck-menu button:hover{background:#edf5ff}
#eduqueChecklist .ck-task-list{display:grid;gap:4px;padding:0 9px 11px}
#eduqueChecklist .ck-task{display:grid;grid-template-columns:25px 42px minmax(0,1fr) auto 22px;align-items:center;gap:8px;min-height:51px;padding:5px 8px;background:#fff;border:1px solid #e1eaf6;border-radius:13px;box-shadow:0 2px 6px #0a36680a}
#eduqueChecklist .ck-task-check{border:2px solid #a0b7d5;background:white;color:#fff;width:23px;height:23px;border-radius:6px;font-weight:900;font-size:17px;line-height:1;display:grid;place-items:center;padding:0}
#eduqueChecklist .ck-task-check[aria-pressed="true"]{border-color:#0877ee;background:#0877ee}
#eduqueChecklist .ck-task-icon{font-size:30px;text-align:center;filter:drop-shadow(0 3px 4px #1b498c28)}
#eduqueChecklist .ck-task-icon img{display:block;width:40px;height:40px;object-fit:contain;border-radius:9px;mix-blend-mode:multiply}
#eduqueChecklist .ck-task-title{border:0;background:transparent;text-align:left;min-width:0;padding:3px 0;color:#101e4b;line-height:1.35}
#eduqueChecklist .ck-task-title b{font-size:11.5px;display:block;overflow-wrap:anywhere}
#eduqueChecklist .ck-task-title small{font-size:9.5px;display:block;color:#67809f;margin-top:2px}
#eduqueChecklist .ck-task-title:hover b{text-decoration:underline}
#eduqueChecklist .ck-status{min-width:84px;text-align:center;border-radius:24px;padding:7px 8px;background:#e6f1ff;color:#136cce;font-size:10px;font-weight:800;white-space:nowrap}
#eduqueChecklist .ck-status.is-done{background:#dff7ec;color:#098654}
#eduqueChecklist .ck-status.is-later{background:#ffefe4;color:#ce7135}
#eduqueChecklist .ck-task-delete{height:23px;width:23px;display:grid;place-items:center;background:transparent;border:0;color:#a4b4cc;padding:0}
#eduqueChecklist .ck-task-delete svg{width:17px;height:17px}
#eduqueChecklist .ck-task-delete:hover{color:#cf4661}
#eduqueChecklist .ck-empty{text-align:center;padding:28px 12px;color:#58729b;font-size:12px}
#eduqueChecklist .ck-bottom{margin-top:8px;padding:8px 9px 9px}
#eduqueChecklist .ck-bottom-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));text-align:center;gap:5px;margin:3px 0 9px}
#eduqueChecklist .ck-bottom-stat{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;color:#5a7295;font-size:10px;border-right:1px solid #c5ddef}
#eduqueChecklist .ck-bottom-stat:last-child{border:0}
#eduqueChecklist .ck-bottom-stat .ck-stat-emoji{width:30px;height:30px;font-size:20px}
#eduqueChecklist .ck-bottom-stat b{color:#081749;display:block;font:800 16px Manrope,Inter,sans-serif}
#eduqueChecklist .ck-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px}
#eduqueChecklist .ck-actions button,#eduqueChecklist .ck-form-actions button{min-height:39px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:13px;border:1.5px solid #2184ed;color:#075ed2;background:#fffffff0;font-size:11px;font-weight:800;padding:8px 9px}
#eduqueChecklist .ck-actions svg{width:17px;height:17px}
#eduqueChecklist .ck-actions .ck-primary,#eduqueChecklist .ck-form-actions .ck-primary{color:#fff;border-color:#0064dc;background:linear-gradient(130deg,#12a6fd,#0054de);box-shadow:0 6px 16px #0755d535}
#eduqueChecklist .ck-notice{text-align:center;color:#647ea0;font-size:9px;margin:10px 0 0}
#eduqueChecklist .ck-editor{position:sticky;bottom:0;z-index:12;display:none;padding:0 10px 10px;margin-top:8px}
#eduqueChecklist .ck-editor.is-open{display:block}
#eduqueChecklist .ck-editor-card{background:#f8fcff;border:1px solid #bdd9fd;border-radius:19px;padding:16px;box-shadow:0 -12px 40px #0b38752c}
#eduqueChecklist .ck-editor-top{display:flex;justify-content:space-between;align-items:center;gap:9px;margin-bottom:12px}
#eduqueChecklist .ck-editor-top h3{margin:0;font-size:16px;color:#092052}
#eduqueChecklist .ck-editor-top button{width:30px;height:30px;border:0;border-radius:9px;background:#e8f3ff;color:#0a62d4;font-size:20px}
#eduqueChecklist .ck-form-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;margin-bottom:12px}
#eduqueChecklist .ck-form-grid label{display:grid;gap:4px;font-size:10px;font-weight:800;color:#576c90}
#eduqueChecklist .ck-form-grid input,#eduqueChecklist .ck-form-grid select{width:100%;min-width:0;border:1px solid #ccdff5;border-radius:9px;background:white;padding:10px;font-size:12px;color:#17305d}
#eduqueChecklist .ck-form-actions{display:flex;justify-content:flex-end;gap:8px}
#eduqueChecklist .ck-toast{position:sticky;bottom:8px;z-index:15;width:max-content;max-width:95%;margin:0 auto;display:none;background:#071f4c;color:#fff;font-size:11px;font-weight:700;padding:12px 16px;border-radius:13px;box-shadow:0 9px 30px #061d4770;text-align:center}
#eduqueChecklist .ck-toast.is-visible{display:block}
@media(max-width:650px){
 #eduqueChecklist.ck-modal{width:calc(100vw - 14px);height:calc(100dvh - 14px);max-height:none;border-radius:23px}
 #eduqueChecklist .ck-shell{padding:10px 9px 12px}
 #eduqueChecklist .ck-brand{margin-bottom:8px}#eduqueChecklist .ck-brand b{font-size:18px}#eduqueChecklist .ck-brand small{font-size:8px}
 #eduqueChecklist .ck-close{top:9px;right:9px;width:29px;height:29px}
 #eduqueChecklist .ck-hero{gap:7px;min-height:70px;margin-bottom:6px}
 #eduqueChecklist .ck-hero-icon{flex-basis:92px;width:92px;height:96px}
 #eduqueChecklist .ck-hero h1{font-size:25px;letter-spacing:-.7px;margin-bottom:4px}#eduqueChecklist .ck-hero p{font-size:10.5px;line-height:1.38}
 #eduqueChecklist .ck-search{padding:5px 9px;margin-bottom:7px;border-radius:14px}#eduqueChecklist .ck-search input{font-size:11px}
 #eduqueChecklist .ck-categories{display:flex;overflow-x:auto;gap:6px;margin-bottom:8px;padding-bottom:3px;scrollbar-width:none;scroll-snap-type:x mandatory}
 #eduqueChecklist .ck-categories::-webkit-scrollbar{display:none}
 #eduqueChecklist .ck-category{flex:0 0 70px;min-height:75px;border-radius:12px;font-size:10px;scroll-snap-align:start}
 #eduqueChecklist .ck-category img{width:51px;height:46px}
 #eduqueChecklist .ck-overview{padding:7px 5px;margin-bottom:8px;border-radius:16px}
 #eduqueChecklist .ck-stat{gap:4px;padding:4px 2px}#eduqueChecklist .ck-stat-emoji{width:24px;height:24px;font-size:13px}
 #eduqueChecklist .ck-stat strong{font-size:17px}#eduqueChecklist .ck-stat small{font-size:8px;margin-top:3px}
 #eduqueChecklist .ck-ring{width:59px;height:59px}#eduqueChecklist .ck-ring:before{inset:8px}
 #eduqueChecklist .ck-ring-inner strong{font-size:14px}#eduqueChecklist .ck-ring-inner small{font-size:7px}
 #eduqueChecklist .ck-list-head{padding:9px 9px 6px}#eduqueChecklist .ck-list-head h2{font-size:17px}
 #eduqueChecklist .ck-date{padding:5px;max-width:144px}#eduqueChecklist .ck-date input{width:105px;font-size:10px}
 #eduqueChecklist .ck-dots{width:25px;height:29px;font-size:19px}
 #eduqueChecklist .ck-task-list{padding:0 6px 9px;gap:4px}
 #eduqueChecklist .ck-task{grid-template-columns:23px 30px minmax(0,1fr) auto 18px;min-height:49px;gap:5px;padding:5px 6px;border-radius:11px}
 #eduqueChecklist .ck-task-check{width:23px;height:23px;font-size:15px}
 #eduqueChecklist .ck-task-icon{font-size:24px}#eduqueChecklist .ck-task-icon img{width:29px;height:31px}
 #eduqueChecklist .ck-task-title b{font-size:10.5px}#eduqueChecklist .ck-task-title small{font-size:9px}
 #eduqueChecklist .ck-status{min-width:55px;max-width:67px;overflow:hidden;text-overflow:ellipsis;font-size:9px;padding:7px 5px}
 #eduqueChecklist .ck-task-delete{width:18px;height:23px}#eduqueChecklist .ck-task-delete svg{width:14px;height:14px}
 #eduqueChecklist .ck-bottom{border-radius:16px;padding:7px 6px}
 #eduqueChecklist .ck-bottom-stat{gap:5px}#eduqueChecklist .ck-bottom-stat .ck-stat-emoji{width:23px;height:23px;font-size:13px}#eduqueChecklist .ck-bottom-stat{font-size:8px}#eduqueChecklist .ck-bottom-stat b{font-size:14px}
 #eduqueChecklist .ck-actions{gap:5px}#eduqueChecklist .ck-actions button{min-height:36px;padding:6px 4px;font-size:10px;gap:4px}#eduqueChecklist .ck-actions svg{width:14px;height:14px}
 #eduqueChecklist .ck-form-grid{grid-template-columns:1fr 1fr}#eduqueChecklist .ck-form-grid label:first-child{grid-column:1/-1}
}
@media(max-width:355px){#eduqueChecklist .ck-stat-emoji{display:none}#eduqueChecklist .ck-task{gap:4px;grid-template-columns:23px 28px minmax(0,1fr) auto 18px}#eduqueChecklist .ck-task-icon{font-size:24px}#eduqueChecklist .ck-status{min-width:50px;font-size:8px}#eduqueChecklist .ck-date{max-width:119px;padding:4px}#eduqueChecklist .ck-date input{width:84px;font-size:9px}#eduqueChecklist .ck-list-head{gap:6px}}
@media(prefers-reduced-motion:reduce){#eduqueChecklist .ck-category{transition:none}}

/* Editor do Checklist: modal proprio, acima do teclado virtual (sem afetar a janela Mercado). */
#eduqueChecklist .ck-editor{
 position:fixed;inset:0;z-index:101;display:none;align-items:center;justify-content:center;
 box-sizing:border-box;width:100vw;max-width:none;height:100dvh;max-height:none;
 margin:0;padding:14px;border:0;border-radius:0;background:transparent;
 overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch
}
#eduqueChecklist .ck-editor.is-open{display:flex}
#eduqueChecklist .ck-editor::backdrop{background:rgba(3,16,49,.52);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
#eduqueChecklist .ck-editor-card{
 flex:0 1 540px;width:100%;max-height:100%;margin:auto;overflow-y:auto;
 border:1px solid #d6e9ff;border-radius:21px;background:linear-gradient(160deg,#fff,#f1f8ff);
 box-shadow:0 25px 75px #061e5070;-webkit-overflow-scrolling:touch
}
#eduqueChecklist .ck-form-grid input,#eduqueChecklist .ck-form-grid select{font-size:16px;min-height:44px}
#eduqueChecklist .ck-editor-top button{flex:none}
@media(max-width:650px){
 #eduqueChecklist .ck-editor{padding:12px}
 #eduqueChecklist .ck-editor-card{padding:15px;border-radius:18px}
 #eduqueChecklist .ck-form-actions button{min-height:44px}
}
