/* İlkokul Dijital — Kişisel Notlar v1.0.1 */
html.ild-pn-modal-open{overflow:hidden}
.ild-pn-player-button,.ild-pn-floating{position:relative}
.ild-pn-player-button .ild-pn-dot,.ild-pn-material-button .ild-pn-dot,.ild-pn-floating .ild-pn-dot{display:none;position:absolute;width:7px;height:7px;border-radius:99px;background:#10b981;box-shadow:0 0 0 2px #fff}
.ild-pn-player-button.has-record .ild-pn-dot,.ild-pn-material-button.has-record .ild-pn-dot,.ild-pn-floating.has-record .ild-pn-dot{display:block}
.ild-pn-player-button .ild-pn-dot{right:4px;top:4px}
.ild-pn-material-button .ild-pn-dot{right:4px;top:4px}

/* A4 materyal sayfası: mevcut dört eylem düğmesiyle aynı fiziksel mimariyi kullanır. */
.ild-a4-material-action.ild-pn-material-button{
  position:relative;
  cursor:pointer;
  background:linear-gradient(135deg,#c85103 0%,#9f3500 100%)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 9px 20px rgba(154,52,18,.20)!important;
}
.ild-a4-material-action.ild-pn-material-button:hover,
.ild-a4-material-action.ild-pn-material-button:focus-visible{
  background:linear-gradient(135deg,#c2410c 0%,#87300d 100%)!important;
  color:#fff!important;
  filter:brightness(1.03);
  box-shadow:0 13px 26px rgba(154,52,18,.27)!important;
}
/* Basılı durumda butonu soluklaştırma. Durum ✓ simgesi + yeşil nokta ile gösterilir. */
.ild-a4-material-action.ild-pn-material-button.is-printed{
  background:linear-gradient(135deg,#c85103 0%,#9f3500 100%)!important;
  color:#fff!important;
  border-color:transparent!important;
}
.ild-pn-material-button .ild-pn-btn-icon,
.ild-pn-player-button .ild-pn-btn-icon{display:inline-flex;align-items:center;justify-content:center;font-style:normal;line-height:1}

/* A4 Player üst komut çubuğu: Notum da gerçek bir eylem düğmesi gibi görünür. */
.ild-a4-commandbar .ild-pn-player-button,
body.ild-a4-player-page .ild-a4-commandbar .ild-pn-player-button{
  background:linear-gradient(180deg,#c85103 0%,#9f3500 100%)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 2px 8px rgba(154,52,18,.22)!important;
}
.ild-a4-commandbar .ild-pn-player-button:hover,
.ild-a4-commandbar .ild-pn-player-button:focus-visible,
body.ild-a4-player-page .ild-a4-commandbar .ild-pn-player-button:hover,
body.ild-a4-player-page .ild-a4-commandbar .ild-pn-player-button:focus-visible{
  background:linear-gradient(180deg,#c2410c 0%,#87300d 100%)!important;
  color:#fff!important;
  box-shadow:0 4px 12px rgba(154,52,18,.30)!important;
}

/* Normal site içerikleri için küçük, bağımsız Notum düğmesi. */
.ild-pn-floating{position:fixed;right:16px;bottom:16px;z-index:9997;display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:8px 12px;border:1px solid #c9dbe7;border-radius:999px;background:#fff;color:#285b76;box-shadow:0 8px 28px rgba(20,57,80,.16);font:800 13px/1.1 Nunito,system-ui,-apple-system,"Segoe UI",sans-serif;cursor:pointer}
.ild-pn-floating:hover,.ild-pn-floating:focus-visible{border-color:#78bddd;color:#0a6e9e;box-shadow:0 10px 30px rgba(20,57,80,.21)}
.ild-pn-floating .ild-pn-dot{right:1px;top:1px}
.ild-pn-floating.is-printed{color:#167745;border-color:#8ad2aa;background:#f3fcf6}

.ild-pn-modal[hidden]{display:none!important}
.ild-pn-modal{position:fixed;inset:0;z-index:2147481000;font-family:Nunito,system-ui,-apple-system,"Segoe UI",sans-serif}
.ild-pn-backdrop{position:absolute;inset:0;background:rgba(10,30,44,.46);backdrop-filter:blur(2px)}
.ild-pn-dialog{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(92vw,440px);max-height:min(88vh,620px);overflow:auto;border:1px solid #d6e5ee;border-radius:18px;background:#fff;box-shadow:0 24px 70px rgba(4,25,40,.28);color:#183f58}
.ild-pn-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:17px 18px 13px;border-bottom:1px solid #e7eff4}
.ild-pn-dialog-head span{display:block;margin-bottom:3px;color:#6b8798;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.ild-pn-dialog-head h2{margin:0;color:#163e5a;font-size:17px;line-height:1.25;font-weight:950}
.ild-pn-close{width:32px;height:32px;border:1px solid #d5e4ed;border-radius:9px;background:#fff;color:#668296;font:700 23px/1 system-ui;cursor:pointer}
.ild-pn-close:hover,.ild-pn-close:focus-visible{background:#f3f8fb;color:#284f66}
.ild-pn-dialog-body{padding:15px 18px 10px}
.ild-pn-print-row{display:flex;align-items:flex-start;gap:10px;margin:0 0 15px;padding:11px 12px;border:1px solid #d8e8f0;border-radius:12px;background:#f8fcfe;cursor:pointer}
.ild-pn-print-row[hidden]{display:none!important}
.ild-pn-print-row input{margin-top:2px;width:18px;height:18px;accent-color:#168653}
.ild-pn-print-row b{display:block;color:#22546d;font-size:13px;font-weight:900}
.ild-pn-print-row small{display:block;margin-top:3px;color:#7a93a2;font-size:11px;font-weight:700}
.ild-pn-note-label{display:block;margin:0 0 6px;color:#365e75;font-size:12px;font-weight:900}
.ild-pn-dialog textarea{box-sizing:border-box;width:100%;min-height:100px;resize:vertical;border:1px solid #cfdfe8;border-radius:11px;padding:10px 11px;background:#fff;color:#173e56;outline:none;font:700 13px/1.45 Nunito,system-ui}
.ild-pn-dialog textarea:focus{border-color:#56a9d1;box-shadow:0 0 0 3px rgba(61,157,204,.12)}
.ild-pn-count{text-align:right;margin-top:4px;color:#91a2ad;font-size:10px;font-weight:800}
.ild-pn-privacy{margin:11px 0 0;color:#728b9a;font-size:10.5px;line-height:1.4;font-weight:700}
.ild-pn-dialog-actions{display:flex;justify-content:flex-end;gap:8px;padding:11px 18px 16px}
.ild-pn-dialog-actions button{min-height:36px;padding:7px 13px;border:1px solid #cedee8;border-radius:9px;background:#fff;color:#496b7e;font:850 12px/1 Nunito,system-ui;cursor:pointer}
.ild-pn-dialog-actions button:hover,.ild-pn-dialog-actions button:focus-visible{background:#f3f8fb;color:#244d65}
.ild-pn-dialog-actions button.is-primary{background:#087fc0;border-color:#087fc0;color:#fff}
.ild-pn-dialog-actions button.is-primary:hover,.ild-pn-dialog-actions button.is-primary:focus-visible{background:#066da6;border-color:#066da6;color:#fff}

.ild-pn-toast{position:fixed;left:50%;bottom:24px;z-index:2147482000;transform:translate(-50%,12px);display:flex;align-items:center;gap:12px;max-width:min(92vw,520px);padding:10px 12px;border-radius:11px;background:#153b50;color:#fff;box-shadow:0 14px 40px rgba(4,25,40,.25);opacity:0;transition:opacity .18s ease,transform .18s ease;font:800 12px/1.3 Nunito,system-ui}
.ild-pn-toast.is-visible{opacity:1;transform:translate(-50%,0)}
.ild-pn-toast button{border:0;background:transparent;color:#bcecff;text-decoration:underline;font:900 12px/1 Nunito,system-ui;cursor:pointer;white-space:nowrap}

.ild-pn-card-status{flex:0 0 auto;display:inline-flex;align-items:center;min-height:23px;padding:3px 7px;border:1px solid #d5e5ed;border-radius:999px;background:#fff;color:#5d7a8b;font:850 9.5px/1.1 Nunito,system-ui;cursor:pointer;white-space:nowrap}
.ild-pn-card-status.is-printed{border-color:#a8ddbf;background:#eefaf3;color:#1c7448}

/* Karanlık tema: A4 Player'ın kullandığı üç tema işaretinin tamamını destekle. */
html[data-bs-theme="dark"] .ild-a4-material-action.ild-pn-material-button,
html.dark-mode .ild-a4-material-action.ild-pn-material-button,
body.dark-mode .ild-a4-material-action.ild-pn-material-button,
body.theme-dark .ild-a4-material-action.ild-pn-material-button{
  background:linear-gradient(135deg,#b45309 0%,#7c2d12 100%)!important;
  color:#fff!important;
  border:1px solid rgba(253,186,116,.26)!important;
  box-shadow:0 9px 22px rgba(0,0,0,.28)!important;
}
html[data-bs-theme="dark"] .ild-a4-material-action.ild-pn-material-button:hover,
html[data-bs-theme="dark"] .ild-a4-material-action.ild-pn-material-button:focus-visible,
html.dark-mode .ild-a4-material-action.ild-pn-material-button:hover,
body.dark-mode .ild-a4-material-action.ild-pn-material-button:hover,
body.theme-dark .ild-a4-material-action.ild-pn-material-button:hover{
  background:linear-gradient(135deg,#c2410c 0%,#7c2d12 100%)!important;
  color:#fff!important;
}
html[data-bs-theme="dark"] .ild-a4-commandbar .ild-pn-player-button,
html[data-bs-theme="dark"] body.ild-a4-player-page .ild-a4-commandbar .ild-pn-player-button,
html.dark-mode .ild-a4-commandbar .ild-pn-player-button,
body.dark-mode .ild-a4-commandbar .ild-pn-player-button,
body.theme-dark .ild-a4-commandbar .ild-pn-player-button{
  background:linear-gradient(180deg,#b45309 0%,#7c2d12 100%)!important;
  color:#fff!important;
  border:1px solid rgba(253,186,116,.28)!important;
  box-shadow:0 2px 10px rgba(0,0,0,.28)!important;
}
html[data-bs-theme="dark"] .ild-pn-dialog,
html.dark-mode .ild-pn-dialog,
body.dark-mode .ild-pn-dialog,
body.theme-dark .ild-pn-dialog{background:#142b3b;border-color:#315066;color:#e9f5fc;box-shadow:0 24px 70px rgba(0,0,0,.48)}
html[data-bs-theme="dark"] .ild-pn-dialog-head,
html.dark-mode .ild-pn-dialog-head,
body.dark-mode .ild-pn-dialog-head,
body.theme-dark .ild-pn-dialog-head{border-color:#2d485b}
html[data-bs-theme="dark"] .ild-pn-dialog-head span,
html.dark-mode .ild-pn-dialog-head span,
body.dark-mode .ild-pn-dialog-head span,
body.theme-dark .ild-pn-dialog-head span{color:#8eabba}
html[data-bs-theme="dark"] .ild-pn-dialog-head h2,
html.dark-mode .ild-pn-dialog-head h2,
body.dark-mode .ild-pn-dialog-head h2,
body.theme-dark .ild-pn-dialog-head h2{color:#f1f9ff}
html[data-bs-theme="dark"] .ild-pn-close,
html.dark-mode .ild-pn-close,
body.dark-mode .ild-pn-close,
body.theme-dark .ild-pn-close{background:#183649;border-color:#35586e;color:#dcebf4}
html[data-bs-theme="dark"] .ild-pn-close:hover,
body.dark-mode .ild-pn-close:hover,
body.theme-dark .ild-pn-close:hover{background:#21445a;color:#fff}
html[data-bs-theme="dark"] .ild-pn-print-row,
html.dark-mode .ild-pn-print-row,
body.dark-mode .ild-pn-print-row,
body.theme-dark .ild-pn-print-row{background:#193649;border-color:#35586e}
html[data-bs-theme="dark"] .ild-pn-print-row b,
html.dark-mode .ild-pn-print-row b,
body.dark-mode .ild-pn-print-row b,
body.theme-dark .ild-pn-print-row b{color:#e5f2f9}
html[data-bs-theme="dark"] .ild-pn-print-row small,
html.dark-mode .ild-pn-print-row small,
body.dark-mode .ild-pn-print-row small,
body.theme-dark .ild-pn-print-row small{color:#9cb4c2}
html[data-bs-theme="dark"] .ild-pn-note-label,
html.dark-mode .ild-pn-note-label,
body.dark-mode .ild-pn-note-label,
body.theme-dark .ild-pn-note-label{color:#cbdde7}
html[data-bs-theme="dark"] .ild-pn-dialog textarea,
html.dark-mode .ild-pn-dialog textarea,
body.dark-mode .ild-pn-dialog textarea,
body.theme-dark .ild-pn-dialog textarea{background:#102635;border-color:#35586e;color:#edf8ff}
html[data-bs-theme="dark"] .ild-pn-dialog textarea::placeholder,
html.dark-mode .ild-pn-dialog textarea::placeholder,
body.dark-mode .ild-pn-dialog textarea::placeholder,
body.theme-dark .ild-pn-dialog textarea::placeholder{color:#7894a4}
html[data-bs-theme="dark"] .ild-pn-count,
html.dark-mode .ild-pn-count,
body.dark-mode .ild-pn-count,
body.theme-dark .ild-pn-count,
html[data-bs-theme="dark"] .ild-pn-privacy,
html.dark-mode .ild-pn-privacy,
body.dark-mode .ild-pn-privacy,
body.theme-dark .ild-pn-privacy{color:#91aab8}
html[data-bs-theme="dark"] .ild-pn-dialog-actions button,
html.dark-mode .ild-pn-dialog-actions button,
body.dark-mode .ild-pn-dialog-actions button,
body.theme-dark .ild-pn-dialog-actions button{background:#193649;border-color:#35586e;color:#dbeaf3}
html[data-bs-theme="dark"] .ild-pn-dialog-actions button:hover,
body.dark-mode .ild-pn-dialog-actions button:hover,
body.theme-dark .ild-pn-dialog-actions button:hover{background:#21445a;color:#fff}
html[data-bs-theme="dark"] .ild-pn-dialog-actions button.is-primary,
html.dark-mode .ild-pn-dialog-actions button.is-primary,
body.dark-mode .ild-pn-dialog-actions button.is-primary,
body.theme-dark .ild-pn-dialog-actions button.is-primary{background:#0b7db5;border-color:#0b7db5;color:#fff}
html[data-bs-theme="dark"] .ild-pn-floating,
html.dark-mode .ild-pn-floating,
body.dark-mode .ild-pn-floating,
body.theme-dark .ild-pn-floating{background:#173246;border-color:#35556a;color:#eaf6fc;box-shadow:0 8px 28px rgba(0,0,0,.3)}
html[data-bs-theme="dark"] .ild-pn-floating.is-printed,
html.dark-mode .ild-pn-floating.is-printed,
body.dark-mode .ild-pn-floating.is-printed,
body.theme-dark .ild-pn-floating.is-printed{background:#153a31;border-color:#2d755c;color:#c8f5df}
html[data-bs-theme="dark"] .ild-pn-card-status,
html.dark-mode .ild-pn-card-status,
body.dark-mode .ild-pn-card-status,
body.theme-dark .ild-pn-card-status{background:#193649;border-color:#35586e;color:#d9e9f2}
html[data-bs-theme="dark"] .ild-pn-card-status.is-printed,
html.dark-mode .ild-pn-card-status.is-printed,
body.dark-mode .ild-pn-card-status.is-printed,
body.theme-dark .ild-pn-card-status.is-printed{background:#153a31;border-color:#2d755c;color:#c8f5df}
html[data-bs-theme="dark"] .ild-pn-player-button .ild-pn-dot,
html[data-bs-theme="dark"] .ild-pn-material-button .ild-pn-dot,
html.dark-mode .ild-pn-player-button .ild-pn-dot,
body.dark-mode .ild-pn-player-button .ild-pn-dot,
body.theme-dark .ild-pn-player-button .ild-pn-dot{box-shadow:0 0 0 2px #142b3b}

@media(max-width:680px){
  .ild-pn-floating{right:10px;bottom:10px;min-height:38px;padding:7px 10px;font-size:12px}
  .ild-pn-dialog{width:min(94vw,440px);max-height:90vh}
  .ild-pn-card-status{font-size:9px}
}

@media print{
  .ild-pn-floating,.ild-pn-modal,.ild-pn-toast,.ild-pn-card-status,.ild-pn-player-button,.ild-pn-material-button{display:none!important}
}