*{ box-sizing:border-box; }
    #pukka-online-app{
      --edutechx-primary:#2563eb;
      --edutechx-secondary:#111827;
      --edutechx-accent:#f97316;
      --edutechx-bg:#f3f4f6;
      --edutechx-text:#111827;
      --edutechx-muted:#64748b;
      --edutechx-border:#dbe3ef;
      --edutechx-login-bg:#eef2ff;
      --edutechx-login-card-bg:#ffffff;
      --edutechx-login-card-border:#dbeafe;
      --edutechx-login-title:#1d4ed8;
      --edutechx-login-description:#64748b;
      --edutechx-login-button-bg:#2563eb;
      --edutechx-login-button-text:#ffffff;
      --edutechx-login-error:#dc2626;
      --edutechx-topbar-bg:#2563eb;
      --edutechx-topbar-text:#ffffff;
      --edutechx-sidebar-bg:#111827;
      --edutechx-sidebar-text:#e5e7eb;
      --edutechx-sidebar-active:#2563eb;
      --edutechx-sidebar-active-text:#ffffff;
      --edutechx-sidebar-hover:#1f2937;
      --edutechx-sidebar-icon:#93c5fd;
      --edutechx-card-bg:#ffffff;
      --edutechx-card-border:#e5e7eb;
      --edutechx-card-title:#111827;
      --edutechx-table-head-bg:#f1f5f9;
      --edutechx-table-head-text:#334155;
      --edutechx-table-row-hover:#f8fafc;
      --edutechx-table-border:#e5e7eb;
      --edutechx-button-primary-bg:#2563eb;
      --edutechx-button-primary-text:#ffffff;
      --edutechx-button-secondary-bg:#64748b;
      --edutechx-button-secondary-text:#ffffff;
      --edutechx-button-success-bg:#10b981;
      --edutechx-button-warning-bg:#f59e0b;
      --edutechx-button-danger-bg:#dc2626;
      --edutechx-badge-success:#16a34a;
      --edutechx-badge-warning:#d97706;
      --edutechx-badge-danger:#dc2626;
      --edutechx-badge-info:#2563eb;
      --edutechx-report-card-bg:#eff6ff;
      --edutechx-report-card-text:#1e3a8a;
      --edutechx-report-table-head-bg:#e0f2fe;
      --edutechx-report-table-head-text:#0f172a;
      --edutechx-report-print-title:#1d4ed8;
      --edutechx-report-print-border:#dbe3ef;
      --edutechx-notification-card-bg:#ffffff;
      --edutechx-notification-unread-bg:#eff6ff;
      --edutechx-notification-icon:#1d4ed8;
      --edutechx-notification-badge:#dc2626;
      --edutechx-notification-text:#475569;
      --edutechx-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
      --edutechx-surface:#ffffff;
      --edutechx-surface-soft:#f8fafc;
      --edutechx-focus:#14b8a6;
      --edutechx-shadow-sm:0 1px 3px rgba(15,23,42,.08);
      --edutechx-shadow-md:0 12px 30px rgba(15,23,42,.10);
      --pukka-primary:var(--edutechx-primary);
      --pukka-secondary:var(--edutechx-secondary);
      --pukka-accent:var(--edutechx-accent);
      --pukka-bg:var(--edutechx-bg);
      --pukka-text:var(--edutechx-text);
      min-height:100dvh;
      background:var(--edutechx-bg);
      color:var(--edutechx-text);
      font-family:var(--edutechx-font-family);
    }
    html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
    body{ margin:0; padding:0; min-height:100dvh; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; background:#eef2f7; color:#1e293b; }
    .topbar{ background:var(--edutechx-topbar-bg); color:var(--edutechx-topbar-text); padding:13px 20px; text-align:center; font-size:19px; font-weight:800; box-shadow:0 3px 18px rgba(15,23,42,.18); position:sticky; top:0; z-index:999; margin-top:0; }
    .container{ width:100%; max-width:1520px; margin:auto; padding:14px; }
    .card{ background:var(--edutechx-card-bg); border:1px solid var(--edutechx-card-border); border-radius:8px; padding:20px; margin-top:20px; box-shadow:var(--edutechx-shadow-sm); }
    #mainView{ width:100%; min-width:0; }
    #loginView{ width:min(430px, calc(100vw - 30px)); max-width:430px; margin:55px auto 0; background:var(--edutechx-login-card-bg); border-color:var(--edutechx-login-card-border); }
    #loginView.setup-incomplete .login-brand,
    #loginView.setup-incomplete h1,
    #loginView.setup-incomplete #loginDescription,
    #loginView.setup-incomplete label,
    #loginView.setup-incomplete input,
    #loginView.setup-incomplete #loginError,
    #loginView.setup-incomplete #btnGirisYap,
    #loginView.setup-incomplete > .btn-secondary,
    #loginView.setup-incomplete #forgotPasswordPanel,
    #loginView.setup-incomplete .login-footer,
    #loginView.setup-incomplete .login-legal-links{ display:none !important; }
    #loginView.setup-incomplete #setupPublicNotice{ display:block !important; margin:0; }
    #passwordChangeView{ width:min(480px, calc(100vw - 30px)); max-width:480px; margin:55px auto 0; }
    h1{ text-align:center; color:var(--edutechx-card-title); margin-top:10px; margin-bottom:20px; font-size:24px; }
    label { font-weight: bold; color: var(--edutechx-table-head-text); font-size: 14px; display: block; margin-top: 10px; }
    
    input[type='text'], input[type='password'], input[type='email'], input[type='search'], input[type='url'], input[type='date'], input[type='datetime-local'], input[type='month'], input[type='time'], input[type='number'], input[type='color'], input[type='file'], select, textarea{
      width:100%; min-width:0; min-height:44px; padding:10px 12px; border:1px solid var(--edutechx-border); border-radius:7px; margin-top:5px; margin-bottom:15px; font:inherit; font-size:14px; color:#0f172a; background:#fff; outline:none; box-shadow:0 1px 2px rgba(15,23,42,.03); transition:border-color .16s ease, box-shadow .16s ease, background .16s ease;
    }
    input:hover, select:hover, textarea:hover{ border-color:#94a3b8; }
    input:focus, select:focus, textarea:focus{ border-color:var(--edutechx-focus); box-shadow:0 0 0 3px rgba(20,184,166,.15); background:#fff; }
    input::placeholder, textarea::placeholder{ color:#94a3b8; opacity:1; }
    input[type='file']{ padding:6px; background:var(--edutechx-surface-soft); }
    input[type='file']::file-selector-button{ min-height:30px; margin-right:10px; padding:6px 10px; border:0; border-radius:6px; background:#e0f2fe; color:#075985; font-weight:800; cursor:pointer; }
    input[type='color']{ height:46px; padding:4px; }
    textarea { resize: vertical; height: 70px; }
    button{ width:100%; position:relative; padding:12px 14px; border:none; border-radius:7px; background:var(--edutechx-button-primary-bg); color:var(--edutechx-button-primary-text); font-size:14px; font-weight:800; cursor:pointer; transition:transform .12s ease, box-shadow .12s ease, filter .12s ease, background .2s ease; box-shadow:0 2px 0 rgba(15,23,42,0.14); }
    button:hover{ filter:brightness(.92); }
    button:active, button.btn-clicked{ transform:translateY(2px) scale(.985); filter:brightness(.94); box-shadow:inset 0 2px 10px rgba(15,23,42,0.28); }
    button.btn-clicked::after{ content:"✓"; position:absolute; right:12px; top:50%; transform:translateY(-50%); display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; border-radius:50%; background:rgba(255,255,255,0.22); color:white; font-size:12px; line-height:1; }
    button:disabled { background:#94a3b8; cursor:not-allowed; }
    .btn-secondary{ background:var(--edutechx-button-secondary-bg); color:var(--edutechx-button-secondary-text); }
    .btn-secondary:hover{ background:#475569; }
    .inline-auth-panel{ margin-top:16px; padding:14px; border:1px solid #bfdbfe; border-radius:12px; background:#eff6ff; }
    .inline-auth-panel h3{ margin:0 0 8px; color:#1e3a8a; }
    .setup-public-notice{ margin:0 0 12px; padding:10px 12px; border-radius:10px; background:#fff7ed; border:1px solid #fed7aa; color:#9a3412; font-size:13px; font-weight:800; line-height:1.45; }
    .setup-wizard-card{ width:min(980px, calc(100vw - 30px)); max-width:980px; margin:35px auto 0; }
    .setup-wizard{ display:flex; flex-direction:column; gap:14px; }
    .setup-wizard-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:14px; border-bottom:1px solid #e2e8f0; padding-bottom:12px; }
    .setup-wizard-head h2{ margin:0; color:var(--edutechx-primary); }
    .setup-wizard-head p{ margin:5px 0 0; color:#64748b; font-size:13px; line-height:1.45; }
    .setup-small-btn{ width:auto; min-width:210px; padding:10px 12px; font-size:13px; }
    .setup-status-grid, .setup-summary{ display:grid; grid-template-columns:repeat(auto-fit, minmax(170px, 1fr)); gap:10px; }
    .setup-status-grid > div, .setup-summary > div{ border:1px solid #e2e8f0; border-radius:10px; padding:10px; background:#f8fafc; }
    .setup-status-grid span, .setup-summary span{ display:block; color:#64748b; font-size:12px; font-weight:800; margin-bottom:4px; }
    .setup-status-grid strong, .setup-summary strong{ display:block; color:#0f172a; overflow-wrap:anywhere; }
    .setup-steps{ display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)); gap:8px; }
    .setup-step{ display:flex; align-items:center; justify-content:center; gap:7px; min-height:46px; padding:8px; border-radius:10px; background:#e2e8f0; color:#334155; box-shadow:none; font-size:12px; line-height:1.2; }
    .setup-step span{ display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:999px; background:#fff; color:#334155; font-weight:900; flex:0 0 auto; }
    .setup-step.active{ background:var(--edutechx-primary); color:#fff; }
    .setup-step.done{ background:#dcfce7; color:#166534; }
    .setup-panel{ border:1px solid #e2e8f0; border-radius:12px; padding:14px; background:#fff; }
    .setup-panel h3{ margin:0 0 12px; color:#1e293b; }
    .setup-actions{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:10px; }
    .setup-complete-btn{ background:#10b981; }
    .setup-choice-row{ display:flex; gap:12px; flex-wrap:wrap; margin:0 0 12px; }
    .setup-choice-row label, .setup-choice-card{ display:flex; gap:8px; align-items:flex-start; border:1px solid #dbeafe; background:#eff6ff; border-radius:10px; padding:10px; cursor:pointer; }
    .setup-choice-cards{ display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:10px; }
    .setup-choice-card{ flex-direction:column; color:#1e293b; }
    .setup-choice-card span{ color:#64748b; font-size:13px; line-height:1.4; }
    .setup-choice-card.disabled{ opacity:.62; cursor:not-allowed; background:#f8fafc; border-color:#e2e8f0; }
    .setup-danger-zone{ margin-top:12px; padding:12px; border:1px solid #fecaca; border-radius:12px; background:#fff7f7; }
    .setup-danger-zone .inline-check{ color:#991b1b; font-weight:900; }
    .setup-danger-zone .muted-note{ margin:8px 0 0; color:#7f1d1d; }
    .setup-preview{ margin-top:12px; }
    .force-password-card h1{ margin-top:0; color:var(--edutechx-primary); text-align:center; }
    .login-brand{ display:flex; flex-direction:column; align-items:center; gap:8px; margin:0 0 14px; }
    .login-brand-logo{ display:flex; align-items:center; justify-content:center; min-height:58px; }
    .login-brand-logo img{ max-width:180px; max-height:72px; object-fit:contain; }
    .brand-logo-text{ display:inline-flex; align-items:center; justify-content:center; min-width:86px; min-height:44px; padding:8px 14px; border-radius:10px; background:var(--edutechx-secondary); color:#fff; font-weight:900; letter-spacing:.04em; text-align:center; }
    .login-institution-name{ font-size:13px; color:var(--edutechx-login-description); font-weight:800; text-align:center; }
    .login-footer{ margin-top:18px; padding-top:12px; border-top:1px solid var(--edutechx-border); text-align:center; color:var(--edutechx-muted); font-size:12px; }
    .login-legal-links{ display:flex; justify-content:center; gap:8px; flex-wrap:wrap; margin-top:8px; }
    .text-link-btn{ width:auto; padding:0; background:transparent; color:var(--edutechx-primary); box-shadow:none; border-radius:0; font-size:12px; text-decoration:underline; }
    .text-link-btn:hover{ background:transparent; filter:none; color:var(--edutechx-secondary); }
    .institution-modal{ position:fixed; inset:0; z-index:9999; align-items:center; justify-content:center; background:rgba(15,23,42,.55); padding:18px; }
    .institution-modal-card{ width:min(720px, calc(100vw - 32px)); max-height:82vh; background:#fff; border-radius:12px; box-shadow:0 24px 70px rgba(15,23,42,.28); overflow:hidden; }
    .institution-modal-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 16px; background:#f1f5f9; border-bottom:1px solid #e2e8f0; }
    .institution-modal-head button{ width:auto; padding:8px 12px; font-size:13px; background:#64748b; }
    .institution-modal-body{ padding:18px; white-space:pre-wrap; line-height:1.6; color:#1e293b; overflow:auto; max-height:64vh; }
    .pukka-confirm-overlay{ position:fixed; inset:0; z-index:999999; display:none; align-items:center; justify-content:center; background:rgba(15,23,42,.48); padding:20px; }
    .pukka-confirm-card{ width:min(460px, 100%); background:#fff; border-radius:14px; box-shadow:0 24px 76px rgba(15,23,42,.30); border:1px solid #dbeafe; overflow:hidden; }
    .pukka-confirm-head{ padding:16px 18px; background:#f8fafc; border-bottom:1px solid #e2e8f0; color:#0f172a; font-weight:900; }
    .pukka-confirm-message{ padding:18px; color:#1e293b; line-height:1.55; white-space:pre-wrap; }
    .pukka-confirm-actions{ display:flex; justify-content:flex-end; gap:10px; padding:0 18px 18px; }
    .pukka-confirm-actions button{ width:auto; min-width:104px; padding:10px 14px; font-size:13px; }
    .one-time-password{ display:inline-block; margin-top:6px; padding:8px 10px; border-radius:8px; background:#0f172a; color:#fff; font-family:Consolas, Monaco, monospace; font-weight:700; letter-spacing:1px; }
    .portal-mode-badge{ max-width:1180px; margin:10px auto 0; padding:10px 14px; border-radius:8px; border:1px solid #f59e0b; background:#fffbeb; color:#92400e; align-items:center; gap:10px; line-height:1.35; }
    .portal-mode-badge strong{ color:#b45309; text-transform:uppercase; letter-spacing:0; white-space:nowrap; }
    .portal-mode-badge span{ font-size:13px; }
    
    .beni-hatirla-alanı { display: flex; align-items: center; gap: 8px; margin-top: -5px; margin-bottom: 20px; font-size: 15px; cursor: pointer; user-select: none; }
    .header-actions { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; gap: 10px; min-width:0; }
    .welcome{ background:#e3f2fd; padding:12px; border-radius:10px; color:var(--edutechx-primary); font-weight:bold; flex-grow: 1; min-width:0; overflow-wrap:anywhere; }
    .session-actions{ display:flex; align-items:center; gap:8px; flex:0 0 auto; }
    .support-text{ display:inline-flex; align-items:center; max-width:260px; padding:9px 11px; border-radius:10px; background:#f8fafc; border:1px solid #e2e8f0; color:#475569; font-size:12px; font-weight:800; line-height:1.25; overflow-wrap:anywhere; }
    .session-countdown{ display:inline-flex; align-items:center; justify-content:center; min-width:118px; padding:10px 12px; border-radius:10px; background:#fff7ed; border:1px solid #fed7aa; color:#c2410c; font-size:13px; font-weight:900; white-space:nowrap; }
    .btn-logout { background: #d32f2f; width: auto; padding: 12px 20px; }
    
    .ogrenci, .ogrenci-odev-row, .ogrenci-yoklama-row{ background:#f8fafc; border:1px solid #e2e8f0; border-radius:12px; padding:14px; margin-bottom:12px; }
    .ogrenciAd{ font-weight:bold; color:#1e293b; }
    .secimler{ display:flex; gap:12px; flex-wrap:wrap; }
    .secimler label{ background:white; padding:6px 12px; border-radius:8px; border:1px solid #dbe2ea; cursor:pointer; font-size:14px; margin-top: 0; display: flex; align-items: center; gap: 4px; }
    .flex-row { display: flex; gap: 12px; flex-wrap: wrap; }
    .flex-row > div { flex: 1 1 200px; min-width:0; }
    .grid-wide{ grid-column:1 / -1; }
    .btn-group { display: flex; gap: 10px; margin-top: 15px; }
    
    .view-switcher { display: flex; background: #e2e8f0; border-radius: 10px; padding: 4px; margin-bottom: 20px; }
    .tab-btn { flex: 1; padding: 12px; text-align: center; font-weight: bold; border-radius: 8px; cursor: pointer; transition: 0.2s; color: #475569; font-size:15px; }
    .tab-btn.active { background: white; color: var(--edutechx-primary); box-shadow: 0 2px 6px rgba(0,0,0,0.1); }

    .deneme-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 12px; margin-bottom: 20px; }
    .brans-card { background: white; padding: 12px; border-radius: 10px; border: 1px solid #cbd5e1; text-align: center; box-shadow: 0 1px 3px rgba(0,0,0,0.05); }
    .brans-card strong { font-size: 15px; display: block; margin-bottom: 8px; }
    .brans-inputs { display: flex; gap: 8px; justify-content: center; }
    .brans-inputs > div { flex: 1; }
    .brans-inputs label { font-size: 12px; margin: 0 0 2px 0; color: #64748b; }
    .brans-inputs input { padding: 8px; margin: 0; text-align: center; font-weight: bold; border-radius: 6px; }
    .net-sonuc { font-size: 14px; margin-top: 8px; font-weight: bold; color: #334155; background: #f1f5f9; padding: 4px; border-radius: 6px;}

    .dashboard-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; margin-bottom: 20px; }
    .dash-card { background: #f8fafc; border-top: 4px solid var(--edutechx-primary); border-radius: 10px; padding: 15px; text-align: center; box-shadow: 0 2px 6px rgba(0,0,0,0.03); }
    .dash-card.clickable{ cursor:pointer; transition:transform .16s ease, box-shadow .16s ease; }
    .dash-card.clickable:hover{ transform:translateY(-1px); box-shadow:0 8px 18px rgba(15,23,42,.10); }
    .dash-card h3 { margin: 0; font-size: 28px; color: #1b2a41; }
    .dash-card p { margin: 5px 0 0 0; font-size: 13px; color: #64748b; font-weight: bold; }
    .dash-card-icon{ display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; margin:0 auto 8px; border-radius:10px; background:#eef2ff; color:#1e3a8a; font-size:18px; line-height:1; }
    .standalone-dashboard > summary{ display:none; }
    .dashboard-detail-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(230px, 1fr)); gap:12px; margin-top:14px; }
    .dashboard-detail-box{ background:#fff; border:1px solid #e2e8f0; border-radius:10px; padding:12px; }
    .dashboard-detail-wide{ grid-column:1 / -1; }
    .dashboard-detail-box h3{ margin:0 0 10px; font-size:15px; color:#1e293b; }
    .stat-pill-list{ display:flex; flex-wrap:wrap; gap:7px; }
    .stat-pill{ display:inline-flex; align-items:center; gap:8px; border:1px solid #dbeafe; background:#eff6ff; color:#1d4ed8; border-radius:999px; padding:6px 9px; font-size:12px; font-weight:800; }
    .stat-pill.clickable{ cursor:pointer; }
    .stat-pill.clickable:hover{ background:#dbeafe; }
    .stat-pill.login-stat{ border-radius:10px; align-items:flex-start; flex-direction:column; gap:2px; }
    .stat-pill.login-stat small{ color:#64748b; font-weight:700; }
    .stat-pill strong{ color:#0f172a; }
    .stat-pill.muted{ background:#f8fafc; border-color:#e2e8f0; color:#64748b; }
    .admin-dashboard-panel{ background:linear-gradient(180deg,#f8fbff 0%, #ffffff 68%); border-radius:14px; padding:18px; border:1px solid #dbeafe; }
    .admin-dashboard-panel > h2{ display:flex; align-items:center; gap:10px; color:#0f172a !important; }
    .admin-dashboard-panel > h2::before{ content:""; width:10px; height:28px; border-radius:999px; background:linear-gradient(180deg,var(--edutechx-primary),#38bdf8); display:inline-block; }
    .admin-dashboard-hero{ display:flex; align-items:center; justify-content:space-between; gap:16px; margin:0 0 16px; padding:16px; border:1px solid #dbeafe; border-radius:14px; background:linear-gradient(135deg,#eff6ff 0%,#ffffff 64%); box-shadow:0 14px 28px rgba(37,99,235,.07); }
    .admin-dashboard-hero h2{ margin:4px 0 6px; color:#0f172a; font-size:24px; line-height:1.2; }
    .admin-dashboard-hero p{ margin:0; color:#475569; font-size:13px; line-height:1.45; font-weight:700; }
    .dashboard-kicker{ display:inline-flex; align-items:center; gap:6px; color:#1d4ed8; font-size:12px; font-weight:900; text-transform:uppercase; letter-spacing:0; }
    .dashboard-hero-chip{ flex:0 0 auto; border:1px solid #bfdbfe; background:#dbeafe; color:#1e3a8a; border-radius:999px; padding:8px 12px; font-size:12px; font-weight:900; }
    .admin-dashboard-panel .dashboard-grid{ grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); }
    .admin-dashboard-panel .dash-card{ position:relative; overflow:hidden; background:#fff; border:1px solid #e2e8f0; border-top:4px solid var(--edutechx-primary); box-shadow:0 10px 24px rgba(15,23,42,.05); }
    .admin-dashboard-panel .dash-card::after{ content:""; position:absolute; inset:auto -18px -24px auto; width:78px; height:78px; border-radius:50%; background:#eff6ff; opacity:.9; }
    .admin-dashboard-panel .dash-card h3, .admin-dashboard-panel .dash-card p, .admin-dashboard-panel .dash-card .dash-card-icon{ position:relative; z-index:1; }
    .dashboard-analytics-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(240px, 1fr)); gap:14px; margin:16px 0; }
    .dashboard-visual-card{ background:#fff; border:1px solid #dbeafe; border-radius:12px; padding:14px; box-shadow:0 10px 26px rgba(37,99,235,.08); min-width:0; }
    .dashboard-visual-wide{ grid-column:1 / -1; }
    .dashboard-visual-card h3{ margin:0 0 12px; color:#0f172a; font-size:15px; }
    .dash-donut{ --value:0; width:132px; aspect-ratio:1; margin:2px auto 8px; border-radius:50%; display:grid; place-items:center; background:conic-gradient(var(--edutechx-primary) calc(var(--value) * 1%), #e2e8f0 0); position:relative; }
    .dash-donut::after{ content:""; position:absolute; inset:13px; border-radius:50%; background:#fff; }
    .dash-donut span{ position:relative; z-index:1; color:#0f172a; font-weight:900; font-size:24px; }
    .dashboard-visual-card p{ margin:0; text-align:center; color:#64748b; font-weight:800; font-size:12px; }
    .dash-bars{ display:flex; flex-direction:column; gap:9px; }
    .dash-bar-row{ display:grid; grid-template-columns:minmax(72px, .8fr) minmax(90px, 1.6fr) 34px; align-items:center; gap:8px; font-size:12px; font-weight:800; color:#334155; }
    .dash-bar-row > div{ height:9px; border-radius:999px; overflow:hidden; background:#e2e8f0; }
    .dash-bar-row b{ display:block; height:100%; border-radius:999px; background:linear-gradient(90deg,var(--edutechx-primary),#38bdf8); }
    .dash-bar-row strong{ text-align:right; color:#0f172a; }
    .dash-activity-list{ display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:8px; }
    .dash-activity-list > div{ border:1px solid #e2e8f0; border-radius:10px; padding:10px; background:#f8fafc; }
    .dash-activity-list strong{ display:block; color:#0f172a; font-size:13px; }
    .dash-activity-list span{ display:block; color:#64748b; font-size:12px; margin-top:3px; }
    .dashboard-empty{ padding:14px; border:1px dashed #cbd5e1; border-radius:10px; color:#64748b; background:#f8fafc; text-align:center; font-weight:800; }
    
    .progress-bar-bg { background: #e2e8f0; border-radius: 6px; overflow: hidden; height: 10px; margin-top: 5px; width: 100%; }
    .progress-bar-fill { height: 100%; background: #10b981; border-radius: 6px; }
    .progress-bar-fill.danger { background: #ef4444; }
    .progress-bar-fill.warning { background: #f59e0b; }
    
    .table-container { width:100%; max-width:100%; overflow-x: auto; -webkit-overflow-scrolling:touch; margin-top: 0; border: none; margin-bottom: 0; background: white;}
    table { width: 100%; border-collapse: collapse; text-align: left; font-size: 14px; min-width: 600px; }
    th { background: var(--edutechx-table-head-bg); padding: 12px; color: var(--edutechx-table-head-text); border-bottom: 2px solid var(--edutechx-table-border); }
    td { padding: 12px; border-bottom: 1px solid var(--edutechx-table-border); }
    tr:hover { background: var(--edutechx-table-row-hover); }
    
    .badge { padding: 4px 8px; border-radius: 6px; font-size: 11px; font-weight: bold; display: inline-block; }
    .badge.success { background: color-mix(in srgb, var(--edutechx-badge-success) 14%, #fff); color: var(--edutechx-badge-success); }
    .badge.warning { background: color-mix(in srgb, var(--edutechx-badge-warning) 14%, #fff); color: var(--edutechx-badge-warning); }
    .badge.danger { background: color-mix(in srgb, var(--edutechx-badge-danger) 14%, #fff); color: var(--edutechx-badge-danger); }
    .badge.info { background: color-mix(in srgb, var(--edutechx-badge-info) 14%, #fff); color: var(--edutechx-badge-info); }
    .file-download-link{
      display:inline-flex;
      align-items:center;
      width:auto;
      max-width:100%;
      padding:6px 9px;
      border-radius:8px;
      background:#e0f2fe;
      color:#0369a1;
      border:1px solid #bae6fd;
      font-size:12px;
      font-weight:700;
      text-decoration:none;
      overflow-wrap:anywhere;
    }
    .file-download-link:hover{ background:#bae6fd; color:#075985; }
    .upload-progress{ margin-top:7px; padding:8px 9px; border-radius:8px; border:1px solid #bfdbfe; background:#eff6ff; color:#1e3a8a; font-size:12px; }
    .upload-progress.success{ border-color:#86efac; background:#f0fdf4; color:#14532d; }
    .upload-progress.error{ border-color:#fecaca; background:#fef2f2; color:#991b1b; }
    .upload-progress-row{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
    .upload-progress-track{ height:7px; margin-top:6px; border-radius:999px; overflow:hidden; background:#dbeafe; }
    .upload-progress-track > div{ height:100%; border-radius:999px; background:currentColor; transition:width .18s ease; }
    .upload-progress-track.indeterminate > div{ animation:edutechxUploadPulse 1.15s ease-in-out infinite alternate; }
    @keyframes edutechxUploadPulse{ from{ transform:translateX(-28%); opacity:.55; } to{ transform:translateX(170%); opacity:1; } }
    .system-reset-panel{ border-color:#fecaca; background:linear-gradient(180deg,#fff 0%,#fff7f7 100%); }
    .system-reset-actions{ display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:10px; margin-top:12px; }
    .system-reset-actions button{ min-height:42px; text-align:center; }
    
    /* AKORDEON STİLLERİ */
    details { background: white; border: 1px solid #e2e8f0; border-radius: 12px; margin-bottom: 20px; overflow: hidden; box-shadow: 0 2px 6px rgba(0,0,0,0.02); }
    summary { padding: 15px 20px; font-size: 16px; font-weight: bold; color: #1e293b; background: #f8fafc; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; gap:10px; border-bottom: 1px solid #e2e8f0; outline: none; user-select: none; }
    summary::-webkit-details-marker { display: none; }
    summary::after { content: "▼"; font-size: 14px; color: #64748b; }
    details[open] summary::after { content: "▲"; }
    .details-content { padding: 20px; }

    .portal-shell{
      display:grid;
      width:100%;
      max-width:100%;
      grid-template-columns: 250px minmax(0, 1fr);
      gap: 18px;
      align-items: start;
      padding: 0;
      background: transparent;
      box-shadow: none;
      min-width:0;
    }
    .card.portal-shell{
      margin-top:14px;
      background:transparent;
      box-shadow:none;
      border-radius:0;
      padding:0;
    }
    .portal-sidebar{
      position: sticky;
      top: 70px;
      height:calc(100dvh - 86px);
      min-height:320px;
      max-height:calc(100dvh - 86px);
      overflow-x:hidden;
      overflow-y:auto;
      overscroll-behavior:contain;
      scrollbar-gutter:stable;
      scrollbar-width:thin;
      scrollbar-color:rgba(148,163,184,.7) transparent;
      background: var(--edutechx-sidebar-bg);
      color: var(--edutechx-sidebar-text);
      border-radius: 8px;
      padding: 12px 10px;
      box-shadow: 0 12px 28px rgba(15,23,42,0.20);
      border:1px solid rgba(255,255,255,0.08);
    }
    .sidebar-logo{
      display: flex;
      justify-content: center;
      position:sticky;
      top:-12px;
      z-index:2;
      padding: 12px 6px;
      background:var(--edutechx-sidebar-bg);
      border-bottom: 1px solid rgba(255,255,255,0.12);
      margin-bottom: 10px;
    }
    .portal-sidebar::-webkit-scrollbar{ width:8px; }
    .portal-sidebar::-webkit-scrollbar-track{ background:transparent; }
    .portal-sidebar::-webkit-scrollbar-thumb{ border:2px solid var(--edutechx-sidebar-bg); border-radius:8px; background:rgba(148,163,184,.7); }
    .sidebar-logo img{ width: 100%; max-width: 190px; max-height: 78px; object-fit: contain; }
    .sidebar-logo .brand-logo-text{ width:100%; min-height:58px; background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.16); color:var(--edutechx-sidebar-text); }
    .sidebar-main-nav{
      display:flex;
      flex-direction:column;
      gap:6px;
      margin:0 0 10px;
    }
    .sidebar-title{ font-size: 11px; color: var(--edutechx-sidebar-icon); letter-spacing: .04em; text-transform: uppercase; margin: 6px 8px 8px; }
    .sidebar-nav{ display: flex; flex-direction: column; gap: 5px; }
    .side-nav-btn{
      width: 100%;
      display: flex;
      align-items: center;
      gap: 8px;
      border: 1px solid transparent;
      background: transparent;
      color: var(--edutechx-sidebar-text);
      border-radius: 7px;
      padding: 8px 10px;
      text-align: left;
      font-size: 13px;
      font-weight: 700;
      line-height: 1.25;
      overflow-wrap:anywhere;
    }
    .side-nav-btn:hover{ background: var(--edutechx-sidebar-hover); }
    .side-nav-btn.active{ background: var(--edutechx-sidebar-active); color: var(--edutechx-sidebar-active-text); border-color: rgba(255,255,255,0.18); box-shadow:0 8px 20px rgba(37,99,235,.22); }
    .side-nav-btn .nav-icon{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      flex:0 0 28px;
      width:28px;
      height:28px;
      border-radius:9px;
      background:rgba(255,255,255,.08);
      color:var(--edutechx-sidebar-icon);
    }
    .side-nav-btn .nav-icon svg{width:17px;height:17px}
    .side-nav-btn>span:not(.nav-icon){min-width:0}
    .side-nav-btn.active .nav-icon{background:rgba(255,255,255,.18);color:var(--edutechx-sidebar-active-text)}
    .side-nav-btn.main-panel-link{
      margin-top:0;
      background:linear-gradient(135deg, var(--edutechx-accent), var(--edutechx-button-danger-bg));
      color:#fff;
      border-color:rgba(255,255,255,.22);
      text-transform:uppercase;
      letter-spacing:.03em;
    }
    .side-nav-btn.main-panel-link .nav-icon{background:rgba(255,255,255,.18);color:#fff}
    .side-nav-btn.main-panel-link:hover{
      background:linear-gradient(135deg, var(--edutechx-accent), var(--edutechx-button-danger-bg));
      filter:brightness(1.04);
    }
    .side-nav-btn.main-panel-link.active{
      background:linear-gradient(135deg, var(--edutechx-accent), var(--edutechx-button-danger-bg));
      box-shadow:0 0 0 2px rgba(251,191,36,.28), 0 8px 20px rgba(217,119,6,.28);
    }
    .portal-main{
      min-width: 0;
      max-width:100%;
      overflow:visible;
      background: var(--edutechx-card-bg);
      border-radius: 8px;
      padding: 22px;
      border:1px solid #e2e8f0;
      box-shadow: 0 8px 24px rgba(15,23,42,0.08);
    }
    .portal-main > h2{
      margin-top:0;
      margin-bottom:16px;
      padding-bottom:14px;
      border-bottom:1px solid #e2e8f0;
      color:#0f172a !important;
      font-size:21px;
    }
    .institution-preview{ display:flex; align-items:center; gap:16px; padding:16px; border:1px solid #e2e8f0; border-radius:12px; background:#f8fafc; margin-bottom:12px; }
    .institution-preview .brand-logo-text{ min-width:110px; min-height:68px; background:var(--edutechx-secondary); }
    .institution-preview .brand-logo-text img{ max-width:140px; max-height:72px; object-fit:contain; }
    .institution-preview strong{ display:block; color:var(--edutechx-text); font-size:18px; margin-bottom:4px; }
    .institution-preview p{ margin:0 0 10px; color:#64748b; font-weight:700; }
    .theme-preset-actions{ display:grid; grid-template-columns:repeat(auto-fit, minmax(150px, 1fr)); gap:8px; margin-top:12px; }
    .theme-preset-actions button{ padding:10px; font-size:13px; }
    .theme-color-group{ margin-top:14px; }
    .theme-color-group h4{ margin:0 0 8px; color:var(--edutechx-card-title); }
    .theme-color-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(180px, 1fr)); gap:10px; }
    .theme-preview-shell{ border:1px solid var(--edutechx-border); border-radius:12px; padding:12px; background:var(--edutechx-bg); color:var(--edutechx-text); overflow:hidden; }
    .theme-preview-login{ background:var(--edutechx-login-bg); border:1px solid var(--edutechx-login-card-border); border-radius:10px; padding:10px; margin-bottom:12px; }
    .theme-preview-login .institution-preview{ background:var(--edutechx-login-card-bg); border-color:var(--edutechx-login-card-border); margin:0; }
    .theme-preview-login .institution-preview strong{ color:var(--edutechx-login-title); }
    .theme-preview-login .institution-preview p{ color:var(--edutechx-login-description); }
    .theme-preview-layout{ display:grid; grid-template-columns:170px minmax(0, 1fr); gap:12px; }
    .theme-preview-layout aside{ background:var(--edutechx-sidebar-bg); color:var(--edutechx-sidebar-text); border-radius:10px; padding:10px; display:flex; flex-direction:column; gap:7px; }
    .theme-preview-layout aside strong{ color:var(--edutechx-sidebar-active-text); margin-bottom:4px; }
    .theme-preview-layout aside span{ padding:7px 8px; border-radius:8px; font-size:12px; font-weight:800; }
    .theme-preview-layout aside span.active{ background:var(--edutechx-sidebar-active); color:var(--edutechx-sidebar-active-text); }
    .theme-preview-layout main{ min-width:0; display:flex; flex-direction:column; gap:10px; }
    .theme-preview-topbar{ background:var(--edutechx-topbar-bg); color:var(--edutechx-topbar-text); border-radius:10px; padding:10px 12px; font-weight:900; }
    .theme-preview-card{ background:var(--edutechx-card-bg); border:1px solid var(--edutechx-card-border); border-radius:10px; padding:12px; }
    .theme-preview-card h4{ margin:0 0 4px; color:var(--edutechx-card-title); }
    .theme-preview-card p{ margin:0 0 10px; color:var(--edutechx-muted); }
    .theme-preview-buttons{ display:flex; flex-wrap:wrap; gap:6px; }
    .theme-preview-buttons button{ width:auto; min-width:72px; padding:8px 10px; font-size:12px; background:var(--edutechx-button-primary-bg); color:var(--edutechx-button-primary-text); }
    .theme-preview-buttons button.secondary{ background:var(--edutechx-button-secondary-bg); color:var(--edutechx-button-secondary-text); }
    .theme-preview-buttons button.success{ background:var(--edutechx-button-success-bg); }
    .theme-preview-buttons button.danger{ background:var(--edutechx-button-danger-bg); }
    .theme-preview-report{ background:var(--edutechx-report-card-bg); color:var(--edutechx-report-card-text); border:1px solid var(--edutechx-report-print-border); border-radius:10px; padding:10px; font-weight:900; }
    .theme-preview-badges{ display:flex; flex-wrap:wrap; gap:6px; }
    .theme-preview-badges span{ display:inline-flex; padding:5px 8px; border-radius:7px; color:#fff; font-size:12px; font-weight:900; }
    .theme-preview-badges .success{ background:var(--edutechx-badge-success); }
    .theme-preview-badges .warning{ background:var(--edutechx-badge-warning); }
    .theme-preview-badges .danger{ background:var(--edutechx-badge-danger); }
    .theme-preview-badges .info{ background:var(--edutechx-badge-info); }
    .theme-preview-table{ min-width:0; background:var(--edutechx-card-bg); border:1px solid var(--edutechx-table-border); border-radius:8px; overflow:hidden; }
    .theme-preview-table th{ background:var(--edutechx-report-table-head-bg); color:var(--edutechx-report-table-head-text); }
    .portal-main details{
      display:none;
      margin:0;
      border:none;
      border-radius:0;
      box-shadow:none;
      overflow:visible;
      background:transparent;
    }
    .portal-main details.active-panel{
      display:block;
    }
    .portal-main details > summary{
      cursor:default;
      padding:0 0 14px;
      margin-bottom:18px;
      background:transparent;
      border-bottom:1px solid #e2e8f0;
      color:#0f172a;
      font-size:19px;
    }
    .portal-main details > summary::after{
      display:none;
      content:"";
    }
    .portal-main details .details-content{
      padding:0;
    }
    .portal-main .active-panel{
      animation: panelFadeIn .16s ease-out;
    }
    @keyframes panelFadeIn{
      from{ opacity:.55; transform:translateY(4px); }
      to{ opacity:1; transform:none; }
    }
    .muh-panel-section{
      display:none;
    }
    .muh-panel-section.active-panel{
      display:block;
    }
    .dashboard-grid.muh-panel-section.active-panel{
      display:grid;
    }
    .filter-panel{
      background:#f8fafc;
      border:1px solid #e2e8f0;
      border-radius:10px;
      padding:14px;
      margin-bottom:18px;
    }
    .filter-panel label{ margin-top:0; }
    .filter-panel select{ margin-bottom:0; }
    .readonly-select{ background:#f1f5f9 !important; color:#475569; }
    .teacher-history-controls{ display:none; }
    #teacherYoklamaContent.history-only > :not(#gecmisKonuKontroller):not(#gecmisPanel):not(#yoklamaDuzenlePanel),
    #teacherOdevContent.history-only > :not(#gecmisOdevKontroller):not(#odevGecmisPanel):not(#odevOgrenciPanel){
      display:none !important;
    }
    #teacherYoklamaContent.history-only #gecmisKonuKontroller,
    #teacherOdevContent.history-only #gecmisOdevKontroller{
      display:flex;
    }
    #teacherYoklamaContent:not(.history-only) > .btn-group,
    #teacherOdevContent:not(.history-only) > .btn-group{
      display:none !important;
    }
    .panel-anchor{ scroll-margin-top: 100px; }
    #teacherContent .portal-main .view-switcher{ display:none; }
    .management-grid{ display:grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap:14px; min-width:0; }
    .topic-check-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:8px; margin-bottom:10px; }
    .topic-check{ display:flex; gap:8px; align-items:flex-start; padding:9px; border:1px solid #e2e8f0; border-radius:8px; background:#fff; margin:0; cursor:pointer; }
    .topic-check input{ margin-top:3px; }
    .topic-check span{ font-weight:700; color:#334155; line-height:1.35; }
    .weekly-schedule-wrap{ width:100%; }
    .weekly-schedule-scroll{ overflow:auto; border:1px solid #cbd5e1; border-radius:8px; background:white; }
    .weekly-schedule-table{ width:100%; min-width:820px; border-collapse:collapse; table-layout:fixed; }
    .weekly-schedule-table th{ background:#4a90df; color:#fff; text-align:center; padding:11px 8px; font-size:13px; border:1px solid #d7e3f3; }
    .weekly-schedule-table td{ height:70px; text-align:center; vertical-align:middle; border:1px solid #d1d5db; background:#fff; padding:8px; }
    .weekly-schedule-table .time-cell{ background:#f1f5f9; color:#334155; font-size:16px; font-weight:900; width:150px; }
    .weekly-schedule-table .weekend-cell{ background:#dbeafe; }
    .schedule-lesson{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; color:#334155; line-height:1.2; }
    .schedule-link{ width:100%; min-height:54px; border:0; background:transparent; padding:4px; cursor:pointer; }
    .schedule-link:hover{ background:#eff6ff; border-radius:8px; }
    .schedule-current{ background:#dc2626 !important; color:#fff !important; border-radius:8px; padding:7px; }
    .schedule-current strong, .schedule-current span, .schedule-current small{ color:#fff !important; }
    .schedule-lesson strong{ font-size:16px; color:#334155; }
    .schedule-lesson span{ font-size:12px; color:#475569; font-weight:700; }
    .schedule-lesson small{ font-size:11px; color:#64748b; font-weight:700; }
    .schedule-empty{ color:#475569; }
    .management-panel{ background:#f8fafc; border:1px solid #e2e8f0; border-radius:10px; padding:16px; margin-bottom:16px; }
    .management-panel h3{ margin:0 0 12px; color:#1e293b; font-size:17px; }
    .teacher-permission-panel{ background:var(--edutechx-card-bg); border-color:var(--edutechx-card-border); }
    .permission-role-row{ display:flex; flex-wrap:wrap; gap:10px; margin:8px 0 12px; }
    .permission-group{ margin:10px 0; border:1px solid var(--edutechx-border); border-radius:10px; overflow:hidden; background:#fff; }
    .permission-group > summary{ padding:10px 12px; font-size:14px; background:var(--edutechx-table-head-bg); color:var(--edutechx-table-head-text); }
    .permission-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(210px, 1fr)); gap:8px; padding:12px; }
    .permission-check{ margin:0; padding:8px 9px; border:1px solid var(--edutechx-border); border-radius:8px; background:#f8fafc; font-size:13px; }
    .permission-check.permission-closed{ opacity:.72; border-style:dashed; }
    .permission-check small{ color:var(--edutechx-muted); font-weight:700; }
    .mini-actions{ display:flex; gap:10px; flex-wrap:wrap; margin-top:10px; }
    .mini-actions button{ width:auto; padding:10px 14px; font-size:13px; border-radius:8px; }
    .bulk-import-panel{ background:#f8fafc; border-color:#c7d2fe; }
    .bulk-import-status{ display:none; margin-top:12px; padding:12px 14px; border-radius:8px; border:1px solid #bfdbfe; background:#eff6ff; color:#1e3a8a; line-height:1.5; }
    .bulk-import-status.success{ border-color:#86efac; background:#f0fdf4; color:#14532d; }
    .bulk-import-status.error{ border-color:#fecaca; background:#fef2f2; color:#991b1b; }
    .bulk-import-status.info{ border-color:#bfdbfe; background:#eff6ff; color:#1e3a8a; }
    .bulk-import-status ul{ margin:8px 0 0; padding-left:18px; }
    .secure-backup-panel{ border-color:#99f6e4; background:#f0fdfa; }
    .secure-backup-check{ align-items:flex-start; color:#134e4a; }
    .secure-restore-panel{ border-color:#fecaca; background:#fff7ed; }
    .restore-confirm-check{ align-items:flex-start; color:#7f1d1d; }
    .backup-warning{ margin:12px 0; padding:12px 14px; border:1px solid #facc15; border-radius:8px; background:#fefce8; color:#713f12; line-height:1.45; }
    .restore-warning{ border-color:#fca5a5; background:#fef2f2; color:#7f1d1d; }
    .backup-status{ display:none; margin-top:12px; padding:12px 14px; border-radius:8px; border:1px solid #bfdbfe; background:#eff6ff; color:#1e3a8a; line-height:1.5; }
    .backup-status.success{ border-color:#86efac; background:#f0fdf4; color:#14532d; }
    .backup-status.error{ border-color:#fecaca; background:#fef2f2; color:#991b1b; }
    .backup-status.info{ border-color:#bfdbfe; background:#eff6ff; color:#1e3a8a; }
    .branch-row{ background:white; border:1px solid #e2e8f0; border-radius:8px; padding:12px; margin-bottom:12px; }
    .branch-row select[multiple]{ min-height:120px; }
    .inline-check{ display:flex; align-items:center; gap:8px; margin:8px 0 4px; font-weight:bold; color:#334155; }
    .muted-note{ color:#64748b; font-size:12px; margin:5px 0 0; }
    .academic-calendar-shell{
      background:#fff;
      border:1px solid #dbe2ea;
      border-radius:10px;
      padding:14px;
      overflow-x:auto;
      overflow-y:visible;
    }
    .calendar-toolbar{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      margin-bottom:12px;
      flex-wrap:wrap;
    }
    .calendar-toolbar h3{
      margin:0;
      color:#1e293b;
      font-size:24px;
      font-weight:700;
    }
    .calendar-nav{
      display:flex;
      gap:8px;
      align-items:center;
    }
    .calendar-nav button{
      width:auto;
      min-width:44px;
      padding:9px 13px;
      border-radius:7px;
      background:#243447;
      font-size:14px;
      box-shadow:none;
    }
    .calendar-nav button:nth-child(2){
      background:#64748b;
      min-width:76px;
    }
    .academic-calendar-grid{
      display:grid;
      grid-template-columns:repeat(7, minmax(118px, 1fr));
      border-left:1px solid #d9dee7;
      border-top:1px solid #d9dee7;
      min-width:820px;
    }
    .calendar-weekday{
      background:#f8fafc;
      border-right:1px solid #d9dee7;
      border-bottom:1px solid #d9dee7;
      min-height:30px;
      display:flex;
      align-items:center;
      justify-content:center;
      font-weight:800;
      color:#334155;
      font-size:13px;
    }
    .calendar-day{
      min-height:112px;
      border-right:1px solid #d9dee7;
      border-bottom:1px solid #d9dee7;
      padding:24px 4px 5px;
      position:relative;
      background:#fff;
      overflow:hidden;
      cursor:default;
    }
    .calendar-day.has-event{
      background:#fff7ed;
      cursor:pointer;
      box-shadow:inset 0 0 0 2px rgba(194,65,12,.18);
    }
    .calendar-day.today{
      background:#fff8db;
    }
    .calendar-day.muted{
      background:#f8fafc;
      color:#b4bdc9;
    }
    .calendar-day-number{
      position:absolute;
      top:6px;
      right:8px;
      font-size:13px;
      color:#334155;
      font-weight:700;
    }
    .calendar-day.muted .calendar-day-number{ color:#b4bdc9; }
    .calendar-events{
      display:flex;
      flex-direction:column;
      gap:4px;
    }
    .calendar-event{
      width:100%;
      padding:4px 6px;
      border-radius:4px;
      color:white;
      font-size:11px;
      line-height:1.15;
      text-align:left;
      box-shadow:none;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
      min-height:22px;
      border:0;
    }
    .calendar-event.exam, .calendar-type-pill.exam{ background:#ea580c; }
    .calendar-event.lesson, .calendar-type-pill.lesson{ background:#2563eb; }
    .calendar-event.topic, .calendar-type-pill.topic{ background:#047857; }
    .calendar-event.event, .calendar-type-pill.event{ background:#7c3aed; }
    .calendar-event.more{ background:#475569; }
    .calendar-type-pill{
      display:inline-flex;
      align-items:center;
      padding:4px 8px;
      border-radius:999px;
      color:#fff;
      font-size:11px;
      font-weight:800;
      white-space:nowrap;
    }
    .calendar-empty{
      grid-column:1 / -1;
      padding:28px;
      text-align:center;
      color:#64748b;
      background:#f8fafc;
      border-right:1px solid #d9dee7;
      border-bottom:1px solid #d9dee7;
    }
    .calendar-modal-overlay{
      position:fixed;
      inset:0;
      z-index:999998;
      display:none;
      align-items:center;
      justify-content:center;
      background:rgba(15,23,42,.46);
      padding:20px;
    }
    .calendar-modal{
      width:min(620px, 100%);
      max-height:min(720px, calc(100dvh - 40px));
      overflow:hidden;
      border-radius:8px;
      background:white;
      box-shadow:0 24px 80px rgba(15,23,42,.32);
      border:1px solid #e2e8f0;
    }
    .calendar-modal-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      padding:15px 18px;
      background:#eef2f7;
      border-bottom:1px solid #dbe2ea;
      color:#0f172a;
    }
    .calendar-modal-head button{
      width:auto;
      min-width:82px;
      padding:8px 12px;
      border-radius:7px;
      background:#64748b;
      font-size:13px;
    }
    .calendar-modal-body{
      padding:18px;
      max-height:calc(100dvh - 150px);
      overflow:auto;
    }
    .calendar-modal-event{
      border-left:5px solid #ea580c;
      background:#fff7ed;
      border-radius:8px;
      padding:14px;
      margin-bottom:12px;
    }
    .calendar-modal-event.lesson{ border-left-color:#2563eb; background:#eff6ff; }
    .calendar-modal-event.topic{ border-left-color:#047857; background:#ecfdf5; }
    .calendar-modal-event.event{ border-left-color:#7c3aed; background:#f5f3ff; }
    .calendar-modal-event h4{
      margin:4px 0 12px;
      color:#0f172a;
      font-size:18px;
    }
    .calendar-modal-event p{
      margin:8px 0 0;
      line-height:1.45;
      color:#334155;
    }
    .calendar-modal-type{
      color:#475569;
      font-size:12px;
      font-weight:800;
      text-transform:uppercase;
      letter-spacing:.03em;
    }
    .online-exam-list{
      display:grid;
      gap:12px;
    }
    .online-exam-card{
      display:grid;
      grid-template-columns:minmax(0, 1fr) auto;
      gap:14px;
      align-items:center;
      background:#f8fafc;
      border:1px solid #e2e8f0;
      border-radius:10px;
      padding:14px;
    }
    .online-exam-card h3{
      margin:8px 0 6px;
      color:#0f172a;
      font-size:18px;
    }
    .online-exam-card p{
      margin:0 0 8px;
      color:#475569;
      line-height:1.45;
    }
    .online-exam-meta{
      display:flex;
      gap:8px;
      flex-wrap:wrap;
      align-items:center;
      color:#64748b;
      font-size:12px;
      font-weight:700;
    }
    .online-exam-subject-line{
      color:#334155;
      font-size:13px;
      font-weight:700;
      margin-bottom:8px;
    }
    .online-exam-actions button{
      min-width:150px;
      width:auto;
      padding:10px 14px;
      border-radius:8px;
      font-size:13px;
    }
    .online-score{
      display:inline-flex;
      margin-top:8px;
      padding:6px 10px;
      border-radius:8px;
      background:#ecfdf5;
      color:#047857;
      font-weight:800;
    }
    .online-exam-head{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:12px;
      margin-bottom:12px;
    }
    .online-exam-subjects{
      display:grid;
      grid-template-columns:repeat(auto-fit, minmax(210px, 1fr));
      gap:8px;
    }
    .online-subject-check{
      display:flex;
      gap:8px;
      align-items:flex-start;
      margin:0;
      padding:10px;
      border:1px solid #e2e8f0;
      border-radius:8px;
      background:#fff;
      cursor:pointer;
    }
    .online-subject-check small{
      color:#64748b;
      font-weight:700;
      margin-left:4px;
    }
    .online-answer-subject{
      border:1px solid #e2e8f0;
      border-radius:10px;
      background:#fff;
      margin-bottom:12px;
      overflow:hidden;
    }
    .online-answer-subject > h4{
      margin:0;
      padding:12px 14px 10px;
      color:#1e293b;
      font-size:16px;
    }
    .online-answer-subject > h4 small{
      color:#64748b;
      font-size:12px;
      margin-left:6px;
    }
    .online-answer-toggle{
      width:100%;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      cursor:pointer;
      padding:12px 14px;
      color:#1e293b;
      background:#fff;
      border:0;
      border-radius:0;
      font-size:16px;
      font-weight:800;
      text-align:left;
    }
    .online-answer-toggle:after{
      content:"+";
      color:#64748b;
      font-size:18px;
      font-weight:900;
      transition:transform .18s ease;
    }
    .online-answer-subject.open .online-answer-toggle{
      border-bottom:1px solid #e2e8f0;
      background:#f8fafc;
    }
    .online-answer-subject.open .online-answer-toggle:after{
      content:"-";
    }
    .online-answer-toggle small{
      color:#64748b;
      font-size:12px;
      margin-left:auto;
      font-weight:700;
    }
    .answer-key-grid{
      display:none;
      grid-template-columns:1fr;
      gap:8px;
      padding:10px;
    }
    .online-answer-subject.open .answer-key-grid{
      display:grid;
    }
    .answer-key-row{
      display:grid;
      grid-template-columns:34px 72px minmax(0, 1fr);
      align-items:center;
      gap:6px;
      background:#f8fafc;
      border:1px solid #eef2f7;
      border-radius:8px;
      padding:6px;
    }
    .answer-key-row span{
      font-weight:800;
      color:#334155;
      text-align:center;
    }
    .answer-key-row select{
      margin:0;
      padding:8px;
      border-radius:7px;
    }
    .student-answer-grid{
      display:grid;
      grid-template-columns:repeat(auto-fit, minmax(92px, 1fr));
      gap:8px;
      padding:10px;
    }
    .student-answer-cell{
      margin:0;
      display:grid;
      grid-template-columns:28px minmax(0, 1fr);
      gap:6px;
      align-items:center;
      background:#f8fafc;
      border:1px solid #eef2f7;
      border-radius:8px;
      padding:6px;
    }
    .student-answer-cell span{
      text-align:center;
      color:#334155;
      font-weight:800;
    }
    .student-answer-choice-grid{
      grid-template-columns:1fr;
    }
    .student-answer-cell.answer-row{
      grid-template-columns:36px minmax(0, 1fr);
      background:#f1f5f9;
      border-color:#dbe3ee;
      padding:8px;
    }
    .answer-question-number{
      color:#64748b !important;
      font-size:20px;
      line-height:1;
    }
    .answer-options{
      display:flex;
      align-items:center;
      gap:8px;
      flex-wrap:wrap;
    }
    .answer-choice{
      width:34px !important;
      height:34px;
      min-width:34px;
      margin:0;
      padding:0 !important;
      border-radius:999px;
      border:2px solid #cbd5e1;
      background:#f8fafc;
      color:#94a3b8;
      font-size:15px !important;
      font-weight:900;
      line-height:1;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      box-shadow:inset 0 0 0 2px rgba(255,255,255,.88);
      transition:background .12s ease, color .12s ease, border-color .12s ease, transform .12s ease;
    }
    .answer-choice:hover{
      transform:translateY(-1px);
      border-color:#475569;
    }
    .answer-choice.selected{
      background:#111827;
      border-color:#111827;
      color:#fff;
    }
    .answer-choice.correct{
      background:#22c55e;
      border-color:#16a34a;
      color:#fff;
    }
    .answer-choice.wrong{
      background:#ef4444;
      border-color:#dc2626;
      color:#fff;
    }
    .answer-choice.blank-correct{
      background:#fff !important;
      border-color:#cbd5e1 !important;
      color:#334155 !important;
      box-shadow:inset 0 0 0 2px rgba(255,255,255,.88);
    }
    .answer-choice.hidden-after-review{
      display:none;
    }
    .student-answer-cell.reviewed{
      background:#f8fafc;
    }
    .student-answer-cell.reviewed[data-status="correct"]{
      border-color:#86efac;
      background:#f0fdf4;
    }
    .student-answer-cell.reviewed[data-status="wrong"]{
      border-color:#fecaca;
      background:#fff1f2;
    }
    .student-answer-cell.reviewed[data-status="blank"]{
      border-color:#e2e8f0;
      background:#f8fafc;
    }
    .online-result-summary{
      border:1px solid #bbf7d0;
      border-radius:10px;
      background:#f0fdf4;
      color:#14532d;
      padding:12px;
      margin:0 0 12px;
      line-height:1.45;
    }
    .online-result-points{
      font-size:18px;
      font-weight:900;
      color:#047857;
      margin-top:4px;
    }
    .online-result-breakdown{
      display:flex;
      flex-wrap:wrap;
      gap:6px;
      margin-top:8px;
    }
    .online-result-breakdown span{
      background:#fff;
      border:1px solid #dcfce7;
      border-radius:999px;
      padding:5px 8px;
      font-size:12px;
      color:#166534;
    }
    .online-submission-list{
      display:grid;
      gap:6px;
      min-width:210px;
    }
    .online-submission-item{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:8px;
      border:1px solid #e2e8f0;
      border-radius:8px;
      background:#fff;
      padding:7px;
    }
    .online-submission-item span{
      display:flex;
      flex-direction:column;
      gap:2px;
      min-width:0;
    }
    .online-submission-item small{
      color:#64748b;
      font-size:11px;
      font-weight:700;
    }
    .online-submission-item button{
      width:auto;
      min-width:70px;
      padding:7px 9px;
      border-radius:7px;
      font-size:12px;
      background:#0f766e;
    }
    .online-review-panel{
      margin-top:14px;
      border-color:#cbd5e1;
      background:#f8fafc;
    }
    .manual-calc-total{ background:#0f172a; color:white; border-radius:8px; padding:18px; display:flex; flex-direction:column; gap:5px; justify-content:center; min-height:104px; }
    .manual-calc-total span{ color:#cbd5e1; font-size:12px; font-weight:bold; text-transform:uppercase; letter-spacing:.04em; }
    .manual-calc-total strong{ font-size:30px; line-height:1.1; color:#38bdf8; }
    .demo-stats{ display:grid; grid-template-columns:repeat(auto-fit, minmax(140px, 1fr)); gap:10px; margin:12px 0; }
    .demo-stats .stat-card{ border:1px solid #e2e8f0; background:#fff; border-radius:8px; padding:12px; min-height:68px; }
    .demo-stats .stat-card span{ display:block; color:#64748b; font-size:12px; margin-bottom:6px; }
    .demo-stats .stat-card strong{ color:#0f172a; font-size:18px; line-height:1.2; word-break:break-word; }
    .demo-warning{ border:1px solid #f59e0b; background:#fffbeb; color:#92400e; border-radius:8px; padding:10px 12px; margin:10px 0; line-height:1.45; }
    .demo-result-box{ border:1px solid #bfdbfe; background:#eff6ff; border-radius:8px; padding:12px; margin-top:12px; }
    .demo-result-box h4{ margin:0 0 10px; color:#1e3a8a; }
    #teacherDenemeContent > .flex-row{
      flex-direction:column;
      gap:16px !important;
    }
    #teacherDenemeContent > .flex-row > div{
      width:100%;
      min-width:0 !important;
      flex:1 1 auto !important;
    }
    #ogretmenDenemeGecmisGovde{
      background:white;
    }

    .report-panel{
      display:flex;
      flex-direction:column;
      gap:14px;
    }
    .report-head{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:12px;
      padding:14px;
      border:1px solid #dbeafe;
      background:#f8fafc;
      border-radius:8px;
    }
    .report-head h3{
      margin:0 0 4px;
      color:#0f3f7a;
    }
    .report-toolbar{
      display:grid;
      grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));
      gap:10px;
      padding:14px;
      border:1px solid #e2e8f0;
      background:#ffffff;
      border-radius:8px;
    }
    .report-field label{
      margin-top:0;
      font-size:12px;
      color:#475569;
    }
    .report-field-type{
      grid-column:span 2;
    }
    .report-actions{
      display:flex;
      flex-wrap:wrap;
      gap:8px;
      align-items:center;
    }
    .report-actions button{
      width:auto;
      min-width:130px;
      margin:0;
      padding:10px 12px;
      border-radius:8px;
      font-size:13px;
    }
    .parent-report-catalog{
      display:grid;
      grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
      gap:10px;
    }
    .parent-report-card{
      display:grid;
      grid-template-columns:34px 1fr;
      align-items:start;
      gap:4px 10px;
      width:100% !important;
      min-height:108px;
      margin:0 !important;
      padding:14px !important;
      border:1px solid #dbe3ee !important;
      border-left:4px solid #94a3b8 !important;
      border-radius:10px !important;
      background:#fff !important;
      color:#0f172a !important;
      text-align:left;
      box-shadow:0 2px 8px rgba(15,23,42,.05) !important;
    }
    .parent-report-card:hover,
    .parent-report-card.active{
      border-color:#2563eb !important;
      border-left-color:#2563eb !important;
      background:#eff6ff !important;
      transform:translateY(-1px);
    }
    .parent-report-card>span{
      grid-row:1 / span 2;
      display:flex;
      align-items:center;
      justify-content:center;
      width:34px;
      height:34px;
      border-radius:8px;
      background:#e0ecff;
      color:#1d4ed8;
    }
    .parent-report-card .nav-icon{width:20px;height:20px}
    .parent-report-card strong{font-size:13px;line-height:1.35}
    .parent-report-card small{grid-column:2;color:#64748b;font-size:11px;line-height:1.45}
    .report-status{
      min-height:20px;
      color:#475569;
      font-size:13px;
      font-weight:600;
    }
    .report-summary-grid{
      display:grid;
      grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));
      gap:10px;
    }
    .report-summary-card{
      border:1px solid var(--edutechx-report-print-border);
      border-left:4px solid #1565c0;
      background:var(--edutechx-report-card-bg);
      padding:12px;
      border-radius:8px;
    }
    .report-summary-card span{
      display:block;
      font-size:12px;
      color:var(--edutechx-report-card-text);
      margin-bottom:5px;
    }
    .report-summary-card strong{
      display:block;
      color:var(--edutechx-report-card-text);
      font-size:18px;
    }
    .report-table-wrap{
      max-height:560px;
      overflow:auto;
      border-radius:8px;
    }
    .report-table{
      min-width:900px;
      font-size:12px;
    }
    .report-table th{
      position:sticky;
      top:0;
      z-index:1;
      background:var(--edutechx-report-table-head-bg);
      color:var(--edutechx-report-table-head-text);
    }

    @media print{
      #pukka-online-app .portal-sidebar,
      #pukka-online-app .topbar,
      #pukka-online-app .header-actions,
      #pukka-online-app .report-toolbar,
      #pukka-online-app .report-actions{
        display:none !important;
      }
      #pukka-online-app .card,
      #pukka-online-app .portal-main,
      #pukka-online-app .details-content{
        box-shadow:none !important;
        border:0 !important;
        padding:0 !important;
      }
      #pukka-online-app .report-table-wrap{
        max-height:none;
        overflow:visible;
      }
      #pukka-online-app .report-table{
        font-size:9px;
      }
    }

    @media (max-width: 900px){
      .container{ padding:12px; }
      .portal-shell{ grid-template-columns: 1fr; gap:12px; }
      .portal-sidebar{
        position: relative;
        top: auto;
        height:auto;
        min-height: auto;
        max-height:none;
        overflow:visible;
        scrollbar-gutter:auto;
        padding:14px;
      }
      .sidebar-logo{ display:none; }
      .sidebar-nav{
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
      }
      .side-nav-btn{ min-height:44px; }
    }

    @media (max-width: 640px){
      .topbar{ margin-top:8px; padding:12px 10px; font-size:16px; line-height:1.25; }
      .container{ padding:8px; }
      .card{ margin-top:10px; padding:12px; border-radius:10px; }
      #loginView{ margin-top:26px; }
      .header-actions{ flex-direction:column; align-items:stretch; }
      .session-actions{ width:100%; }
      .session-countdown{ flex:1; min-width:0; }
      .btn-logout{ width:100%; }
      .welcome{ width:100%; text-align:center; }
      .portal-main{ padding:12px; border-radius:8px; }
      .portal-sidebar{ border-radius:8px; }
      .sidebar-title{ margin:0 4px 10px; }
      .sidebar-nav{ grid-template-columns:1fr; gap:6px; }
      .side-nav-btn{ padding:10px 12px; font-size:13px; }
      h1{ font-size:21px; }
      h2{ font-size:19px; line-height:1.25; }
      h3{ line-height:1.25; }
      .dashboard-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap:10px; }
      .dash-card{ padding:12px 8px; }
      .dash-card h3{ font-size:22px; }
      .admin-dashboard-hero{ flex-direction:column; align-items:flex-start; }
      .dashboard-hero-chip{ align-self:flex-start; }
      .details-content{ padding:12px; }
      summary{ padding:13px 12px; font-size:14px; align-items:flex-start; }
      .flex-row{ gap:8px; }
      .flex-row > div{ flex-basis:100%; }
      .management-grid{ grid-template-columns:1fr; gap:8px; }
      .management-panel{ padding:12px; }
      .setup-wizard-head{ flex-direction:column; }
      .setup-small-btn{ width:100%; }
      .setup-steps{ grid-template-columns:1fr; }
      .setup-actions{ grid-template-columns:1fr; }
      .online-exam-card{ grid-template-columns:1fr; }
      .online-exam-actions button{ width:100%; }
      .answer-key-grid{ grid-template-columns:1fr; }
      .student-answer-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
      .student-answer-choice-grid{ grid-template-columns:1fr; }
      .btn-group, .mini-actions{ flex-direction:column; gap:8px; }
      .btn-group button, .mini-actions button{ width:100%; }
      .secimler{ gap:8px; }
      .secimler label{ flex:1 1 78px; justify-content:center; padding:8px 6px; }
      table{ min-width:560px; font-size:13px; }
      th, td{ padding:9px; }
    }

    @media (max-width: 420px){
      .dashboard-grid{ grid-template-columns:1fr; }
      table{ min-width:520px; }
    }
.demo-login-notice{margin:0 0 14px;padding:12px;border:1px solid #f59e0b;background:#fffbeb;color:#7c2d12;font-size:13px;line-height:1.5}
.demo-login-notice a{color:#0369a1;font-weight:700}
.portal-message{border:1px solid var(--edutechx-border,#dbe3ee);border-left:4px solid #64748b;padding:12px;margin:10px 0;background:#fff}
.portal-message.incoming{border-left-color:#0284c7}.portal-message.outgoing{border-left-color:#16a34a}.portal-message.unread{background:#eff6ff}
.portal-message header{display:flex;justify-content:space-between;gap:12px;font-size:13px}.portal-message header span{color:#64748b;white-space:nowrap}
.portal-message h4{margin:8px 0 4px;font-size:15px}.portal-message p{margin:0;white-space:pre-wrap}
.message-compose{margin-bottom:16px}.message-list{display:grid;gap:2px}
.test-card-grid,.guidance-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.test-card,.guidance-card{border:1px solid #dbe3ee;border-radius:6px;background:#fff;padding:14px}
.test-card header{display:flex;justify-content:space-between;gap:12px}.test-card h3,.guidance-card h3{font-size:16px;margin:0 0 6px}
.test-question-editors{display:grid;gap:10px;margin:12px 0}.test-question-editor{border:1px solid #cbd5e1;background:#f8fafc;padding:12px}
.test-question-editor header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.test-option-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.student-test-form{border-top:1px solid #dbe3ee;margin-top:12px;padding-top:12px}.student-test-question{padding:12px 0;border-bottom:1px solid #e2e8f0}.test-timer-card{display:grid;gap:5px;margin:10px 0;padding:12px;border:1px solid #bae6fd;border-radius:6px;background:#f0f9ff;color:#0f172a}.test-timer-card strong{font-size:12px;text-transform:uppercase;color:#0369a1}.test-timer-card span{font-size:22px;font-weight:900}.test-timer-card small{color:#475569}.test-timer-card.active{border-color:#f59e0b;background:#fffbeb}.test-timer-card.active strong{color:#92400e}
.student-test-question>small{display:block;color:#64748b;margin-top:4px}.student-test-options{display:grid;gap:6px;margin-top:9px}
.student-test-options label{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid #dbe3ee;background:#fff}.student-test-options label span{font-weight:800}
.test-review{display:grid;gap:5px;margin-top:8px}.test-review>div{display:grid;grid-template-columns:auto 1fr;gap:6px;border-left:4px solid #94a3b8;padding:7px;background:#f8fafc}
.test-review>div.correct{border-left-color:#16a34a}.test-review>div.wrong{border-left-color:#dc2626}.test-review>div.blank{border-left-color:#f59e0b}.test-review small{grid-column:1/-1}
.topic-summary,.wrong-topic-summary{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.topic-chip,.wrong-topic-summary span{border:1px solid #f59e0b;background:#fffbeb;padding:6px 9px;font-size:12px}
.wrong-topic-summary strong{flex-basis:100%}.answer-topic{margin:5px 0 0 44px;color:#475569;font-size:12px}
.student-picker-tools{display:flex;align-items:center;gap:10px;margin:6px 0}.student-picker-tools input{margin:0;max-width:340px}
.brans-ogrenciler{min-height:180px}.brans-ogrenciler option{padding:8px}
.schedule-sheet-wrap{margin-top:18px}.schedule-sheet-scroll{overflow-x:auto}.schedule-sheet{min-width:980px;table-layout:fixed}
.schedule-sheet th:first-child{width:150px;position:sticky;left:0;background:#f1f5f9;z-index:1}.schedule-sheet td{vertical-align:top;padding:6px}
.schedule-sheet-entry{display:grid;gap:2px;border-left:4px solid #0284c7;background:#f0f9ff;padding:7px;margin:3px 0;font-size:12px}
.schedule-sheet-entry span{color:#475569}.schedule-sheet-entry.schedule-conflict{border-left-color:#dc2626;background:#fef2f2}.schedule-sheet-entry small{color:#b91c1c;font-weight:700}
.schedule-empty{color:#94a3b8}.one-time-password-overlay{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;background:rgba(15,23,42,.5);padding:18px}
.one-time-password-card{width:min(520px,100%);background:#fff;border:1px solid #cbd5e1;box-shadow:0 24px 70px rgba(15,23,42,.3);padding:18px}
.one-time-password-card header{display:flex;align-items:center;justify-content:space-between}.one-time-password-card h3{margin:0}
.one-time-password-card .one-time-password{display:block;text-align:center;font-size:26px;padding:14px;background:#f8fafc;border:1px dashed #64748b}
.icon-close,.icon-danger{width:36px!important;height:36px;padding:0!important;background:#64748b!important}.icon-danger{background:#dc2626!important}
.panel-section-heading{border-bottom:1px solid #dbe3ee;margin-bottom:14px}.panel-section-heading h2{margin:0 0 4px}.check-line{display:flex!important;align-items:center;gap:8px;margin:10px 0}.check-line input{width:auto;margin:0}
@media(max-width:720px){.test-option-grid{grid-template-columns:1fr}.portal-message header{display:grid}.student-picker-tools{align-items:stretch;flex-direction:column}.student-picker-tools input{max-width:none}}

/* Messaging, tests and guidance base styles */
.topbar-message-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;width:auto!important;min-height:38px;padding:7px 11px!important;margin:0!important;border:1px solid color-mix(in srgb,var(--edutechx-topbar-text) 30%,transparent)!important;background:color-mix(in srgb,var(--edutechx-topbar-bg) 82%,#fff 18%)!important;color:var(--edutechx-topbar-text)!important;box-shadow:none!important}
.topbar-message-button:hover{background:color-mix(in srgb,var(--edutechx-topbar-bg) 70%,#fff 30%)!important}.topbar-message-icon{font-size:18px;line-height:1}.topbar-message-label{font-size:13px;font-weight:800}.topbar-message-badge{position:absolute;right:-5px;top:-7px;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border:2px solid var(--edutechx-topbar-bg);border-radius:10px;background:var(--edutechx-notification-badge);color:#fff;font-size:10px;font-weight:900}
.setup-complete-btn[aria-busy="true"]{cursor:wait;opacity:.72}.setup-complete-btn[aria-busy="true"]::after{content:"";display:inline-block;width:13px;height:13px;margin-left:8px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-2px;animation:portal-spin .7s linear infinite}@keyframes portal-spin{to{transform:rotate(360deg)}}
.eyebrow{display:block;margin-bottom:4px;color:#64748b;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:0}.section-heading,.test-module-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.section-heading h3,.test-module-heading h3{margin:0;font-size:19px;line-height:1.3}.section-heading small{color:#64748b}
.message-module,.test-module{display:grid;gap:16px}.message-tabs,.test-module-tabs{display:flex;flex-wrap:wrap;gap:6px;border-bottom:1px solid #dbe3ee;padding-bottom:10px}.message-tab,.test-module-tab{width:auto!important;margin:0!important;padding:9px 12px!important;border:1px solid #cbd5e1!important;background:#fff!important;color:#334155!important;box-shadow:none!important;font-size:13px!important}.message-tab.active,.test-module-tab.active{border-color:#1d4ed8!important;background:#1d4ed8!important;color:#fff!important}.message-tab span{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;margin-left:6px;border-radius:10px;background:#dc2626;color:#fff;font-size:10px}
.message-compose-card,.test-editor-card,.guidance-editor-card{border:1px solid #dbe3ee;border-radius:6px;background:#fff;padding:20px}.message-recipient-area{margin:14px 0;padding:14px;border-left:4px solid #0284c7;background:#f8fafc}.message-compose-options,.form-footer{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:16px;margin-top:14px}.form-footer button{width:auto}.message-bulk-notice,.test-target-hint{margin:10px 0;padding:11px 13px;border:1px solid #bae6fd;background:#f0f9ff;color:#0c4a6e;font-size:13px}.message-filter-bar{display:grid;grid-template-columns:minmax(220px,1fr) 180px auto;align-items:end;gap:10px;padding:12px;border:1px solid #dbe3ee;background:#f8fafc}.message-filter-bar input,.message-filter-bar select{margin:0}.message-filter-bar .inline-check{align-self:center}.message-table td{vertical-align:top}.message-table td:first-child strong,.message-table td:first-child small{display:block}.message-table td:first-child small{margin-top:3px;color:#64748b}.message-unread-row{background:#eff6ff!important}.message-subject summary{cursor:pointer;font-weight:800;color:#0f172a}.message-subject p{max-width:720px;white-space:pre-wrap}.message-subject small{color:#64748b}
.student-picker{display:grid;gap:10px}.student-picker-toolbar{display:grid;grid-template-columns:minmax(180px,1fr) minmax(140px,.55fr) minmax(140px,.55fr);gap:8px}.student-picker-toolbar input,.student-picker-toolbar select,.student-picker-toolbar button{margin:0}.student-picker-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));max-height:280px;overflow:auto;border:1px solid #dbe3ee;background:#fff;padding:8px}.student-picker-row{display:flex;align-items:center;gap:8px;min-height:38px;padding:7px 8px;border-bottom:1px solid #eef2f7;cursor:pointer;font-size:13px}.student-picker-row:hover{background:#f8fafc}.student-picker-row input{width:auto!important;margin:0!important}.student-picker-chips{display:flex;flex-wrap:wrap;gap:6px;min-height:28px}.student-chip{display:inline-flex;align-items:center;padding:5px 8px;border:1px solid #bfdbfe;border-radius:6px;background:#eff6ff;color:#1e3a8a;font-size:11px;font-weight:800}
.test-module-heading{align-items:center}.test-module-heading button{width:auto}.test-form-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.test-form-grid small{display:block;margin-top:5px;color:#64748b}.answer-key-panel{margin-top:16px;border-top:1px solid #dbe3ee;padding-top:16px}.answer-key-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;max-height:440px;overflow:auto;padding:2px}.answer-key-item{display:grid;grid-template-columns:30px 1fr;align-items:center;gap:5px;margin:0;padding:6px;border:1px solid #dbe3ee;background:#f8fafc}.answer-key-item span{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#334155;color:#fff;font-size:11px;font-weight:900}.answer-key-item select{margin:0;padding:6px}.test-card-grid{grid-template-columns:repeat(auto-fit,minmax(310px,1fr))}.student-test-card{display:grid;gap:12px;padding:18px}.student-test-card header p{margin:4px 0 0;color:#64748b}.test-meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.test-meta-grid span{padding:8px;border:1px solid #e2e8f0;background:#f8fafc;font-size:12px}.test-description{margin:0;line-height:1.55}.test-assignment-note{margin:0;padding:10px;border-left:4px solid #f59e0b;background:#fffbeb}.test-score{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:74px;min-height:74px;border:1px solid #86efac;background:#f0fdf4;color:#166534;font-size:24px;font-weight:900}.test-score small{font-size:10px;text-transform:uppercase}.test-result{display:flex;align-items:flex-start;gap:12px}.test-result .test-review{flex:1}.student-test-question{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:10px}.student-test-question>strong{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#334155;color:#fff}.student-test-options{display:flex;flex-wrap:wrap;gap:8px;margin:0}.test-answer-bubble{padding:0!important;border:0!important;background:transparent!important;cursor:pointer}.test-answer-bubble input{position:absolute;opacity:0;pointer-events:none}.test-answer-bubble span{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:2px solid #94a3b8;border-radius:50%;background:#fff;color:#475569;font-weight:900}.test-answer-bubble input:checked+span{border-color:#111827;background:#111827;color:#fff}.test-review>div{grid-template-columns:90px 1fr}
.guidance-profile-card{border:1px solid #dbe3ee;border-left:5px solid #0284c7;border-radius:6px;background:#fff;padding:18px}.guidance-profile-card p{line-height:1.6}.guidance-target-line{display:grid;grid-template-columns:80px 1fr;gap:8px;margin:12px 0;padding:10px;background:#f8fafc}.risk-badge{display:inline-flex;align-items:center;height:26px;padding:0 9px;border-radius:6px;font-size:11px;font-weight:900}.risk-badge.risk-düşük{background:#dcfce7;color:#166534}.risk-badge.risk-orta{background:#fef3c7;color:#92400e}.risk-badge.risk-yüksek{background:#fee2e2;color:#991b1b}.guidance-card blockquote{margin:10px 0 0;padding:9px 11px;border-left:4px solid #f59e0b;background:#fffbeb}.guidance-note-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.guidance-note-grid textarea,.guidance-editor-card textarea{line-height:1.6;resize:vertical}.guidance-week-calendar{display:grid;grid-template-columns:repeat(7,minmax(185px,1fr));gap:8px;overflow-x:auto;padding-bottom:10px}.guidance-day-column{display:flex;flex-direction:column;min-height:320px;border:1px solid #dbe3ee;background:#f8fafc}.guidance-day-column>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;border-bottom:1px solid #dbe3ee;background:#334155;color:#fff}.guidance-day-column>header span{font-size:10px;color:#cbd5e1}.guidance-day-plans{display:grid;align-content:start;gap:8px;padding:8px;flex:1}.guidance-plan-card{border:1px solid #dbe3ee;border-left:5px solid #0284c7;border-radius:6px;background:#fff;padding:10px}.guidance-plan-card.color-1{border-left-color:#16a34a}.guidance-plan-card.color-2{border-left-color:#f59e0b}.guidance-plan-card.color-3{border-left-color:#dc2626}.guidance-plan-card.color-4{border-left-color:#7c3aed}.guidance-plan-card.completed{opacity:.72}.guidance-plan-card h4{margin:5px 0 3px;font-size:14px}.guidance-plan-card p{margin:0 0 6px;color:#475569;font-size:12px}.guidance-plan-card>span,.guidance-plan-card>small{display:block;color:#64748b;font-size:10px}.guidance-plan-time{font-size:11px;font-weight:900;color:#0f172a}.guidance-plan-actions{display:flex;gap:5px;margin-top:8px}.guidance-plan-actions button,.guidance-add-plan{width:auto!important;margin:0!important;padding:5px 7px!important;font-size:10px!important}.guidance-plan-actions button.danger{background:#dc2626!important}.guidance-add-plan{margin:8px!important;border:1px dashed #94a3b8!important;background:#fff!important;color:#334155!important}.guidance-empty-day{padding:14px 6px;text-align:center;color:#94a3b8;font-size:11px}.guidance-report-grid .dash-card{min-height:100px}
@media(max-width:900px){.student-picker-toolbar{grid-template-columns:1fr 1fr}.message-filter-bar{grid-template-columns:1fr 1fr}.message-filter-bar .inline-check{grid-column:1/-1}.guidance-note-grid{grid-template-columns:1fr}.guidance-week-calendar{grid-template-columns:repeat(7,minmax(220px,1fr))}.test-meta-grid{grid-template-columns:1fr}.session-actions{flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:620px){.topbar-message-label{display:none}.topbar-message-button{width:40px!important;padding:7px!important}.message-compose-card,.test-editor-card,.guidance-editor-card{padding:14px}.student-picker-toolbar{grid-template-columns:1fr}.message-filter-bar{grid-template-columns:1fr}.test-result{display:grid}.message-compose-options,.form-footer{align-items:stretch;flex-direction:column}.form-footer button{width:100%}.section-heading,.test-module-heading{align-items:stretch;flex-direction:column}.student-picker-list{grid-template-columns:1fr}}

/* Interface refinement base */
#pukka-online-app .header-actions{padding:10px;border:1px solid #dbe3ee;border-radius:8px;background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.05)}
#pukka-online-app .welcome{border:1px solid #bae6fd;border-radius:7px;background:#f0f9ff;color:#0f3f7a}
#pukka-online-app details{border-radius:8px;box-shadow:0 1px 3px rgba(15,23,42,.04)}
#pukka-online-app summary{background:#f8fafc}
#pukka-online-app .management-panel,#pukka-online-app .report-toolbar,#pukka-online-app .message-filter-bar{border-radius:8px;background:#f8fafc;box-shadow:inset 0 1px 0 rgba(255,255,255,.85)}
#pukka-online-app .management-panel{border-color:#dbe3ee}
#pukka-online-app .report-head{background:#fff;border-color:#dbe3ee;box-shadow:0 1px 3px rgba(15,23,42,.05)}
#pukka-online-app .report-toolbar{gap:12px;padding:16px;border-color:#dbe3ee}
#pukka-online-app .report-field{min-width:0}
#pukka-online-app .report-field label{margin:0 0 5px;color:#334155;font-size:12px;font-weight:800}
#pukka-online-app .report-field input,#pukka-online-app .report-field select{margin:0}
#pukka-online-app .report-actions{padding-top:12px;border-top:1px solid #e2e8f0}
#pukka-online-app .report-actions button{min-height:40px;box-shadow:0 1px 2px rgba(15,23,42,.12)}
#pukka-online-app .table-container{border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px rgba(15,23,42,.04)}
#pukka-online-app table{border-collapse:separate;border-spacing:0}
#pukka-online-app th{background:#f1f5f9;color:#334155;font-size:12px;text-transform:none}
#pukka-online-app tbody tr{transition:background .14s ease}
#pukka-online-app tbody tr:hover{background:#f8fafc}
#pukka-online-app .inline-check{display:inline-flex;align-items:center;gap:9px;min-height:40px;margin:0;color:#334155;font-size:13px;cursor:pointer}
#pukka-online-app .inline-check input[type="checkbox"]{appearance:none;width:38px;height:22px;min-width:38px;margin:0;border:1px solid #94a3b8;border-radius:12px;background-color:#cbd5e1;background-image:radial-gradient(circle at 10px 50%,#fff 0 7px,transparent 8px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.65);cursor:pointer;transition:background .16s ease,border-color .16s ease}
#pukka-online-app .inline-check input[type="checkbox"]:checked{border-color:#0f766e;background-color:#14b8a6;background-image:radial-gradient(circle at 27px 50%,#fff 0 7px,transparent 8px)}
#pukka-online-app .inline-check input[type="checkbox"]:focus{box-shadow:0 0 0 3px rgba(20,184,166,.18),inset 0 0 0 2px #fff}
#pukka-online-app .message-tabs,#pukka-online-app .test-module-tabs{gap:8px;padding:4px;border:1px solid #dbe3ee;border-radius:8px;background:#f8fafc}
#pukka-online-app .message-tab,#pukka-online-app .test-module-tab{min-height:38px;border-color:transparent!important;border-radius:6px!important;background:transparent!important}
#pukka-online-app .message-tab.active,#pukka-online-app .test-module-tab.active{border-color:#1d4ed8!important;background:#1d4ed8!important;box-shadow:0 4px 12px rgba(29,78,216,.18)!important}
#pukka-online-app .message-compose-card,#pukka-online-app .test-editor-card,#pukka-online-app .guidance-editor-card{border-radius:8px;box-shadow:0 5px 18px rgba(15,23,42,.06)}
#pukka-online-app .message-filter-bar{grid-template-columns:minmax(220px,1fr) minmax(160px,190px) auto;padding:14px}
#pukka-online-app .message-row{cursor:pointer;outline:none}
#pukka-online-app .message-row:hover{background:#f0f9ff!important}
#pukka-online-app .message-row:focus-visible{box-shadow:inset 0 0 0 2px #14b8a6}
#pukka-online-app .message-unread-row{background:#eef6ff!important}
#pukka-online-app .message-person{display:flex;align-items:center;gap:10px;min-width:170px}
#pukka-online-app .message-person>span:last-child{min-width:0}
#pukka-online-app .message-person strong,#pukka-online-app .message-person small{display:block}
#pukka-online-app .message-person small{margin-top:3px;color:#64748b;font-size:11px}
#pukka-online-app .message-avatar{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;border-radius:50%;background:#e0f2fe;color:#075985;font-size:14px;font-weight:900}
#pukka-online-app .message-subject-line{display:flex;align-items:center;gap:8px;color:#0f172a}
#pukka-online-app .message-new-dot{width:8px;height:8px;border-radius:50%;background:#0284c7;box-shadow:0 0 0 3px #e0f2fe}
#pukka-online-app .message-preview{display:-webkit-box;max-width:700px;margin:5px 0;color:#475569;font-size:13px;line-height:1.45;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}
#pukka-online-app .message-target{color:#64748b}
#pukka-online-app .message-date{white-space:nowrap;color:#475569;font-size:12px}
#pukka-online-app .message-open-button{min-width:58px;margin:0}
.message-modal-open{overflow:hidden}
.message-detail-overlay{position:fixed;inset:0;z-index:1000000;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(15,23,42,.58);backdrop-filter:blur(2px)}
.message-detail-overlay.is-open{display:flex}
.message-detail-panel{display:flex;flex-direction:column;width:min(760px,100%);max-height:min(88vh,860px);overflow:hidden;border:1px solid #cbd5e1;border-radius:8px;background:#fff;box-shadow:0 28px 90px rgba(15,23,42,.35)}
.message-detail-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid #e2e8f0;background:#f8fafc}
.message-detail-identity{display:flex;align-items:center;gap:12px;min-width:0}
.message-detail-identity h3{margin:0;color:#0f172a;font-size:19px;overflow-wrap:anywhere}
.message-detail-avatar{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;border-radius:50%;background:#0f766e;color:#fff;font-size:18px;font-weight:900}
.message-detail-close{width:38px;height:38px;min-width:38px;padding:0;border:1px solid #cbd5e1;background:#fff;color:#334155;font-size:24px;line-height:1;box-shadow:none}
.message-detail-content{overflow-y:auto;padding:20px}
.message-detail-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 18px}
.message-detail-meta>div{padding:11px 12px;border:1px solid #e2e8f0;border-radius:7px;background:#f8fafc}
.message-detail-meta dt{margin:0 0 4px;color:#64748b;font-size:11px;font-weight:800;text-transform:uppercase}
.message-detail-meta dd{margin:0;color:#1e293b;font-size:13px;font-weight:700;overflow-wrap:anywhere}
.message-detail-body{padding:18px;border-left:4px solid #0284c7;background:#f8fafc}
.message-detail-body h4{margin:0 0 12px;color:#0f172a;font-size:18px}
.message-detail-body p{margin:0;color:#334155;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}
.message-detail-reply{margin-top:18px;padding-top:18px;border-top:1px solid #e2e8f0}
.message-detail-reply[hidden]{display:none}
.message-detail-reply label{margin:0 0 6px}
.message-detail-reply textarea{width:100%;min-height:120px;margin:0;padding:12px;border:1px solid #cbd5e1;border-radius:7px;font:inherit;resize:vertical}
.message-detail-reply textarea:focus{border-color:#14b8a6;outline:none;box-shadow:0 0 0 3px rgba(20,184,166,.15)}
.message-detail-reply-actions,.message-detail-footer>div{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}
.message-detail-reply-actions button,.message-detail-footer button{width:auto;min-width:96px;margin:0;padding:9px 12px}
.message-detail-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 20px;border-top:1px solid #e2e8f0;background:#fff}
.message-detail-footer>div{margin:0}
.message-detail-privacy{color:#64748b;font-size:12px}
#pukka-online-app .test-form-grid{gap:14px}
#pukka-online-app .test-list-filters{display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(3,minmax(150px,.7fr));gap:10px;margin-bottom:12px;padding:14px;border:1px solid #dbe3ee;border-radius:8px;background:#f8fafc}
#pukka-online-app .test-list-filters label{margin:0 0 5px;font-size:12px}
#pukka-online-app .test-list-filters input,#pukka-online-app .test-list-filters select{margin:0}
#pukka-online-app .test-filter-empty{margin-top:10px}
#pukka-online-app .answer-key-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;padding:6px}
#pukka-online-app .answer-key-item{border-radius:7px;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.05)}
#pukka-online-app .answer-key-item select{min-height:36px;margin:0}
#pukka-online-app .student-picker-toolbar{padding:10px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc}
#pukka-online-app .student-picker-list{border-radius:8px}
#pukka-online-app .student-picker-row{border-radius:6px}
#pukka-online-app .student-picker-row:hover{background:#eef6ff}
#pukka-online-app .student-chip{background:#ecfeff;border-color:#99f6e4;color:#115e59}
#pukka-online-app .student-chip-more{border-style:dashed;background:#f8fafc;color:#475569}
#pukka-online-app .brans-ogrenci-chips{margin:10px 0 4px;padding:9px;border:1px solid #dbe3ee;border-radius:8px;background:#f8fafc}
#pukka-online-app .test-file-field{position:relative;min-height:150px;padding:12px;border:2px dashed #93c5fd;border-radius:8px;background:#f0f9ff;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}
#pukka-online-app .test-file-field:hover,#pukka-online-app .test-file-field.is-dragging{border-color:#0f766e;background:#ecfeff;box-shadow:0 0 0 3px rgba(20,184,166,.12)}
#pukka-online-app .test-file-field>label{position:relative;z-index:1;margin:0 0 10px;color:#0f3f7a}
#pukka-online-app .test-file-drop-copy{display:flex;align-items:center;justify-content:center;gap:12px;min-height:82px;text-align:left;color:#334155;pointer-events:none}
#pukka-online-app .test-file-drop-copy>span:last-child{display:grid;gap:4px}
#pukka-online-app .test-file-drop-copy strong{font-size:13px}
#pukka-online-app .test-file-drop-copy small{display:block;color:#64748b;font-size:11px}
#pukka-online-app .test-file-mark{display:inline-flex;align-items:center;justify-content:center;width:46px;height:54px;border:1px solid #fecaca;border-radius:6px;background:#fff;color:#b91c1c;font-size:12px;font-weight:900;box-shadow:0 2px 7px rgba(15,23,42,.08)}
#pukka-online-app .test-file-field>input[type="file"]{position:absolute;inset:35px 0 0;z-index:2;width:100%;height:calc(100% - 35px);margin:0;opacity:0;cursor:pointer}
#pukka-online-app .guidance-list-heading{margin-top:22px}
#pukka-online-app .guidance-session-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:12px}
#pukka-online-app .guidance-session-card{display:flex;flex-direction:column;min-width:0;padding:16px;border:1px solid #dbe3ee;border-top:4px solid #0f766e;border-radius:8px;background:#fff;box-shadow:0 3px 12px rgba(15,23,42,.06)}
#pukka-online-app .guidance-session-card header,#pukka-online-app .guidance-session-card footer{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
#pukka-online-app .guidance-session-card h4{margin:0;color:#0f172a;font-size:16px}
#pukka-online-app .guidance-session-card time{padding:5px 8px;border-radius:6px;background:#eff6ff;color:#1e3a8a;font-size:11px;font-weight:800;white-space:nowrap}
#pukka-online-app .guidance-session-subject{display:block;margin:14px 0 6px;color:#0f3f7a}
#pukka-online-app .guidance-session-card>p{display:-webkit-box;margin:0 0 12px;color:#475569;line-height:1.55;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical}
#pukka-online-app .guidance-session-follow{display:grid;gap:3px;margin-top:auto;padding:10px;border-left:3px solid #f59e0b;background:#fffbeb}
#pukka-online-app .guidance-session-follow span{color:#92400e;font-size:10px;font-weight:900;text-transform:uppercase}
#pukka-online-app .guidance-session-follow strong{color:#78350f;font-size:12px}
#pukka-online-app .guidance-session-card footer{align-items:center;margin-top:14px;padding-top:12px;border-top:1px solid #e2e8f0;color:#64748b;font-size:11px}
#pukka-online-app .guidance-profile-card,#pukka-online-app .guidance-card,#pukka-online-app .guidance-plan-card{box-shadow:0 2px 8px rgba(15,23,42,.05)}
@media(max-width:900px){#pukka-online-app .message-filter-bar{grid-template-columns:1fr 1fr}#pukka-online-app .test-list-filters{grid-template-columns:1fr 1fr}.message-detail-meta{grid-template-columns:1fr}.message-detail-footer{align-items:stretch;flex-direction:column}.message-detail-footer>div{justify-content:stretch}.message-detail-footer button{flex:1}}
@media(max-width:620px){.message-detail-overlay{align-items:flex-end;padding:0}.message-detail-panel{max-height:94vh;border-radius:8px 8px 0 0}.message-detail-header,.message-detail-content,.message-detail-footer{padding:14px}.message-detail-reply-actions{flex-direction:column}.message-detail-reply-actions button{width:100%}#pukka-online-app .message-filter-bar,#pukka-online-app .test-list-filters{grid-template-columns:1fr}#pukka-online-app .message-table table{min-width:760px}#pukka-online-app .guidance-session-list{grid-template-columns:1fr}}

/* Portal-scoped form normalization */
#pukka-online-app input:not([type]),
#pukka-online-app input[type="text"],
#pukka-online-app input[type="search"],
#pukka-online-app input[type="number"],
#pukka-online-app input[type="date"],
#pukka-online-app input[type="datetime-local"],
#pukka-online-app input[type="month"],
#pukka-online-app input[type="time"],
#pukka-online-app input[type="email"],
#pukka-online-app input[type="password"],
#pukka-online-app input[type="tel"],
#pukka-online-app input[type="url"],
#pukka-online-app select,
#pukka-online-app textarea,
#pukka-online-app .portal-form-control{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:46px!important;
  height:auto;
  margin:5px 0 15px!important;
  padding:11px 13px!important;
  border:1px solid var(--edutechx-border,#dbe3ef)!important;
  border-radius:7px!important;
  outline:0!important;
  background-color:#fff!important;
  color:var(--edutechx-text,#111827)!important;
  box-shadow:0 1px 2px rgba(15,23,42,.04)!important;
  font:inherit!important;
  font-size:14px!important;
  line-height:1.4!important;
  vertical-align:middle!important;
  box-sizing:border-box!important;
  transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease!important;
}

/* 1.5.6.0 shared report catalog and weekly study-plan layout */
#pukka-online-app .report-catalog{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  width:100%;
  min-width:0;
  margin-bottom:14px;
}
#pukka-online-app .report-catalog-card{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  align-items:start;
  gap:4px 10px;
  width:100%!important;
  min-width:0;
  min-height:108px;
  margin:0!important;
  padding:14px!important;
  border:1px solid #dbe3ee!important;
  border-left:4px solid #94a3b8!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#0f172a!important;
  text-align:left;
  box-shadow:0 2px 8px rgba(15,23,42,.05)!important;
}
#pukka-online-app .report-catalog-card:hover,
#pukka-online-app .report-catalog-card.active,
#pukka-online-app .report-catalog-card[aria-pressed="true"]{
  border-color:#2563eb!important;
  border-left-color:#2563eb!important;
  background:#eff6ff!important;
}
#pukka-online-app .report-catalog-card>.nav-icon{
  grid-row:1 / span 2;
  display:flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border-radius:8px;
  background:#e0ecff;
  color:#1d4ed8;
}
#pukka-online-app .report-catalog-card>.nav-icon svg{display:block;width:20px;height:20px}
#pukka-online-app .report-catalog-card strong,
#pukka-online-app .report-catalog-card small{min-width:0;overflow-wrap:anywhere}
#pukka-online-app .report-catalog-card small{grid-column:2;color:#64748b;font-size:11px;line-height:1.45}
#pukka-online-app .guidance-week-calendar{
  grid-template-columns:repeat(7,minmax(0,1fr));
  overflow:visible;
  scrollbar-gutter:auto;
}
#pukka-online-app .guidance-day-column{min-width:0}
#pukka-online-app .parent-guidance-plan-section{grid-column:1/-1;min-width:0}
@media (min-width:1024px) and (max-width:1439px){
  #pukka-online-app .guidance-week-calendar{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (min-width:768px) and (max-width:1023px){
  #pukka-online-app .guidance-week-calendar{grid-template-columns:repeat(3,minmax(0,1fr))}
  #pukka-online-app .report-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:600px) and (max-width:767px){
  #pukka-online-app .guidance-week-calendar{grid-template-columns:repeat(2,minmax(0,1fr))}
  #pukka-online-app .report-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:599px){
  #pukka-online-app .guidance-week-calendar,
  #pukka-online-app .report-catalog{grid-template-columns:minmax(0,1fr)}
}

/* File retention status shown beside existing secure file actions. */
#pukka-online-app .file-retention-note{
  display:block;
  max-width:100%;
  margin-top:6px;
  color:var(--edutechx-muted,#64748b);
  font-size:12px;
  font-weight:700;
  line-height:1.4;
  overflow-wrap:anywhere;
}
#pukka-online-app .file-retention-note.success{color:#15803d;}
#pukka-online-app .file-retention-note.warning{color:#a16207;}
#pukka-online-app .file-retention-note.danger{color:#b91c1c;}
#pukka-online-app .support-file-row{display:grid;gap:2px;min-width:0;}
#pukka-online-app textarea,
#pukka-online-app textarea.portal-form-control{min-height:104px!important;line-height:1.6!important;resize:vertical!important}
#pukka-online-app input:not([type]):hover,
#pukka-online-app input[type="text"]:hover,
#pukka-online-app input[type="search"]:hover,
#pukka-online-app input[type="number"]:hover,
#pukka-online-app input[type="date"]:hover,
#pukka-online-app input[type="time"]:hover,
#pukka-online-app input[type="email"]:hover,
#pukka-online-app input[type="password"]:hover,
#pukka-online-app select:hover,
#pukka-online-app textarea:hover{border-color:#94a3b8!important}
#pukka-online-app input:not([type]):focus,
#pukka-online-app input[type="text"]:focus,
#pukka-online-app input[type="search"]:focus,
#pukka-online-app input[type="number"]:focus,
#pukka-online-app input[type="date"]:focus,
#pukka-online-app input[type="datetime-local"]:focus,
#pukka-online-app input[type="month"]:focus,
#pukka-online-app input[type="time"]:focus,
#pukka-online-app input[type="email"]:focus,
#pukka-online-app input[type="password"]:focus,
#pukka-online-app input[type="tel"]:focus,
#pukka-online-app input[type="url"]:focus,
#pukka-online-app select:focus,
#pukka-online-app textarea:focus{
  border-color:var(--edutechx-focus,#14b8a6)!important;
  background-color:#fff!important;
  box-shadow:0 0 0 3px rgba(20,184,166,.16)!important;
}
#pukka-online-app input:disabled,#pukka-online-app select:disabled,#pukka-online-app textarea:disabled{border-color:#dbe3ee!important;background:#f1f5f9!important;color:#64748b!important;opacity:1!important;cursor:not-allowed}
#pukka-online-app input::placeholder,#pukka-online-app textarea::placeholder{color:#94a3b8!important;opacity:1!important}
#pukka-online-app .answer-key-item select,
#pukka-online-app .message-filter-bar input,
#pukka-online-app .message-filter-bar select,
#pukka-online-app .student-picker-toolbar input,
#pukka-online-app .student-picker-toolbar select,
#pukka-online-app .test-list-filters input,
#pukka-online-app .test-list-filters select,
#pukka-online-app .report-field input,
#pukka-online-app .report-field select{margin:0!important}
#pukka-online-app .brans-inputs input{margin:0!important}
#pukka-online-app .message-compose-type,#pukka-online-app .message-compose-field{width:100%;min-width:0}
#pukka-online-app .message-compose-type label,#pukka-online-app .message-compose-field label{margin:0 0 6px}
#pukka-online-app .message-compose-type select,#pukka-online-app .message-compose-field input,#pukka-online-app .message-compose-field textarea{margin:0!important}
#pukka-online-app .message-recipient-area{margin:14px 0}
#pukka-online-app .message-compose-options{justify-content:flex-start;padding:12px 0;border-top:1px solid #e2e8f0}
#pukka-online-app .message-compose-submit{display:flex;justify-content:flex-end;margin-top:4px}
#pukka-online-app .message-compose-submit button{width:auto;min-width:190px;margin:0}
@media(max-width:620px){#pukka-online-app .message-compose-submit button{width:100%}}

/* Test assignment and mandatory legal flow */
#pukka-online-app .test-topics-panel{grid-column:1/-1;margin:6px 0 16px;padding:14px;border:1px solid #dbe3ef;border-radius:8px;background:#f8fafc}
#pukka-online-app .test-topic-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;max-height:290px;overflow:auto}
#pukka-online-app .test-topic-option{display:flex;align-items:center;gap:9px;margin:0;padding:9px 10px;border:1px solid #dbe3ef;border-radius:7px;background:#fff;color:#334155;cursor:pointer}
#pukka-online-app .test-topic-option input{flex:0 0 auto;width:18px!important;height:18px!important;min-height:0!important;margin:0!important}
#pukka-online-app .test-topic-option:has(input:checked){border-color:#0f766e;background:#ecfeff;color:#115e59}
#pukka-online-app .test-topic-chips{display:flex;flex-wrap:wrap;gap:6px}
#pukka-online-app .test-topic-chips span{padding:5px 8px;border:1px solid #bae6fd;border-radius:6px;background:#f0f9ff;color:#075985;font-size:11px;font-weight:700}
#pukka-online-app .muted-text{color:#64748b;font-size:12px}
#pukka-online-app .test-student-detail{display:grid;gap:16px;padding:18px;border:1px solid #dbe3ef;border-radius:8px;background:#fff}
#pukka-online-app .test-student-detail .test-meta-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}
#pukka-online-app .bottom-actions{padding-top:14px;border-top:1px solid #e2e8f0}
#pukka-online-app .test-result-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px}
#pukka-online-app .test-result-summary span{display:grid;gap:3px;padding:11px;border:1px solid #dbe3ef;border-radius:7px;background:#f8fafc;text-align:center;font-size:12px}
#pukka-online-app .test-result-summary strong{font-size:21px}
#pukka-online-app .test-result-summary .success{border-color:#bbf7d0;background:#f0fdf4;color:#166534}
#pukka-online-app .test-result-summary .danger{border-color:#fecaca;background:#fef2f2;color:#991b1b}
#pukka-online-app .test-result-summary .warning{border-color:#fde68a;background:#fffbeb;color:#92400e}
#pukka-online-app .test-result-summary .info{border-color:#bfdbfe;background:#eff6ff;color:#1e40af}
#pukka-online-app .test-list-summary{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:9px;border:1px solid #e2e8f0;border-radius:7px;background:#f8fafc;color:#475569;font-size:12px}
#pukka-online-app .test-list-summary strong{margin-left:auto;color:#0f3f7a}
#pukka-online-app .success-text{color:#166534;font-weight:800}
#pukka-online-app .danger-text{color:#b91c1c;font-weight:800}
#pukka-online-app .history-test-homework{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid #dbe3ef}
#pukka-online-app .history-test-homework h4{margin:7px 0 3px;color:#0f172a}
#pukka-online-app .history-test-homework p{margin:0 0 5px;color:#475569}
#pukka-online-app .history-test-summary{display:grid;justify-items:end;gap:5px;min-width:130px}
#pukka-online-app .history-test-summary strong{font-size:20px;color:#0f3f7a}
#pukka-online-app .history-test-summary span{color:#64748b;font-size:11px}
.legal-acceptance-overlay{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(15,23,42,.72);backdrop-filter:blur(4px)}
.legal-acceptance-modal{display:grid;gap:14px;width:min(760px,100%);max-height:calc(100vh - 40px);padding:22px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;box-shadow:0 24px 70px rgba(15,23,42,.35);color:#0f172a}
.legal-acceptance-modal header{display:grid;gap:4px}
.legal-acceptance-modal h2{margin:0;font-size:24px;line-height:1.25}
.legal-acceptance-modal header p,.legal-error-modal p{margin:0;color:#64748b;line-height:1.5}
.legal-acceptance-text{height:min(48vh,440px);padding:18px;border:1px solid #cbd5e1;border-radius:7px;background:#f8fafc;overflow:auto;white-space:pre-wrap;line-height:1.7;outline:0}
.legal-acceptance-text:focus{border-color:#0f766e;box-shadow:0 0 0 3px rgba(15,118,110,.12)}
.legal-scroll-note{padding:8px 10px;border-left:3px solid #2563eb;background:#eff6ff;color:#1e3a8a;font-size:12px}
.legal-acceptance-check{display:flex;align-items:flex-start;gap:10px;margin:0;padding:11px;border:1px solid #dbe3ef;border-radius:7px;background:#fff;font-weight:700}
.legal-acceptance-check input{flex:0 0 auto;width:19px;height:19px;margin:0}
.legal-acceptance-check:has(input:disabled){background:#f1f5f9;color:#94a3b8}
.legal-acceptance-error{min-height:18px;color:#b91c1c;font-size:12px;font-weight:700}
.legal-acceptance-modal button{width:100%;min-height:46px;margin:0;padding:11px 15px;border:0;border-radius:7px;background:#0f766e;color:#fff;font:inherit;font-weight:800;cursor:pointer}
.legal-acceptance-modal button:disabled{background:#cbd5e1;color:#64748b;cursor:not-allowed}
.legal-acceptance-modal .btn-secondary{background:#475569}
.legal-error-modal{max-width:520px}
@media(max-width:620px){#pukka-online-app .test-result-summary{grid-template-columns:1fr 1fr}#pukka-online-app .history-test-homework{align-items:flex-start;flex-direction:column}#pukka-online-app .history-test-summary{justify-items:start}.legal-acceptance-overlay{align-items:stretch;padding:0}.legal-acceptance-modal{max-height:100vh;padding:16px;border-radius:0}.legal-acceptance-text{height:52vh}.legal-acceptance-modal h2{font-size:20px}}

/* Checkbox student picker and temporary demo accounts */
#pukka-online-app .branch-student-picker-block{margin-top:14px;padding:14px;border:1px solid #dbe3ef;border-radius:8px;background:#f8fafc}
#pukka-online-app .branch-student-picker-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:10px}
#pukka-online-app .branch-student-picker-heading h4{margin:0;color:#0f172a;font-size:15px}
#pukka-online-app .student-picker-toolbar{grid-template-columns:minmax(220px,1fr) minmax(150px,.42fr) minmax(150px,.42fr)}
#pukka-online-app .student-picker-actions{display:flex;flex-wrap:wrap;gap:7px}
#pukka-online-app .student-picker-actions button{width:auto!important;margin:0!important}
#pukka-online-app .student-picker-list{grid-template-columns:1fr;max-height:320px;scrollbar-width:thin;scrollbar-color:#94a3b8 #f1f5f9}
#pukka-online-app .student-picker-list::-webkit-scrollbar{width:8px}
#pukka-online-app .student-picker-list::-webkit-scrollbar-track{background:#f1f5f9}
#pukka-online-app .student-picker-list::-webkit-scrollbar-thumb{border-radius:6px;background:#94a3b8}
#pukka-online-app .student-picker-row{position:relative;min-height:48px;border:1px solid transparent;border-bottom-color:#e2e8f0;background:#fff}
#pukka-online-app .student-picker-row:hover{border-color:#bae6fd;background:#f0f9ff}
#pukka-online-app .student-picker-row.selected{border-color:#99f6e4;background:#ecfeff;color:#115e59}
#pukka-online-app .student-picker-row input[type="checkbox"]{width:20px!important;height:20px!important;min-height:0!important;accent-color:#0f766e}
#pukka-online-app .student-picker-row>span{flex:1;min-width:0;font-weight:700}
#pukka-online-app .student-picker-status{padding:3px 6px;border-radius:5px;font-size:10px;font-weight:800}
#pukka-online-app .student-picker-status.active{background:#dcfce7;color:#166534}
#pukka-online-app .student-picker-status.inactive{background:#fee2e2;color:#991b1b}
#pukka-online-app .student-picker-chips{padding:9px;border:1px dashed #a5b4fc;border-radius:7px;background:#fff}
#pukka-online-app .student-chip{gap:6px;max-width:100%}
#pukka-online-app .student-chip button{display:inline-flex;align-items:center;justify-content:center;width:18px!important;height:18px;min-height:18px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:#0f766e!important;color:#fff!important;font-size:13px!important;line-height:1!important}
#pukka-online-app .temporary-demo-field{grid-column:1/-1;padding:12px;border:1px solid #bfdbfe;border-radius:8px;background:#eff6ff}
#pukka-online-app .temporary-demo-field .management-grid{margin-top:8px}
#pukka-online-app .temporary-demo-summary{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:8px}
#pukka-online-app .temporary-demo-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
#pukka-online-app .temporary-demo-actions button{width:auto!important;margin:0!important}
@media(max-width:620px){#pukka-online-app .branch-student-picker-heading{flex-direction:column}#pukka-online-app .student-picker-toolbar{grid-template-columns:1fr}#pukka-online-app .student-picker-actions{display:grid;grid-template-columns:1fr 1fr}#pukka-online-app .student-picker-actions button{width:100%!important}}

/* Demo observer mode */
#pukka-online-app .demo-observer-banner{align-items:center;gap:12px;margin:0 0 16px;padding:14px 16px;border:1px solid #99dfe3;border-left:5px solid #0f8b8d;border-radius:8px;background:#ecfeff;color:#164e63;box-shadow:0 8px 20px rgba(15,118,110,.08)}
#pukka-online-app .demo-observer-icon{display:flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#0f8b8d;color:#fff;font-size:18px;font-weight:900}
#pukka-online-app .demo-observer-copy{flex:1;min-width:0}
#pukka-online-app .demo-observer-copy strong{display:block;margin-bottom:3px;color:#0f4c5c;font-size:15px}
#pukka-online-app .demo-observer-copy p{margin:0;color:#155e75;font-size:13px;line-height:1.45}
#pukka-online-app .demo-observer-copy small{display:block;margin-top:4px;color:#0e7490;font-weight:700}
#pukka-online-app .demo-observer-badge{flex:0 0 auto;padding:6px 9px;border:1px solid #67e8f9;border-radius:6px;background:#cffafe;color:#155e75;font-size:11px;font-weight:900;text-transform:uppercase}
#pukka-online-app .demo-observer-account-option{display:flex;margin:10px 0 2px;padding:10px;border:1px solid #99dfe3;border-radius:7px;background:#fff;color:#155e75;font-weight:800}
#pukka-online-app .demo-observer-account-option input{flex:0 0 auto;width:18px!important;height:18px!important;min-height:0!important;margin:0 8px 0 0!important;accent-color:#0f8b8d}
#pukka-online-app .demo-observer-inline-note{display:grid;gap:4px;margin-top:10px;padding:12px;border:1px solid #99dfe3;border-radius:7px;background:#ecfeff;color:#155e75}
#pukka-online-app .demo-observer-inline-note strong{color:#0f4c5c}
#pukka-online-app .demo-observer-session [data-demo-observer-disabled="1"]{cursor:not-allowed!important;filter:saturate(.35);opacity:.48!important}
#pukka-online-app .demo-observer-session input[type="file"][data-demo-observer-disabled="1"]{padding:10px;background:#f1f5f9;color:#64748b}
@media(max-width:620px){#pukka-online-app .demo-observer-banner{align-items:flex-start;flex-wrap:wrap;padding:12px}#pukka-online-app .demo-observer-copy{flex-basis:calc(100% - 50px)}#pukka-online-app .demo-observer-badge{margin-left:46px}}

/* EduTechX 1.0.73 — profil, tema, gelişmiş aktarım ve veli raporları */
#pukka-online-app .portal-offline-banner{position:sticky;top:8px;z-index:80;margin:8px 0;padding:12px 16px;border:1px solid #f59e0b;border-radius:10px;background:#fffbeb;color:#92400e;font-weight:700;text-align:center;box-shadow:0 8px 24px rgba(146,64,14,.12)}
#pukka-online-app .role-dashboard-shell{margin:0 0 18px;padding:20px;border:1px solid #dbeafe;border-radius:14px;background:linear-gradient(145deg,#fff,#f5f9ff);box-shadow:0 14px 35px rgba(37,99,235,.08)}
#pukka-online-app .role-dashboard-head,#pukka-online-app .parent-panel-heading,#pukka-online-app .parent-hero,#pukka-online-app .support-ticket>header{display:flex;align-items:center;justify-content:space-between;gap:16px}
#pukka-online-app .role-dashboard-head h2,#pukka-online-app .parent-panel-heading h2{margin:3px 0 0;color:#0f172a}
#pukka-online-app .live-indicator{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;background:#dcfce7;color:#166534;font-size:12px;font-weight:800}
#pukka-online-app .live-indicator:before{content:"";width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.14)}
#pukka-online-app .role-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:16px}
#pukka-online-app .role-stat-card{min-width:0;min-height:118px;padding:15px;border:1px solid #e2e8f0;border-top:4px solid #2563eb;border-radius:11px;background:#fff;color:#0f172a;text-align:left;box-shadow:0 5px 18px rgba(15,23,42,.06);transition:transform .18s ease,box-shadow .18s ease}
#pukka-online-app button.role-stat-card{width:100%;cursor:pointer}
#pukka-online-app button.role-stat-card:hover{transform:translateY(-2px);box-shadow:0 11px 24px rgba(15,23,42,.11)}
#pukka-online-app .role-stat-card span{display:block;color:#64748b;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}
#pukka-online-app .role-stat-card strong{display:block;margin:7px 0 4px;color:#0f172a;font-size:25px;line-height:1.1}
#pukka-online-app .role-stat-card small{color:#64748b}
#pukka-online-app .tone-green{border-top-color:var(--edutechx-badge-success)}#pukka-online-app .tone-orange,#pukka-online-app .tone-amber{border-top-color:var(--edutechx-button-warning-bg)}#pukka-online-app .tone-violet{border-top-color:color-mix(in srgb,var(--edutechx-primary) 55%,var(--edutechx-accent))}#pukka-online-app .tone-red{border-top-color:var(--edutechx-button-danger-bg)}#pukka-online-app .tone-cyan{border-top-color:var(--edutechx-focus)}#pukka-online-app .tone-blue{border-top-color:var(--edutechx-primary)}
#pukka-online-app .role-activity{margin-top:16px;padding-top:14px;border-top:1px solid #e2e8f0}.role-activity h3{margin:0 0 10px}.role-activity ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px;margin:0;padding:0;list-style:none}.role-activity li{padding:10px;border-left:3px solid #16a34a;background:#f8fafc}.role-activity li.failed{border-left-color:#dc2626}.role-activity li span{display:block;margin-top:3px;color:#64748b;font-size:12px}
#pukka-online-app .parent-panel-heading{margin-bottom:16px;padding:20px;border-radius:14px;background:linear-gradient(135deg,#172554,#2563eb);color:#fff}.parent-panel-heading h2{color:#fff!important}.parent-panel-heading p{margin:5px 0 0;color:#dbeafe}.parent-student-switch{min-width:260px}.parent-student-switch label{color:#dbeafe}.parent-student-switch select{margin:0;background:#fff}
#pukka-online-app .parent-hero{padding:18px;border-radius:12px;background:linear-gradient(145deg,#eff6ff,#eef2ff)}.parent-hero h3{margin:4px 0;font-size:24px}.parent-hero p{margin:0;color:#64748b}.parent-hero-badge{padding:7px 10px;border-radius:999px;background:#fff;color:#1d4ed8;font-size:12px;font-weight:800}
#pukka-online-app .parent-today{margin-top:16px}.parent-today>div{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid #e2e8f0}.parent-today span{color:#64748b;text-align:right}.parent-filter-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.parent-guidance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.parent-guidance-grid section{padding:14px;border:1px solid #e2e8f0;border-radius:10px;background:#fff}.parent-guidance-grid article{padding:10px 0;border-bottom:1px solid #e2e8f0}.parent-guidance-grid article:last-child{border-bottom:0}.parent-guidance-grid p{white-space:pre-wrap}
#pukka-online-app .parent-student-selector-shell{margin:8px 0 14px;padding:12px;border:1px solid #dbeafe;border-radius:10px;background:#f8fafc}
#pukka-online-app .parent-student-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;max-height:280px;overflow:auto;margin:8px 0 14px;padding:10px;border:1px solid #dbeafe;border-radius:10px;background:#f8fafc}.parent-student-selector label{display:flex;align-items:flex-start;gap:8px;margin:0;padding:9px;border:1px solid #e2e8f0;border-radius:8px;background:#fff}.parent-student-selector input{width:auto;margin:3px 0 0}.parent-student-selector small{display:block;color:#64748b}
#pukka-online-app .support-toolbar{display:grid;grid-template-columns:minmax(180px,1fr) 190px auto;gap:10px;margin-bottom:12px}.support-toolbar input,.support-toolbar select,.support-toolbar button{margin:0}.support-create{margin-bottom:15px;padding:16px;border:1px solid #bfdbfe;border-radius:11px;background:#eff6ff}.support-ticket{margin:12px 0;padding:16px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;box-shadow:0 5px 18px rgba(15,23,42,.05)}.support-ticket h3{margin:6px 0}.support-ticket header p{margin:0;color:#64748b}.support-ticket header>div:last-child{display:flex;gap:6px;align-items:center}.support-thread{margin:14px 0;padding:12px;border-radius:10px;background:#f8fafc}.support-message{margin:8px 0;padding:10px;border-left:3px solid #2563eb;background:#fff}.support-message.internal{border-left-color:#d97706;background:#fffbeb}.support-message p{white-space:pre-wrap}.support-message time{color:#64748b;font-size:11px}.support-reply{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}.support-reply textarea,.support-reply input{margin:0}.support-reply textarea{grid-column:1/-1}.support-reply .inline-check{grid-column:1/-1}.support-admin-update{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}.support-admin-update select,.support-admin-update button{width:auto;margin:0}
#pukka-online-app .audit-filter-grid{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:10px;margin-bottom:12px}.audit-filter-grid .audit-search{grid-column:span 2}.audit-filter-grid input,.audit-filter-grid select{margin:0}.audit-failed{background:#fff1f2}.pagination{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:14px}.pagination button{width:auto;min-width:38px}.pagination button.active{background:#0f172a}
@media(max-width:900px){
  #pukka-online-app .role-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #pukka-online-app .parent-guidance-grid{grid-template-columns:1fr}
  #pukka-online-app .audit-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.audit-filter-grid .audit-search{grid-column:1/-1}
}
@media(max-width:640px){
  #pukka-online-app .portal-shell .portal-sidebar{display:none;position:fixed;inset:10px;z-index:9980;overflow:auto;border-radius:14px}
  #pukka-online-app .portal-shell.mobile-menu-open .portal-sidebar{display:block}
  #pukka-online-app .portal-shell.mobile-menu-open:before{content:"";position:fixed;inset:0;z-index:9970;background:rgba(15,23,42,.52)}
  #pukka-online-app .sidebar-logo{display:flex}
  #pukka-online-app .parent-panel-heading,#pukka-online-app .role-dashboard-head,#pukka-online-app .parent-hero,#pukka-online-app .support-ticket>header{align-items:stretch;flex-direction:column}
  #pukka-online-app .parent-student-switch{min-width:0;width:100%}.parent-filter-row{grid-template-columns:1fr}.role-stat-grid{grid-template-columns:1fr 1fr}.role-stat-card{min-height:106px;padding:12px}.role-stat-card strong{font-size:21px}
  #pukka-online-app .support-toolbar{grid-template-columns:1fr}.support-reply{grid-template-columns:1fr}.support-reply button{width:100%}.support-admin-update{align-items:stretch;flex-direction:column}.support-admin-update select,.support-admin-update button{width:100%}
  #pukka-online-app .audit-filter-grid{grid-template-columns:1fr}.audit-filter-grid .audit-search{grid-column:auto}
  #pukka-online-app input,#pukka-online-app select,#pukka-online-app textarea,#pukka-online-app button{min-height:44px}
  #pukka-online-app .institution-modal{padding:0}.institution-modal-card{width:100vw;max-height:100dvh;border-radius:0}.institution-modal-body{max-height:calc(100dvh - 64px)}
}
@media(max-width:400px){#pukka-online-app .role-stat-grid{grid-template-columns:1fr}}

#pukka-online-app .topbar-message-icon svg{width:20px;height:20px;display:block}
#pukka-online-app .topbar-notification-button{position:relative;background:color-mix(in srgb,var(--edutechx-topbar-bg) 76%,var(--edutechx-accent) 24%)!important}
.notification-center{position:fixed;inset:0;z-index:100000;pointer-events:none;visibility:hidden}.notification-center.open{pointer-events:auto;visibility:visible}
.notification-backdrop{position:absolute;inset:0;border:0!important;border-radius:0!important;background:rgba(15,23,42,.52)!important;opacity:0;transition:opacity .22s}.notification-center.open .notification-backdrop{opacity:1}
.notification-drawer{position:absolute;right:0;top:0;bottom:0;width:min(560px,100%);background:var(--edutechx-bg);box-shadow:-24px 0 60px rgba(15,23,42,.2);transform:translateX(105%);transition:transform .24s;display:flex;flex-direction:column}.notification-center.open .notification-drawer{transform:translateX(0)}
.notification-drawer>header{padding:24px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,var(--edutechx-secondary),var(--edutechx-primary));color:#fff}.notification-drawer>header h2{margin:2px 0 0;color:#fff}.notification-drawer>header .eyebrow{color:#dbeafe}
.notification-close,.notification-archive{background:transparent!important;color:inherit!important;border:0!important;box-shadow:none!important}.notification-close{font-size:30px;line-height:1;padding:4px 8px!important}
.notification-toolbar{display:grid;grid-template-columns:minmax(150px,1fr) auto;gap:10px;padding:14px 18px;border-bottom:1px solid var(--edutechx-border);background:var(--edutechx-card-bg);align-items:center}.notification-toolbar .btn-secondary{grid-column:1/-1;width:100%}
.notification-list{padding:14px;overflow:auto;display:flex;flex-direction:column;gap:10px}.notification-item{position:relative;border:1px solid var(--edutechx-border);border-radius:16px;background:var(--edutechx-notification-card-bg);box-shadow:0 8px 24px rgba(15,23,42,.05)}.notification-item.unread{border-color:color-mix(in srgb,var(--edutechx-primary) 45%,var(--edutechx-border));background:var(--edutechx-notification-unread-bg)}.notification-item.priority-high,.notification-item.priority-critical{border-left:4px solid var(--edutechx-button-danger-bg)}
.notification-main{display:flex!important;align-items:flex-start!important;gap:12px!important;width:100%;padding:16px 42px 16px 16px!important;text-align:left!important;background:transparent!important;color:var(--edutechx-text)!important;border:0!important;box-shadow:none!important}.notification-type-icon .nav-icon{width:38px;height:38px;border-radius:12px;background:color-mix(in srgb,var(--edutechx-notification-icon) 14%,#fff);color:var(--edutechx-notification-icon);display:grid;place-items:center}.notification-type-icon svg{width:20px;height:20px}.notification-copy{min-width:0;display:block;flex:1}.notification-copy strong{display:block;margin:5px 0;color:var(--edutechx-card-title)}.notification-copy p{margin:0;color:var(--edutechx-notification-text);line-height:1.5}.notification-copy small{display:block;margin-top:8px;color:var(--edutechx-notification-text)}.notification-meta{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--edutechx-notification-text)}.notification-meta b{color:var(--edutechx-primary);text-transform:uppercase;letter-spacing:.06em}.notification-archive{position:absolute;right:8px;top:8px;color:var(--edutechx-notification-text)!important;font-size:22px;padding:4px 8px!important}.notification-item.read{opacity:.72}.notification-empty{text-align:center;padding:48px 20px;color:var(--edutechx-muted)}.notification-empty .nav-icon{width:54px;height:54px;margin:auto;color:var(--edutechx-notification-icon)}.notification-empty svg{width:40px;height:40px}.notification-center-open{overflow:hidden}
.notification-preference-card{border:1px solid #dbe3ef;border-radius:20px;padding:22px;background:linear-gradient(135deg,#fff,#f8fafc)}.notification-preference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.notification-switch{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px;border:1px solid #dbe3ef;border-radius:14px;background:#fff;cursor:pointer}.notification-switch span{display:grid;gap:3px}.notification-switch small{color:#64748b}.notification-switch input{position:absolute;opacity:0}.notification-switch i{width:44px;height:24px;border-radius:99px;background:#cbd5e1;position:relative;transition:.2s;flex:none}.notification-switch i:after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(15,23,42,.25);transition:.2s}.notification-switch input:checked+i{background:#2563eb}.notification-switch input:checked+i:after{transform:translateX(20px)}.notification-switch.locked{opacity:.75;cursor:not-allowed}
.subscription-admin-grid{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(480px,1.3fr);gap:20px;max-width:1180px}.subscription-summary-card{background:linear-gradient(135deg,#0f172a,#1d4ed8)!important;color:#fff!important}.subscription-summary-card h2{color:#fff}.subscription-summary-card .eyebrow,.subscription-summary-card small{color:#bfdbfe}.subscription-meter{height:10px;background:rgba(148,163,184,.28);border-radius:99px;overflow:hidden;margin:14px 0 8px}.subscription-meter span,.subscription-meter i{display:block;height:100%;background:linear-gradient(90deg,#22c55e,#38bdf8);border-radius:inherit}
#pukka-online-app .subscription-portal-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;margin-bottom:18px;border:1px solid #bfdbfe;border-radius:18px;background:linear-gradient(135deg,#eff6ff,#fff)}#pukka-online-app .subscription-portal-card h3{margin:2px 0 4px}#pukka-online-app .subscription-portal-card p{margin:0;color:#475569}#pukka-online-app .subscription-portal-metrics{min-width:180px;text-align:right}#pukka-online-app .subscription-portal-metrics strong,#pukka-online-app .subscription-portal-metrics span{display:block}#pukka-online-app .subscription-portal-card.status-expired,#pukka-online-app .subscription-portal-card.status-suspended{border-color:#fecaca;background:linear-gradient(135deg,#fff1f2,#fff)}
#pukka-online-app .extended-import-panel{border-color:#bfdbfe!important;background:linear-gradient(135deg,#fff,#eff6ff)!important}#pukka-online-app .import-result-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px}#pukka-online-app .import-result-grid span{padding:10px;border-radius:10px;background:#fff;border:1px solid #dbe3ef;text-align:center}#pukka-online-app .import-result-grid strong{display:block;font-size:20px;color:#1d4ed8}
@media(max-width:900px){.subscription-admin-grid{grid-template-columns:1fr}.notification-preference-grid{grid-template-columns:1fr}#pukka-online-app .subscription-portal-card{align-items:flex-start;flex-direction:column}#pukka-online-app .subscription-portal-metrics{width:100%;text-align:left}}
@media(max-width:640px){#pukka-online-app .topbar-message-label{display:none}#pukka-online-app .topbar-message-button{padding:9px!important;min-width:40px!important}.notification-toolbar{grid-template-columns:1fr}.notification-toolbar .btn-secondary{grid-column:auto}.notification-drawer>header{padding:18px}.notification-list{padding:10px}#pukka-online-app .import-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* EduTechX 1.0.73 — tema önizleme, veli ödev kartları ve kontrollü destek eylemleri */
#pukka-online-app .setup-theme-colors{display:grid;gap:14px;margin:18px 0}#pukka-online-app .setup-theme-preview{margin-top:18px;font-family:var(--edutechx-font-family)}
#pukka-online-app .theme-preview-notification{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--edutechx-border);border-radius:10px;background:var(--edutechx-notification-unread-bg);color:var(--edutechx-notification-text)}#pukka-online-app .theme-preview-notification .nav-icon{color:var(--edutechx-notification-icon)}#pukka-online-app .theme-preview-notification strong{color:var(--edutechx-card-title)}#pukka-online-app .theme-preview-notification p,#pukka-online-app .theme-preview-notification small{margin:0;color:var(--edutechx-notification-text)}#pukka-online-app .theme-preview-notification b{padding:4px 7px;border-radius:99px;background:var(--edutechx-notification-badge);color:#fff;font-size:10px}
#pukka-online-app .support-toolbar button,#pukka-online-app .support-create .mini-actions button,#pukka-online-app .support-reply button,#pukka-online-app .support-admin-update button,#pukka-online-app .support-ticket .file-download-link{width:auto;min-width:112px;justify-self:start;padding-inline:16px}#pukka-online-app .support-create .mini-actions,#pukka-online-app .support-admin-update{justify-content:flex-start}
#pukka-online-app .parent-panel-heading{justify-content:flex-end;background:transparent;border:0;padding:0}#pukka-online-app .parent-student-switch{width:min(420px,100%)}
#pukka-online-app .parent-hero{display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:22px;padding:26px;border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--edutechx-primary) 16%,#fff),color-mix(in srgb,var(--edutechx-accent) 10%,#fff));border:1px solid color-mix(in srgb,var(--edutechx-primary) 30%,var(--edutechx-border));overflow:hidden}#pukka-online-app .parent-hero-copy h3{margin:5px 0;color:var(--edutechx-card-title);font-size:clamp(22px,3vw,34px)}#pukka-online-app .parent-hero-copy>strong{display:block;color:var(--edutechx-primary);font-size:18px}#pukka-online-app .parent-hero-copy p{max-width:720px;color:var(--edutechx-muted);line-height:1.6}#pukka-online-app .parent-hero-visual{display:grid;place-items:center;color:var(--edutechx-primary)}#pukka-online-app .parent-hero-visual svg{width:180px;max-width:100%}#pukka-online-app .parent-hero-badge{padding:7px 12px;border-radius:99px;background:var(--edutechx-primary);color:#fff;font-weight:800;font-size:12px}
#pukka-online-app .parent-homework-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}#pukka-online-app .parent-homework-card{border:1px solid var(--edutechx-card-border);border-left:5px solid var(--edutechx-primary);border-radius:18px;padding:18px;background:var(--edutechx-card-bg);box-shadow:var(--edutechx-shadow-sm)}#pukka-online-app .parent-homework-card.status-success{border-left-color:var(--edutechx-badge-success)}#pukka-online-app .parent-homework-card.status-warning{border-left-color:var(--edutechx-badge-warning)}#pukka-online-app .parent-homework-card.status-danger{border-left-color:var(--edutechx-badge-danger)}#pukka-online-app .parent-homework-card header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}#pukka-online-app .parent-homework-card h3{margin:4px 0;color:var(--edutechx-card-title)}#pukka-online-app .parent-homework-description{color:var(--edutechx-text);line-height:1.55}#pukka-online-app .parent-homework-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0}#pukka-online-app .parent-homework-card dl>div{padding:9px;border-radius:10px;background:var(--edutechx-table-row-hover);border:1px solid var(--edutechx-table-border)}#pukka-online-app .parent-homework-card dl>div.important{background:color-mix(in srgb,var(--edutechx-primary) 8%,#fff)}#pukka-online-app .parent-homework-card dt{font-size:11px;color:var(--edutechx-muted);font-weight:800}#pukka-online-app .parent-homework-card dd{margin:3px 0 0;color:var(--edutechx-text);font-weight:700}#pukka-online-app .homework-status-badge{white-space:nowrap;padding:6px 10px;border-radius:99px;font-size:11px;font-weight:900;background:color-mix(in srgb,var(--edutechx-badge-info) 14%,#fff);color:var(--edutechx-badge-info)}#pukka-online-app .homework-status-badge.success{background:color-mix(in srgb,var(--edutechx-badge-success) 14%,#fff);color:var(--edutechx-badge-success)}#pukka-online-app .homework-status-badge.warning{background:color-mix(in srgb,var(--edutechx-badge-warning) 14%,#fff);color:var(--edutechx-badge-warning)}#pukka-online-app .homework-status-badge.danger{background:color-mix(in srgb,var(--edutechx-badge-danger) 14%,#fff);color:var(--edutechx-badge-danger)}#pukka-online-app .homework-teacher-note{padding:12px;border-radius:12px;background:#fffbeb;border:1px solid #fde68a}#pukka-online-app .homework-teacher-note p{margin:5px 0 0}#pukka-online-app .parent-homework-empty{text-align:center;padding:42px 18px;border:1px dashed var(--edutechx-border);border-radius:16px;color:var(--edutechx-muted)}#pukka-online-app .parent-homework-empty .nav-icon{margin:0 auto 10px;width:48px;height:48px;color:var(--edutechx-primary)}
@media(max-width:760px){#pukka-online-app .parent-hero{grid-template-columns:1fr;padding:20px}#pukka-online-app .parent-hero-visual{display:none}#pukka-online-app .parent-homework-grid{grid-template-columns:1fr}#pukka-online-app .parent-homework-card dl{grid-template-columns:1fr}#pukka-online-app .parent-homework-card header{flex-direction:column}#pukka-online-app .support-toolbar button,#pukka-online-app .support-create .mini-actions button,#pukka-online-app .support-reply button,#pukka-online-app .support-admin-update button{width:100%}}
#pukka-online-app .topbar-profile-button{display:inline-flex;align-items:center;gap:8px;width:auto;min-height:38px;padding:5px 10px;border:1px solid color-mix(in srgb,var(--edutechx-topbar-text) 30%,transparent);background:color-mix(in srgb,var(--edutechx-topbar-bg) 82%,#fff 18%);color:var(--edutechx-topbar-text);box-shadow:none}#pukka-online-app .profile-avatar{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,var(--edutechx-primary),var(--edutechx-accent));color:#fff;font-weight:900;letter-spacing:.02em}#pukka-online-app .profile-avatar img{width:100%;height:100%;object-fit:cover;display:block}#pukka-online-app .profile-avatar-small{width:30px;height:30px;font-size:11px}
#pukka-online-app .sidebar-user-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;margin:10px 0;padding:10px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.08);color:var(--edutechx-sidebar-text);box-shadow:none;text-align:left}#pukka-online-app .sidebar-user-card:hover{background:var(--edutechx-sidebar-hover)}#pukka-online-app .sidebar-user-card>span:nth-child(2){min-width:0}#pukka-online-app .sidebar-user-card strong,#pukka-online-app .sidebar-user-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#pukka-online-app .sidebar-user-card small{margin-top:2px;color:var(--edutechx-sidebar-icon);font-size:10px}#pukka-online-app .sidebar-user-card>.nav-icon{width:22px;height:22px;color:var(--edutechx-sidebar-icon);background:transparent}
.profile-settings-center{position:fixed;inset:0;z-index:100010;pointer-events:none;visibility:hidden}.profile-settings-center.open{pointer-events:auto;visibility:visible}.profile-settings-backdrop{position:absolute;inset:0;width:100%!important;border:0!important;border-radius:0!important;background:rgba(15,23,42,.55)!important;opacity:0;transition:.2s}.profile-settings-center.open .profile-settings-backdrop{opacity:1}.profile-settings-drawer{position:absolute;top:0;right:0;bottom:0;width:min(620px,100%);display:flex;flex-direction:column;background:var(--edutechx-bg);box-shadow:-24px 0 70px rgba(15,23,42,.22);transform:translateX(104%);transition:.24s}.profile-settings-center.open .profile-settings-drawer{transform:translateX(0)}.profile-settings-drawer>header{display:flex;align-items:center;justify-content:space-between;padding:22px;background:linear-gradient(135deg,var(--edutechx-secondary),var(--edutechx-primary));color:#fff}.profile-settings-drawer>header h2{margin:3px 0;color:#fff}.profile-settings-close{width:auto!important;padding:3px 10px!important;background:transparent!important;color:#fff!important;font-size:30px;box-shadow:none!important}.profile-settings-body{padding:18px;overflow:auto;display:grid;gap:16px}.profile-photo-section,.profile-form-section,.profile-password-section{padding:18px;border:1px solid var(--edutechx-card-border);border-radius:18px;background:var(--edutechx-card-bg)}.profile-photo-section{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:start}.profile-avatar-large{width:104px!important;height:104px!important;font-size:28px}.profile-photo-section h3{margin:4px 0}.profile-photo-section p{margin:0 0 10px;color:var(--edutechx-muted)}.profile-file-label{font-size:12px}.profile-file-label input{margin-bottom:8px}.profile-photo-section .mini-actions{justify-content:flex-start}.profile-photo-section .mini-actions button{width:auto}.profile-form-section>button{width:auto;margin-top:12px}.profile-legal-state{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.profile-password-section summary{cursor:pointer;font-weight:900;color:var(--edutechx-primary)}.profile-settings-open{overflow:hidden}
@media(max-width:640px){#pukka-online-app .topbar-profile-button{padding:5px!important;min-width:40px!important}#pukka-online-app .profile-photo-section{grid-template-columns:1fr}.profile-settings-body{padding:12px}.profile-photo-section .mini-actions{display:grid}.profile-photo-section .mini-actions button,.profile-form-section>button{width:100%}.profile-avatar-large{width:88px!important;height:88px!important}}

/* EduTechX 1.0.74 — grup önizlemeleri, birleşik Ayarlar ve veli hata düzeltmeleri */
#pukka-online-app .theme-color-group{padding:16px;border:1px solid var(--edutechx-border);border-radius:16px;background:var(--edutechx-card-bg);box-shadow:0 6px 20px rgba(15,23,42,.05)}
#pukka-online-app .setup-group-preview{margin-top:14px;padding:12px;border:1px solid var(--edutechx-border);border-radius:14px;background:var(--edutechx-bg);color:var(--edutechx-text);font-family:var(--edutechx-font-family);overflow:hidden}
#pukka-online-app .setup-preview-label{display:block;margin-bottom:9px;color:var(--edutechx-muted);font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
#pukka-online-app .preview-brand-canvas{position:relative;padding:16px;border:1px solid var(--edutechx-border);border-radius:10px;background:var(--edutechx-bg);overflow:hidden}
#pukka-online-app .preview-brand-canvas i{position:absolute;inset:0 auto 0 0;width:6px;background:var(--edutechx-accent)}
#pukka-online-app .preview-brand-canvas strong{display:block;color:var(--edutechx-primary);font-size:17px}.preview-brand-canvas p{margin:5px 0 12px;color:var(--edutechx-muted)}
#pukka-online-app .preview-brand-canvas span,#pukka-online-app .preview-brand-canvas b,#pukka-online-app .preview-brand-canvas em{display:inline-flex;margin-right:6px;padding:5px 8px;border-radius:7px;color:#fff;font-size:10px;font-style:normal}.preview-brand-canvas span{background:var(--edutechx-primary)}.preview-brand-canvas b{background:var(--edutechx-secondary)}.preview-brand-canvas em{background:var(--edutechx-accent)}
#pukka-online-app .preview-login-screen{padding:14px;border-radius:12px;background:var(--edutechx-login-bg)}#pukka-online-app .preview-login-screen section{max-width:340px;margin:auto;padding:16px;border:1px solid var(--edutechx-login-card-border);border-radius:12px;background:var(--edutechx-login-card-bg);box-shadow:0 10px 30px rgba(15,23,42,.12)}
#pukka-online-app .preview-wordmark{display:grid;place-items:center;width:42px;height:42px;margin-bottom:10px;border-radius:10px;background:var(--edutechx-secondary);color:#fff;font-weight:900}#pukka-online-app .preview-login-screen strong{display:block;color:var(--edutechx-login-title)}#pukka-online-app .preview-login-screen p{margin:4px 0 9px;color:var(--edutechx-login-description);font-size:11px}#pukka-online-app .preview-login-screen input{min-height:30px;margin:0 0 6px;padding:6px 8px;border-color:var(--edutechx-login-card-border);font-size:11px}#pukka-online-app .preview-login-screen button{width:100%;min-height:32px;margin:0;padding:6px;background:var(--edutechx-login-button-bg);color:var(--edutechx-login-button-text);font-size:11px}#pukka-online-app .preview-login-screen small{display:block;margin-top:7px;color:var(--edutechx-login-error)}
#pukka-online-app .preview-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-radius:11px;background:var(--edutechx-topbar-bg);color:var(--edutechx-topbar-text)}#pukka-online-app .preview-topbar>span{display:flex;align-items:center;gap:9px}#pukka-online-app .preview-topbar .nav-icon{width:21px;height:21px;color:inherit}
#pukka-online-app .preview-sidebar{display:grid;gap:7px;width:min(280px,100%);padding:13px;border-radius:12px;background:var(--edutechx-sidebar-bg);color:var(--edutechx-sidebar-text)}#pukka-online-app .preview-sidebar-logo{display:grid;place-items:center;width:45px;height:35px;margin-bottom:4px;border:1px solid color-mix(in srgb,var(--edutechx-sidebar-text) 22%,transparent);border-radius:8px;color:var(--edutechx-sidebar-active-text);font-weight:900}#pukka-online-app .preview-sidebar span{display:flex;align-items:center;gap:8px;padding:8px;border-radius:8px}#pukka-online-app .preview-sidebar span.active{background:var(--edutechx-sidebar-active);color:var(--edutechx-sidebar-active-text)}#pukka-online-app .preview-sidebar span.hover{background:var(--edutechx-sidebar-hover)}#pukka-online-app .preview-sidebar .nav-icon{width:20px;height:20px;color:var(--edutechx-sidebar-icon)}
#pukka-online-app .preview-card-table{display:grid;grid-template-columns:minmax(130px,.45fr) minmax(220px,1fr);gap:10px}#pukka-online-app .preview-card-table article{padding:13px;border:1px solid var(--edutechx-card-border);border-radius:11px;background:var(--edutechx-card-bg)}#pukka-online-app .preview-card-table article span,#pukka-online-app .preview-card-table article p{color:var(--edutechx-muted);font-size:10px}#pukka-online-app .preview-card-table article strong{display:block;margin:6px 0;color:var(--edutechx-card-title);font-size:22px}#pukka-online-app .preview-card-table table{margin:0;border:1px solid var(--edutechx-table-border);background:var(--edutechx-card-bg);font-size:10px}#pukka-online-app .preview-card-table th{background:var(--edutechx-table-head-bg);color:var(--edutechx-table-head-text)}#pukka-online-app .preview-card-table td,#pukka-online-app .preview-card-table th{padding:7px;border-color:var(--edutechx-table-border)}#pukka-online-app .preview-card-table tr.hover{background:var(--edutechx-table-row-hover)}
#pukka-online-app .preview-button-row{display:flex;flex-wrap:wrap;gap:8px}#pukka-online-app .preview-button-row button{width:auto;min-width:92px;min-height:35px;margin:0;padding:8px 11px;font-size:11px}#pukka-online-app .preview-button-row button.secondary{background:var(--edutechx-button-secondary-bg);color:var(--edutechx-button-secondary-text)}#pukka-online-app .preview-button-row button.success{background:var(--edutechx-button-success-bg)}#pukka-online-app .preview-button-row button.warning{background:var(--edutechx-button-warning-bg)}#pukka-online-app .preview-button-row button.danger{background:var(--edutechx-button-danger-bg)}
#pukka-online-app .preview-notification-list{display:grid;gap:8px}.preview-notification-list article{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:10px;padding:11px;border:1px solid var(--edutechx-border);border-radius:11px;background:var(--edutechx-notification-card-bg)}#pukka-online-app .preview-notification-list article.unread{background:var(--edutechx-notification-unread-bg)}#pukka-online-app .preview-notification-list article.read{opacity:.65}#pukka-online-app .preview-notification-list .nav-icon{width:27px;height:27px;color:var(--edutechx-notification-icon)}#pukka-online-app .preview-notification-list strong{display:block;color:var(--edutechx-card-title)}#pukka-online-app .preview-notification-list p,#pukka-online-app .preview-notification-list small{margin:3px 0 0;color:var(--edutechx-notification-text);font-size:10px}#pukka-online-app .preview-notification-list b{display:grid;place-items:center;min-width:23px;height:23px;border-radius:99px;background:var(--edutechx-notification-badge);color:#fff;font-size:10px}
#pukka-online-app .preview-badge-row{display:flex;flex-wrap:wrap;gap:8px}#pukka-online-app .preview-badge-row span{padding:6px 10px;border-radius:99px;color:#fff;font-size:11px;font-weight:900}#pukka-online-app .preview-badge-row .success{background:var(--edutechx-badge-success)}#pukka-online-app .preview-badge-row .warning{background:var(--edutechx-badge-warning)}#pukka-online-app .preview-badge-row .danger{background:var(--edutechx-badge-danger)}#pukka-online-app .preview-badge-row .info{background:var(--edutechx-badge-info)}
#pukka-online-app .preview-report-sheet{padding:14px;border:1px solid var(--edutechx-report-print-border);border-radius:11px;background:#fff}#pukka-online-app .preview-report-sheet header{padding-bottom:9px;border-bottom:2px solid var(--edutechx-report-print-border)}#pukka-online-app .preview-report-sheet header strong{display:block;color:var(--edutechx-report-print-title)}#pukka-online-app .preview-report-sheet header small{color:var(--edutechx-muted)}#pukka-online-app .preview-report-sheet section{display:inline-grid;gap:3px;margin:10px 0;padding:9px 15px;border-radius:9px;background:var(--edutechx-report-card-bg);color:var(--edutechx-report-card-text)}#pukka-online-app .preview-report-sheet table{margin:0;font-size:10px}#pukka-online-app .preview-report-sheet th{background:var(--edutechx-report-table-head-bg);color:var(--edutechx-report-table-head-text)}#pukka-online-app .preview-report-sheet footer{margin-top:10px;padding-top:6px;border-top:1px solid var(--edutechx-report-print-border);color:var(--edutechx-muted);font-size:9px}
#pukka-online-app .setup-font-preview{margin-top:10px;padding:12px;border:1px solid var(--edutechx-border);border-radius:10px;background:var(--edutechx-card-bg);color:var(--edutechx-card-title);font-family:var(--edutechx-font-family);font-size:14px;font-weight:700}

#pukka-online-app .notification-drawer,#pukka-online-app .profile-settings-drawer{top:10px;right:10px;bottom:10px;height:auto;border:1px solid var(--edutechx-card-border);border-radius:22px;background:var(--edutechx-card-bg);overflow:hidden}
#pukka-online-app .notification-drawer>header,#pukka-online-app .profile-settings-drawer>header{background:linear-gradient(135deg,var(--edutechx-topbar-bg),color-mix(in srgb,var(--edutechx-topbar-bg) 68%,var(--edutechx-primary)));color:var(--edutechx-topbar-text)}
#pukka-online-app .notification-drawer>header h2,#pukka-online-app .profile-settings-drawer>header h2{color:var(--edutechx-topbar-text)}#pukka-online-app .notification-drawer>header .eyebrow,#pukka-online-app .profile-settings-drawer>header .eyebrow{color:color-mix(in srgb,var(--edutechx-topbar-text) 75%,transparent)}
#pukka-online-app .notification-close svg,#pukka-online-app .profile-settings-close svg{display:block;width:22px;height:22px}#pukka-online-app .notification-close,#pukka-online-app .profile-settings-close{display:grid;place-items:center;width:40px!important;height:40px;padding:0!important;border:1px solid color-mix(in srgb,var(--edutechx-topbar-text) 28%,transparent)!important;border-radius:11px!important;background:color-mix(in srgb,var(--edutechx-topbar-bg) 80%,#fff 20%)!important;color:var(--edutechx-topbar-text)!important}
#pukka-online-app .notification-toolbar{grid-template-columns:minmax(160px,1fr) auto auto;background:var(--edutechx-card-bg)}#pukka-online-app .notification-toolbar .btn-secondary{grid-column:auto;width:auto;min-width:150px;justify-self:start;margin:0}#pukka-online-app .notification-toolbar select{margin:0}#pukka-online-app .notification-list{background:var(--edutechx-bg)}#pukka-online-app .notification-archive{display:grid;place-items:center;width:34px!important;height:34px!important;padding:6px!important;border-radius:9px!important}#pukka-online-app .notification-archive .nav-icon{width:18px;height:18px}
#pukka-online-app .notification-preference-card{border-color:var(--edutechx-card-border);border-radius:16px;background:var(--edutechx-card-bg)}#pukka-online-app .notification-switch{border-color:var(--edutechx-card-border);background:var(--edutechx-card-bg);color:var(--edutechx-text)}#pukka-online-app .notification-switch small{color:var(--edutechx-muted)}#pukka-online-app .notification-switch input:checked+i{background:var(--edutechx-primary)}#pukka-online-app .notification-preference-card>button{width:auto;margin:0}
#pukka-online-app .sidebar-user-card{grid-template-columns:auto minmax(0,1fr);cursor:default}#pukka-online-app .sidebar-user-card:hover{background:rgba(255,255,255,.08)}
#pukka-online-app .profile-settings-body{background:var(--edutechx-bg)}#pukka-online-app .settings-section{padding:18px;border:1px solid var(--edutechx-card-border);border-radius:17px;background:var(--edutechx-card-bg);box-shadow:0 6px 18px rgba(15,23,42,.05)}#pukka-online-app .settings-section-heading{display:flex;align-items:center;gap:10px;margin-bottom:14px}#pukka-online-app .settings-section-heading>.nav-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:color-mix(in srgb,var(--edutechx-primary) 12%,var(--edutechx-card-bg));color:var(--edutechx-primary)}#pukka-online-app .settings-section-heading h3{margin:2px 0 0;color:var(--edutechx-card-title)}#pukka-online-app .settings-section-kicker{color:var(--edutechx-muted);font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}#pukka-online-app .profile-form-section>button,#pukka-online-app .profile-password-section button,#pukka-online-app .settings-legal-section button,#pukka-online-app .settings-notification-info button{width:auto;margin:10px 0 0}#pukka-online-app .profile-password-section summary{display:flex;align-items:center;gap:9px}#pukka-online-app .profile-password-section summary .nav-icon{width:22px;height:22px}#pukka-online-app .settings-notification-info{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:13px;border:1px solid var(--edutechx-border);border-radius:12px;background:var(--edutechx-bg)}#pukka-online-app .settings-notification-info>.nav-icon{width:32px;height:32px;color:var(--edutechx-notification-icon)}#pukka-online-app .settings-notification-info p{margin:4px 0 0;color:var(--edutechx-muted)}

#pukka-online-app .parent-homework-filters{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr)) auto;align-items:end;gap:10px;margin-bottom:10px;padding:14px;border:1px solid var(--edutechx-border);border-radius:14px;background:var(--edutechx-bg)}#pukka-online-app .parent-homework-filters label{margin:0 0 5px;color:var(--edutechx-muted);font-size:11px;font-weight:800}#pukka-online-app .parent-homework-filters input,#pukka-online-app .parent-homework-filters select,#pukka-online-app .parent-homework-filters button{margin:0}#pukka-online-app .parent-homework-filters button{width:auto;min-width:130px}#pukka-online-app .parent-homework-filter-summary{min-height:20px;margin-bottom:10px;color:var(--edutechx-muted);font-size:12px;font-weight:800}#pukka-online-app .parent-friendly-empty{display:grid;justify-items:center;gap:8px;margin:14px 0;padding:28px 18px;border:1px dashed var(--edutechx-border);border-radius:16px;background:var(--edutechx-bg);color:var(--edutechx-muted);text-align:center}#pukka-online-app .parent-friendly-empty .nav-icon{width:46px;height:46px;color:var(--edutechx-primary)}#pukka-online-app .parent-friendly-empty strong{color:var(--edutechx-card-title)}#pukka-online-app .parent-friendly-empty p{margin:0}

@media(max-width:900px){#pukka-online-app .parent-homework-filters{grid-template-columns:repeat(2,minmax(0,1fr))}#pukka-online-app .parent-homework-filters button{width:auto}#pukka-online-app .preview-card-table{grid-template-columns:1fr}}
@media(max-width:640px){#pukka-online-app .setup-group-preview{padding:9px}#pukka-online-app .theme-color-group{padding:12px}#pukka-online-app .preview-card-table{grid-template-columns:1fr}#pukka-online-app .preview-button-row button{flex:1 1 120px}#pukka-online-app .notification-drawer,#pukka-online-app .profile-settings-drawer{inset:0;width:100%;border:0;border-radius:0}#pukka-online-app .notification-toolbar{grid-template-columns:1fr}#pukka-online-app .notification-toolbar .btn-secondary{width:auto;min-width:0}#pukka-online-app .settings-notification-info{grid-template-columns:auto 1fr}#pukka-online-app .settings-notification-info button{grid-column:1/-1;width:auto}#pukka-online-app .settings-section{padding:14px}#pukka-online-app .profile-photo-section .mini-actions{display:flex;flex-wrap:wrap}#pukka-online-app .profile-photo-section .mini-actions button,#pukka-online-app .profile-form-section>button{width:auto}#pukka-online-app .parent-homework-filters{grid-template-columns:1fr}#pukka-online-app .parent-homework-filters button{width:auto;justify-self:start}.session-actions{flex-wrap:wrap}}

/* EduTechX 1.0.75 — normal Ayarlar sekmesi, profil onayı ve denetim filtreleri */
#pukka-online-app .profile-settings-center{display:none!important}
#pukka-online-app .user-settings-panel-root{display:grid;gap:16px;max-width:1180px;margin:0 auto}
#pukka-online-app .settings-page-heading{padding:4px 2px 2px}
#pukka-online-app .settings-page-heading h2{margin:2px 0 5px;color:var(--edutechx-card-title)}
#pukka-online-app .settings-page-heading p{margin:0;color:var(--edutechx-muted)}
#pukka-online-app .profile-photo-approval-state{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:8px 0 12px}
#pukka-online-app .profile-photo-approval-state small{flex:1 1 300px;color:var(--edutechx-muted);line-height:1.5}
#pukka-online-app .profile-approval-section{border-color:color-mix(in srgb,var(--edutechx-primary) 35%,var(--edutechx-card-border));scroll-margin-top:100px}
#pukka-online-app .profile-approval-summary{display:flex;align-items:baseline;gap:8px;margin-bottom:12px;color:var(--edutechx-muted)}
#pukka-online-app .profile-approval-summary strong{color:var(--edutechx-primary);font-size:28px}
#pukka-online-app #profilePhotoApprovalsRoot{display:grid;gap:12px}
#pukka-online-app .profile-approval-card{padding:16px;border:1px solid var(--edutechx-card-border);border-radius:15px;background:var(--edutechx-bg)}
#pukka-online-app .profile-approval-identity{display:grid;grid-template-columns:minmax(180px,1fr) auto;align-items:center;gap:18px}
#pukka-online-app .profile-approval-identity h4{margin:7px 0 2px;color:var(--edutechx-card-title);font-size:17px}
#pukka-online-app .profile-approval-identity p{margin:0;color:var(--edutechx-muted)}
#pukka-online-app .profile-approval-identity small,#pukka-online-app .profile-approval-identity time{display:block;margin-top:5px;color:var(--edutechx-muted);font-size:11px}
#pukka-online-app .profile-approval-compare{display:flex;gap:14px}
#pukka-online-app .profile-approval-compare figure{margin:0;text-align:center}
#pukka-online-app .profile-approval-compare figure>span{display:block;margin-bottom:5px;color:var(--edutechx-muted);font-size:10px;font-weight:900;text-transform:uppercase}
#pukka-online-app .profile-approval-avatar{display:grid;place-items:center;width:82px;height:82px;overflow:hidden;border:3px solid var(--edutechx-card-bg);border-radius:50%;outline:1px solid var(--edutechx-border);background:linear-gradient(135deg,var(--edutechx-primary),var(--edutechx-accent));color:#fff;font-weight:900}
#pukka-online-app .profile-approval-avatar img{width:100%;height:100%;object-fit:cover}
#pukka-online-app .profile-approval-card>label{display:block;margin-top:13px;color:var(--edutechx-muted);font-size:11px;font-weight:800}
#pukka-online-app .profile-approval-card textarea{margin:5px 0 0;resize:vertical}
#pukka-online-app .profile-approval-card .mini-actions{justify-content:flex-end}
#pukka-online-app .profile-approval-card .mini-actions button{width:auto}
#pukka-online-app .profile-approval-card .mini-actions .danger{background:var(--edutechx-button-danger-bg)}

#pukka-online-app .management-person-cell{display:flex;align-items:center;gap:9px;min-width:180px}
#pukka-online-app .management-person-cell>span:last-child{display:block;min-width:0;flex:1}
#pukka-online-app .management-person-cell strong,#pukka-online-app .management-person-cell small{display:block}
#pukka-online-app .management-list-avatar{display:grid;place-items:center;flex:none;width:36px;height:36px;overflow:hidden;border-radius:50%;background:linear-gradient(135deg,var(--edutechx-primary),var(--edutechx-accent));color:#fff;font-size:11px;font-weight:900}
#pukka-online-app .management-list-avatar img{width:100%;height:100%;object-fit:cover}
#pukka-online-app .management-avatar-pending{font-size:8px;padding:3px 5px;white-space:nowrap}
#pukka-online-app .linked-student-list{display:grid;gap:6px;min-width:210px}
#pukka-online-app .linked-student-avatar{display:flex;align-items:center;gap:8px;padding:6px;border:1px solid var(--edutechx-border);border-radius:10px;background:var(--edutechx-bg)}
#pukka-online-app .linked-student-avatar .management-list-avatar{width:32px;height:32px}
#pukka-online-app .linked-student-avatar>span:last-child{min-width:0}
#pukka-online-app .linked-student-avatar strong,#pukka-online-app .linked-student-avatar small{display:block}
#pukka-online-app .linked-student-avatar small{color:var(--edutechx-muted);font-size:9px}

#pukka-online-app #teacherYoklamaContent.history-only,#pukka-online-app #teacherOdevContent.history-only{display:grid!important;grid-template-columns:minmax(260px,300px) minmax(0,1fr);grid-auto-rows:minmax(min-content,auto);align-items:stretch;gap:18px;min-height:calc(100vh - 250px)}
#pukka-online-app #teacherYoklamaContent.history-only #gecmisKonuKontroller,#pukka-online-app #teacherOdevContent.history-only #gecmisOdevKontroller{display:grid;grid-column:1;grid-row:1/span 3;align-content:start;gap:12px;min-width:260px;height:100%;margin:0;padding:18px;border-radius:16px;background:var(--edutechx-card-bg);box-shadow:0 8px 24px rgba(15,23,42,.06)}
#pukka-online-app .teacher-history-controls>div{min-width:0;width:100%}
#pukka-online-app .teacher-history-controls button{width:100%;margin:0}
#pukka-online-app #teacherYoklamaContent.history-only #gecmisPanel,#pukka-online-app #teacherYoklamaContent.history-only #yoklamaDuzenlePanel,#pukka-online-app #teacherOdevContent.history-only #odevGecmisPanel,#pukka-online-app #teacherOdevContent.history-only #odevOgrenciPanel{grid-column:2;min-width:0;margin:0!important}

#pukka-online-app .admin-message-audit-filters{padding:16px;border:1px solid var(--edutechx-border);border-radius:15px;background:var(--edutechx-bg)}
#pukka-online-app .admin-message-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px}
#pukka-online-app .admin-message-filter-grid label{display:block;margin:0 0 5px;color:var(--edutechx-muted);font-size:11px;font-weight:800}
#pukka-online-app .admin-message-filter-grid input,#pukka-online-app .admin-message-filter-grid select{margin:0}
#pukka-online-app .admin-message-filter-grid .admin-message-search{grid-column:span 2}
#pukka-online-app .admin-message-audit-filters .mini-actions{justify-content:flex-end;margin-top:12px}
#pukka-online-app .admin-message-audit-filters .mini-actions button{width:auto}
#pukka-online-app .message-module>.pagination{display:flex;align-items:center;justify-content:center;gap:10px}
#pukka-online-app .message-module>.pagination button{width:auto;margin:0}

@media(max-width:900px){#pukka-online-app .admin-message-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#pukka-online-app .profile-approval-identity{grid-template-columns:1fr}}
@media(max-width:700px){#pukka-online-app #teacherYoklamaContent.history-only,#pukka-online-app #teacherOdevContent.history-only{grid-template-columns:1fr;min-height:0}#pukka-online-app #teacherYoklamaContent.history-only #gecmisKonuKontroller,#pukka-online-app #teacherOdevContent.history-only #gecmisOdevKontroller{grid-column:1;grid-row:auto;min-width:0;height:auto}#pukka-online-app #teacherYoklamaContent.history-only #gecmisPanel,#pukka-online-app #teacherYoklamaContent.history-only #yoklamaDuzenlePanel,#pukka-online-app #teacherOdevContent.history-only #odevGecmisPanel,#pukka-online-app #teacherOdevContent.history-only #odevOgrenciPanel{grid-column:1}#pukka-online-app .admin-message-filter-grid{grid-template-columns:1fr}#pukka-online-app .admin-message-filter-grid .admin-message-search{grid-column:auto}#pukka-online-app .profile-approval-compare{justify-content:flex-start}#pukka-online-app .profile-approval-avatar{width:70px;height:70px}#pukka-online-app .profile-approval-card .mini-actions{display:flex;flex-wrap:wrap}#pukka-online-app .user-settings-panel-root .profile-photo-section{grid-template-columns:1fr}}

/* EduTechX 1.0.76 — geçmiş kayıt yerleşimi, mobil menü ve taşma güvenliği */
#pukka-online-app{max-width:100%}
#pukka-online-app .portal-login-form{display:block}
#pukka-online-app .history-layout{grid-template-columns:minmax(300px,360px) minmax(0,1fr)!important;gap:20px!important;align-items:stretch!important}
#pukka-online-app .history-layout .history-filter-panel{min-width:300px!important;min-height:calc(100vh - 250px);padding:20px!important;border:1px solid var(--edutechx-border);border-radius:18px!important;background:linear-gradient(180deg,var(--edutechx-card-bg),var(--edutechx-bg))!important;box-shadow:0 14px 36px rgba(15,23,42,.08)!important}
#pukka-online-app .history-filter-heading{display:grid;gap:3px;padding-bottom:12px;border-bottom:1px solid var(--edutechx-border)}
#pukka-online-app .history-filter-heading strong{color:var(--edutechx-card-title);font-size:18px}
#pukka-online-app .history-date-grid{display:grid;grid-template-columns:1fr;gap:10px}
#pukka-online-app .history-date-grid>div{min-width:0}
#pukka-online-app .history-filter-actions{display:grid!important;grid-template-columns:1fr;gap:8px;margin-top:4px!important}
#pukka-online-app .history-filter-actions button{min-width:0!important;width:100%!important}
#pukka-online-app .history-layout .history-result-panel{min-width:0;min-height:calc(100vh - 250px);padding:20px!important;border:1px solid var(--edutechx-border)!important;border-radius:18px!important;background:var(--edutechx-card-bg)!important;box-shadow:0 14px 36px rgba(15,23,42,.07)}
#pukka-online-app .history-result-panel>div:first-child{gap:12px}
#pukka-online-app .history-result-panel>div:first-child>button{min-height:34px!important;padding:6px 11px!important;background:#e2e8f0!important;color:#475569!important;box-shadow:none!important}
#pukka-online-app #gecmisIcerik,#pukka-online-app #odevGecmisIcerik{max-height:none!important;overflow:visible!important;margin-top:14px!important}
#pukka-online-app .history-record-card,#pukka-online-app .history-test-homework{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0;padding:16px 0;border-bottom:1px solid var(--edutechx-border);background:transparent}
#pukka-online-app .history-record-card:last-child,#pukka-online-app .history-test-homework:last-child{border-bottom:0}
#pukka-online-app .history-record-copy{min-width:0;overflow-wrap:anywhere}
#pukka-online-app .history-record-copy h4{margin:8px 0 5px;color:var(--edutechx-card-title);font-size:16px;line-height:1.45;white-space:pre-wrap}
#pukka-online-app .history-record-copy small{display:block;color:var(--edutechx-muted)}
#pukka-online-app .history-record-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px;color:var(--edutechx-muted);font-size:12px}
#pukka-online-app .history-record-actions{display:flex;flex:none;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px}
#pukka-online-app .history-record-actions button{width:auto!important;min-height:38px;padding:8px 12px!important;margin:0!important;font-size:12px!important;white-space:nowrap}
#pukka-online-app .history-delete-button{background:#dc2626!important}
#pukka-online-app .history-empty{display:grid;min-height:220px;place-items:center;padding:28px;border:1px dashed var(--edutechx-border);border-radius:14px;background:var(--edutechx-bg);color:var(--edutechx-muted);text-align:center}
#pukka-online-app .history-empty.error{border-color:#fecaca;background:#fff1f2;color:#b91c1c}
#pukka-online-app .file-download-link{max-width:100%;overflow-wrap:anywhere;white-space:normal}

@media(max-width:768px){
  #pukka-online-app .portal-shell{grid-template-columns:1fr!important}
  #pukka-online-app .portal-shell .portal-sidebar{display:none;position:fixed;inset:10px;z-index:9980;max-width:none;height:auto;min-height:0;max-height:none;overflow:auto;padding:14px;border-radius:14px;scrollbar-gutter:stable}
  #pukka-online-app .portal-shell.mobile-menu-open .portal-sidebar{display:block}
  #pukka-online-app .portal-shell.mobile-menu-open:before{content:"";position:fixed;inset:0;z-index:9970;background:rgba(15,23,42,.52)}
  #pukka-online-app .portal-sidebar .sidebar-nav{grid-template-columns:1fr}
  #pukka-online-app .history-layout{grid-template-columns:1fr!important;gap:14px!important;min-height:0!important}
  #pukka-online-app .history-layout .history-filter-panel,#pukka-online-app .history-layout .history-result-panel{grid-column:1!important;grid-row:auto!important;min-width:0!important;min-height:0;height:auto!important}
  #pukka-online-app .history-record-card,#pukka-online-app .history-test-homework{align-items:stretch;flex-direction:column}
  #pukka-online-app .history-record-actions{justify-content:flex-start;width:100%}
  #pukka-online-app .history-record-actions button{flex:1 1 150px;white-space:normal}
  #pukka-online-app .portal-main,#pukka-online-app .details-content,#pukka-online-app .management-panel,#pukka-online-app .table-container,#pukka-online-app .report-table-wrap{min-width:0;max-width:100%}
  #pukka-online-app .table-container,#pukka-online-app .report-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
  #pukka-online-app img,#pukka-online-app video,#pukka-online-app canvas{max-width:100%;height:auto}
  #pukka-online-app input,#pukka-online-app select,#pukka-online-app textarea,#pukka-online-app button{max-width:100%}
}

@media(max-width:480px){
  #pukka-online-app .history-layout .history-filter-panel,#pukka-online-app .history-layout .history-result-panel{padding:14px!important;border-radius:14px!important}
  #pukka-online-app .history-date-grid,#pukka-online-app .management-grid,#pukka-online-app .parent-filter-row,#pukka-online-app .report-filter-grid{grid-template-columns:1fr!important}
  #pukka-online-app .history-record-actions{display:grid;grid-template-columns:1fr}
  #pukka-online-app .history-record-actions button{width:100%!important}
  #pukka-online-app .modal-card,#pukka-online-app .institution-modal-card{max-width:100vw!important}
  #pukka-online-app .dashboard-grid,#pukka-online-app .role-stat-grid{grid-template-columns:1fr!important}
}

/* EduTechX 1.0.77 — tam genişlikte geçmiş sayfaları ve doğrudan akademik veri görünümü */
#pukka-online-app #teacherYoklamaContent.history-only.history-page,#pukka-online-app #teacherOdevContent.history-only.history-page{display:block!important;min-height:0!important}
#pukka-online-app #teacherYoklamaContent.history-page #gecmisKonuKontroller,#pukka-online-app #teacherOdevContent.history-page #gecmisOdevKontroller{position:static!important;display:grid!important;grid-template-columns:repeat(4,minmax(150px,1fr));grid-column:auto!important;grid-row:auto!important;align-items:end;gap:14px;width:100%;min-width:0!important;min-height:0!important;height:auto!important;margin:0 0 20px!important;padding:20px;border:1px solid var(--edutechx-border);border-radius:18px;background:linear-gradient(135deg,var(--edutechx-card-bg),var(--edutechx-bg));box-shadow:0 12px 34px rgba(15,23,42,.07)}
#pukka-online-app .history-page .history-filter-heading{grid-column:1/-1}
#pukka-online-app .history-page .history-date-grid{grid-column:span 2;grid-template-columns:repeat(2,minmax(0,1fr))}
#pukka-online-app .history-page .history-filter-actions{display:flex!important;grid-column:1/-1;justify-content:flex-end;gap:10px}
#pukka-online-app .history-page .history-filter-actions button{width:auto!important;min-width:160px!important}
#pukka-online-app #teacherYoklamaContent.history-page #gecmisPanel,#pukka-online-app #teacherYoklamaContent.history-page #yoklamaDuzenlePanel,#pukka-online-app #teacherOdevContent.history-page #odevGecmisPanel,#pukka-online-app #teacherOdevContent.history-page #odevOgrenciPanel{display:block;grid-column:auto!important;width:100%;min-width:0;min-height:0!important;max-height:none!important;margin:0!important;padding:20px!important;border:1px solid var(--edutechx-border)!important;border-radius:18px!important;background:var(--edutechx-card-bg)!important;box-shadow:0 12px 34px rgba(15,23,42,.06)}
#pukka-online-app #teacherYoklamaContent.history-page #yoklamaDuzenlePanel[style*="display: none"],#pukka-online-app #teacherOdevContent.history-page #odevOgrenciPanel[style*="display: none"]{display:none!important}
#pukka-online-app .history-results-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}
#pukka-online-app .history-results-header h3{margin:3px 0 0;color:var(--edutechx-card-title)}
#pukka-online-app .history-card-list{display:grid;gap:12px}
#pukka-online-app .history-card-list .history-record-card,#pukka-online-app .history-card-list .history-test-homework{padding:18px;border:1px solid var(--edutechx-border);border-radius:15px;background:var(--edutechx-bg);box-shadow:0 5px 18px rgba(15,23,42,.04)}
#pukka-online-app .history-record-stats{display:inline-flex;max-width:100%;margin-top:10px;padding:7px 10px;border-radius:9px;background:color-mix(in srgb,var(--edutechx-primary) 8%,var(--edutechx-card-bg));color:var(--edutechx-text);font-size:12px;font-weight:700;overflow-wrap:anywhere}
#pukka-online-app .history-empty-state{display:grid;min-height:190px;place-items:center;padding:28px;border:1px dashed var(--edutechx-border);border-radius:14px;background:var(--edutechx-bg);color:var(--edutechx-muted);text-align:center}

#pukka-online-app .admin-academic-filter-bar{margin-bottom:18px;padding:18px;border:1px solid var(--edutechx-border);border-radius:16px;background:linear-gradient(135deg,var(--edutechx-card-bg),var(--edutechx-bg))}
#pukka-online-app .admin-academic-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;align-items:end}
#pukka-online-app .admin-academic-filter-grid label{display:block;margin:0 0 5px;color:var(--edutechx-muted);font-size:11px;font-weight:800}
#pukka-online-app .admin-academic-filter-grid input,#pukka-online-app .admin-academic-filter-grid select{margin:0}
#pukka-online-app .admin-academic-actions{justify-content:flex-end;margin-top:14px}
#pukka-online-app .admin-academic-actions button{width:auto;min-width:150px;margin:0}
#pukka-online-app .admin-academic-summary{margin:0 0 16px}
#pukka-online-app .history-empty-cell{padding:34px!important;color:var(--edutechx-muted);text-align:center!important}
#pukka-online-app .history-empty-cell.error{background:#fff1f2;color:#b91c1c}
#pukka-online-app .table-action-danger{width:auto!important;min-height:36px!important;margin:0!important;padding:7px 11px!important;background:#dc2626!important;font-size:12px!important}
#pukka-online-app .admin-academic-debug{margin-top:16px;border:1px dashed #f59e0b;background:#fffbeb}
#pukka-online-app .admin-academic-debug summary{color:#92400e}
#pukka-online-app .academic-debug-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:8px;padding:14px}
#pukka-online-app .academic-debug-grid span{padding:10px;border:1px solid #fde68a;border-radius:9px;background:#fff;color:#92400e;font-size:11px}
#pukka-online-app .academic-debug-grid strong{display:block;margin-top:4px;color:#78350f;font-size:19px}

@media(max-width:1024px){
  #pukka-online-app #teacherYoklamaContent.history-page #gecmisKonuKontroller,#pukka-online-app #teacherOdevContent.history-page #gecmisOdevKontroller,#pukka-online-app .admin-academic-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #pukka-online-app .academic-debug-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  #pukka-online-app #teacherYoklamaContent.history-page #gecmisKonuKontroller,#pukka-online-app #teacherOdevContent.history-page #gecmisOdevKontroller,#pukka-online-app .admin-academic-filter-grid{grid-template-columns:1fr;padding:14px}
  #pukka-online-app .history-page .history-date-grid{grid-column:auto;grid-template-columns:1fr}
  #pukka-online-app .history-page .history-filter-actions,#pukka-online-app .admin-academic-actions{display:grid!important;grid-template-columns:1fr;justify-content:stretch}
  #pukka-online-app .history-page .history-filter-actions button,#pukka-online-app .admin-academic-actions button{width:100%!important;min-width:0!important}
  #pukka-online-app .history-results-header{align-items:flex-start;flex-direction:column}
  #pukka-online-app .academic-debug-grid{grid-template-columns:1fr}
}

/* EduTechX 1.0.80 — yapılmayan ödevler mevcut ödev ekranlarında filtreli takip edilir */
#pukka-online-app .homework-summary-card{width:auto;margin:0;border-left:0;border-right:0;border-bottom:0;background:var(--edutechx-card-bg);color:var(--edutechx-text);text-align:center;cursor:pointer}
#pukka-online-app .homework-summary-card:hover{transform:translateY(-2px);box-shadow:var(--edutechx-shadow-md)}
#pukka-online-app .homework-summary-card{border-top-color:#d97706}
#pukka-online-app .homework-summary-card.overdue{border-top-color:#ea580c}
#pukka-online-app .homework-summary-card.partial{border-top-color:#ca8a04}
#pukka-online-app .student-homework-root{min-width:0}
#pukka-online-app .student-homework-card .homework-submit-cell{display:grid;gap:7px;margin-top:12px}
#pukka-online-app .student-homework-card .homework-submit-cell input[type=file]{width:100%;max-width:100%;margin:0;padding:8px}
#pukka-online-app .homework-submission-panel{display:grid;gap:9px;margin-top:8px;padding:11px;border:1px solid var(--edutechx-border);border-radius:8px;background:var(--edutechx-card-bg)}
#pukka-online-app .homework-review-editor{display:grid;gap:8px;margin-top:2px;padding-top:10px;border-top:1px solid var(--edutechx-border)}
#pukka-online-app .homework-review-editor label{margin:0;color:var(--edutechx-card-title);font-size:12px;font-weight:800}
#pukka-online-app .homework-review-editor label span{color:var(--edutechx-muted);font-weight:600}
#pukka-online-app .homework-review-editor textarea{width:100%;min-height:76px;margin:0;resize:vertical}
#pukka-online-app .homework-review-actions{display:flex;flex-wrap:wrap;gap:8px;margin:0}
#pukka-online-app .homework-review-actions button{width:auto;min-width:112px;margin:0;padding:8px 12px;font-size:12px}
#pukka-online-app .homework-review-actions .homework-review-approve{background:#15803d}
#pukka-online-app .homework-review-actions .homework-review-reject{background:#b91c1c}
#pukka-online-app .homework-review-actions button[aria-pressed="true"]{outline:3px solid color-mix(in srgb,currentColor 28%,transparent);outline-offset:2px}
#pukka-online-app .homework-target-panel{display:grid;gap:9px;margin:14px 0;padding:12px;border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc}
#pukka-online-app .homework-target-students{display:grid;gap:8px;max-height:260px;overflow:auto;padding:8px;border:1px solid #dbe3ef;border-radius:7px;background:#fff}
#pukka-online-app .homework-target-actions{display:flex;flex-wrap:wrap;gap:8px}
#pukka-online-app .homework-target-option{display:flex;align-items:center;gap:9px;min-width:0;margin:0;padding:8px;border-bottom:1px solid #eef2f7}
#pukka-online-app .homework-target-option:last-child{border-bottom:0}
#pukka-online-app .homework-target-option input{flex:none;width:auto;margin:0}
#pukka-online-app .homework-target-option span{min-width:0;overflow-wrap:anywhere}
#pukka-online-app .multi-file-selection,#pukka-online-app .multi-file-links,#pukka-online-app .multi-file-existing{display:grid;gap:7px;margin-top:8px}
#pukka-online-app .multi-file-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding:8px 10px;border:1px solid #dbe3ef;border-radius:7px;background:#f8fafc}
#pukka-online-app .multi-file-row input{flex:none;width:auto;margin:0}
#pukka-online-app .multi-file-row span{min-width:0;overflow-wrap:anywhere}
#pukka-online-app .multi-file-row button{flex:none;width:auto;min-height:34px;margin:0;padding:6px 9px}
#pukka-online-app .student-homework-card .homework-submission-note .file-download-link{display:inline-flex;width:auto;margin-left:4px;padding:4px 8px;font-size:12px;background:#2563eb}
#pukka-online-app .homework-filter-grid{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr)) auto;align-items:end;gap:10px;margin:0 0 10px;padding:14px;border:1px solid var(--edutechx-border);border-radius:14px;background:var(--edutechx-bg)}
#pukka-online-app .homework-filter-grid label{margin:0 0 5px;color:var(--edutechx-muted);font-size:11px;font-weight:800}
#pukka-online-app .homework-filter-grid input,#pukka-online-app .homework-filter-grid select,#pukka-online-app .homework-filter-grid button{margin:0}
#pukka-online-app .homework-filter-grid button{width:auto;min-width:130px}
#pukka-online-app .homework-filter-summary{min-height:20px;margin-bottom:10px;color:var(--edutechx-muted);font-size:12px;font-weight:800}
#pukka-online-app .parent-homework-card.status-attention{border-left-color:#d97706}
#pukka-online-app .homework-status-badge.attention{background:#fff7ed;color:#9a3412}
#pukka-online-app .parent-homework-description,#pukka-online-app .homework-teacher-note p,#pukka-online-app .parent-homework-card dd{overflow-wrap:anywhere;word-break:break-word}
#pukka-online-app .parent-homework-card .file-download-link{max-width:100%;white-space:normal;text-align:left;overflow-wrap:anywhere}
#pukka-online-app .homework-student-name{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0;padding:9px 11px;border-radius:10px;background:color-mix(in srgb,var(--edutechx-primary) 8%,#fff);color:var(--edutechx-text)}

@media(max-width:900px){
  #pukka-online-app .homework-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  #pukka-online-app .homework-filter-grid{grid-template-columns:1fr;padding:12px}
  #pukka-online-app .homework-filter-grid button{width:100%;min-height:44px}
  #pukka-online-app .homework-review-actions{display:grid;grid-template-columns:1fr 1fr}
  #pukka-online-app .homework-review-actions button{width:100%;min-width:0;min-height:44px}
  #pukka-online-app .parent-homework-grid{grid-template-columns:minmax(0,1fr)}
  #pukka-online-app .parent-homework-card{min-width:0;padding:14px}
}

/* EduTechX 1.0.79 — profesyonel mobil topbar ve soldan kayan drawer */
#pukka-online-app .mobile-portal-topbar,#pukka-online-app .mobile-drawer-overlay,#pukka-online-app .sidebar-drawer-close{display:none}
#pukka-online-app .sidebar-menu-group{display:block;margin-bottom:7px;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;background:rgba(255,255,255,.035)}
#pukka-online-app .sidebar-group-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;margin:0;padding:9px 11px;border:0;border-radius:0;background:rgba(255,255,255,.05);color:var(--edutechx-sidebar-icon);box-shadow:none;font-size:11px;font-weight:900;letter-spacing:.04em;text-align:left;text-transform:uppercase}
#pukka-online-app .sidebar-group-toggle:hover{background:var(--edutechx-sidebar-hover);color:var(--edutechx-sidebar-text)}
#pukka-online-app .sidebar-group-toggle:focus-visible{outline:3px solid color-mix(in srgb,var(--edutechx-focus) 48%,transparent);outline-offset:-3px}
#pukka-online-app .sidebar-group-toggle svg{flex:none;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .2s}
#pukka-online-app .sidebar-menu-group.collapsed .sidebar-group-toggle svg{transform:rotate(-90deg)}
#pukka-online-app .sidebar-group-items{display:flex;flex-direction:column;gap:4px;padding:5px}
#pukka-online-app .sidebar-menu-group.collapsed .sidebar-group-items{display:none}
#pukka-online-app .sidebar-section-label,#pukka-online-app .sidebar-context,#pukka-online-app .sidebar-footer{display:none}
#pukka-online-app .portal-sidebar{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}
#pukka-online-app .sidebar-drawer-head{display:block}
#pukka-online-app .parent-homework-empty.compact-homework-empty{display:flex;align-items:center;justify-content:flex-start;gap:9px;min-height:0;margin:0;padding:11px 12px;border-style:solid;background:var(--edutechx-card-bg);text-align:left}
#pukka-online-app .parent-homework-empty.compact-homework-empty>.nav-icon{display:none}.compact-homework-empty strong{font-size:12px;line-height:1.4}

@media(min-width:769px) and (max-width:900px){
  #pukka-online-app .portal-shell{grid-template-columns:250px minmax(0,1fr);gap:14px}
  #pukka-online-app .portal-sidebar{position:sticky;top:70px;height:calc(100dvh - 86px);min-height:320px;max-height:calc(100dvh - 86px);overflow-x:hidden;overflow-y:auto;padding:12px 10px}
  #pukka-online-app .sidebar-logo{display:flex}
  #pukka-online-app .sidebar-nav{display:flex;grid-template-columns:none}
}

/* EduTechX 1.1.0: ortak deneme girişi, bildirim hedefi ve ortak sidebar grupları */
#pukka-online-app .exam-entry-host:empty,#pukka-online-app .exam-history-host:empty{display:none}
#pukka-online-app .exam-entry-host,#pukka-online-app .exam-history-host,#pukka-online-app .exam-panel-section{width:100%;min-width:0}
#pukka-online-app .exam-entry-shared,#pukka-online-app .exam-analysis-section,#pukka-online-app .exam-history-shared{width:100%;min-width:0;margin-bottom:18px;padding:18px;box-sizing:border-box;border:1px solid var(--edutechx-card-border);border-radius:8px;background:var(--edutechx-card-bg)}
#pukka-online-app .exam-panel-section-heading{margin:0 0 14px}
#pukka-online-app .exam-panel-section-heading h2{margin:3px 0 5px;color:var(--edutechx-card-title);font-size:22px}
#pukka-online-app .exam-panel-section-heading p{margin:0;color:var(--edutechx-muted);line-height:1.5}
#pukka-online-app .exam-entry-layout{display:block;width:100%;min-width:0}
#pukka-online-app .exam-entry-layout>div{width:auto!important;min-width:0!important;max-width:100%}
#pukka-online-app .exam-entry-layout .flex-row>div{min-width:0}
#pukka-online-app .exam-entry-layout input,#pukka-online-app .exam-entry-layout select,#pukka-online-app .exam-entry-layout button{max-width:100%}
#pukka-online-app .exam-entry-form-card{width:100%!important;max-width:1120px!important;margin:0 auto;padding:20px;box-sizing:border-box;border:1px solid var(--edutechx-card-border);border-radius:8px;background:var(--edutechx-surface-soft)}
#pukka-online-app .exam-entry-form-card>.flex-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#pukka-online-app .exam-history-table-container{width:100%;max-width:100%;margin-top:10px;box-sizing:border-box;overflow-x:visible;border:1px solid var(--edutechx-table-border);background:var(--edutechx-card-bg)}
#pukka-online-app .exam-history-table{width:100%;min-width:0!important;max-width:100%;table-layout:fixed}
#pukka-online-app .exam-history-date-column{width:16%}
#pukka-online-app .exam-history-name-column{width:27%}
#pukka-online-app .exam-history-detail-column{width:42%}
#pukka-online-app .exam-history-score-column{width:15%}
#pukka-online-app .exam-history-table th,#pukka-online-app .exam-history-table td{min-width:0;vertical-align:top;white-space:normal;word-break:normal;overflow-wrap:break-word}
#pukka-online-app .notification-route-arrow{display:grid;place-items:center;flex:none;width:22px;height:38px;margin-right:20px;color:var(--edutechx-notification-text)}
#pukka-online-app .notification-route-arrow .nav-icon{width:19px;height:19px}
#pukka-online-app .notification-navigation-note{margin:0 0 14px;padding:11px 13px;border:1px solid color-mix(in srgb,var(--edutechx-badge-warning) 45%,var(--edutechx-border));border-radius:8px;background:color-mix(in srgb,var(--edutechx-badge-warning) 11%,var(--edutechx-card-bg));color:var(--edutechx-text);font-size:13px;font-weight:700}
#pukka-online-app .notification-target-highlight{animation:edutechxNotificationTarget 1.4s ease both;scroll-margin-block:110px}
@keyframes edutechxNotificationTarget{0%,35%{outline:4px solid color-mix(in srgb,var(--edutechx-focus) 72%,transparent);outline-offset:4px;box-shadow:0 0 0 8px color-mix(in srgb,var(--edutechx-focus) 18%,transparent)}100%{outline-color:transparent;box-shadow:none}}

@media(max-width:600px){
  #pukka-online-app .exam-entry-shared,#pukka-online-app .exam-analysis-section,#pukka-online-app .exam-history-shared{padding:12px}
  #pukka-online-app .exam-entry-layout>div{padding:14px!important}
  #pukka-online-app .exam-entry-form-card>.flex-row{grid-template-columns:1fr}
  #pukka-online-app .exam-entry-layout .deneme-grid{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){
  #pukka-online-app .sidebar-group-toggle svg{transition:none}
  #pukka-online-app .notification-target-highlight{animation:none;outline:3px solid var(--edutechx-focus);outline-offset:3px}
}

@media(max-width:768px){
  html:has(body.mobile-drawer-open),body.mobile-drawer-open{overflow:hidden!important;overscroll-behavior:none}
  #pukka-online-app{width:100%;max-width:100%}
  #pukka-online-app .topbar{display:none!important}
  #pukka-online-app .container{width:100%;max-width:100%;padding:0 8px 10px}
  #pukka-online-app #mainView{padding-top:0;padding-bottom:max(16px,env(safe-area-inset-bottom))}
  #pukka-online-app .header-actions{display:none!important}
  #pukka-online-app .mobile-portal-topbar{position:sticky;top:0;z-index:10000;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:58px;padding:7px max(8px,env(safe-area-inset-right)) 7px max(8px,env(safe-area-inset-left));border-bottom:1px solid color-mix(in srgb,var(--edutechx-topbar-text) 18%,transparent);background:var(--edutechx-topbar-bg);color:var(--edutechx-topbar-text);box-shadow:0 8px 24px rgba(15,23,42,.2)}
  #pukka-online-app .mobile-topbar-action{position:relative;display:grid;place-items:center;width:42px!important;min-width:42px!important;height:42px;min-height:42px!important;margin:0!important;padding:0!important;border:1px solid color-mix(in srgb,var(--edutechx-topbar-text) 24%,transparent)!important;border-radius:12px!important;background:color-mix(in srgb,var(--edutechx-topbar-bg) 82%,#fff 18%)!important;color:var(--edutechx-topbar-text)!important;box-shadow:none!important}
  #pukka-online-app .mobile-topbar-action svg{width:21px;height:21px}
  #pukka-online-app .mobile-hamburger{display:grid;gap:4px;width:21px}.mobile-hamburger i{display:block;height:2px;border-radius:2px;background:currentColor;transition:.2s}
  body.mobile-drawer-open #pukka-online-app .mobile-hamburger i:nth-child(1){transform:translateY(6px) rotate(45deg)}body.mobile-drawer-open #pukka-online-app .mobile-hamburger i:nth-child(2){opacity:0}body.mobile-drawer-open #pukka-online-app .mobile-hamburger i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  #pukka-online-app .mobile-topbar-brand{display:flex;align-items:center;gap:9px;min-width:0;overflow:hidden;color:inherit}
  #pukka-online-app .mobile-topbar-logo{display:grid;place-items:center;flex:none;width:36px;height:36px;overflow:hidden;border-radius:10px;background:color-mix(in srgb,var(--edutechx-topbar-text) 14%,transparent)}
  #pukka-online-app .mobile-topbar-logo img{width:100%;height:100%;padding:3px;object-fit:contain}.mobile-brand-initials{font-size:12px;font-weight:900}
  #pukka-online-app .mobile-topbar-copy{display:block;min-width:0}.mobile-topbar-copy strong,.mobile-topbar-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-topbar-copy strong{font-size:14px}.mobile-topbar-copy small{margin-top:2px;color:color-mix(in srgb,var(--edutechx-topbar-text) 76%,transparent);font-size:10px;font-weight:700}
  #pukka-online-app .mobile-topbar-actions{display:flex;align-items:center;gap:4px}.mobile-topbar-actions .mobile-topbar-action{width:44px!important;min-width:44px!important;height:44px;min-height:44px!important}
  #pukka-online-app .mobile-profile-action .profile-avatar{width:34px;height:34px;font-size:10px}
  #pukka-online-app .mobile-topbar-badge{position:absolute;top:-5px;right:-5px;display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;padding:0 4px;border:2px solid var(--edutechx-topbar-bg);border-radius:10px;background:var(--edutechx-notification-badge);color:#fff;font-size:9px;font-weight:900;line-height:1}
  #pukka-online-app .mobile-drawer-overlay{position:fixed;inset:0;z-index:10010;display:block;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:rgba(15,23,42,.62)!important;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s ease,visibility .24s ease;box-shadow:none!important}
  body.mobile-drawer-open #pukka-online-app .mobile-drawer-overlay{opacity:1;visibility:visible;pointer-events:auto}
  #pukka-online-app .portal-shell{grid-template-columns:1fr!important;gap:0!important}
  #pukka-online-app .portal-shell:before{content:none!important}
  #pukka-online-app .portal-shell .portal-sidebar{position:fixed;inset:0 auto 0 0;z-index:10020;display:flex!important;flex-direction:column;width:min(82vw,340px);min-width:min(280px,82vw);height:100dvh;min-height:0;max-height:100dvh;margin:0;padding:0 12px 14px;border:0;border-right:1px solid rgba(255,255,255,.12);border-radius:0 20px 20px 0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;background:var(--edutechx-sidebar-bg);box-shadow:24px 0 60px rgba(15,23,42,.36);transform:translateX(-105%);visibility:hidden;pointer-events:none;transition:transform .26s cubic-bezier(.2,.8,.2,1),visibility .26s}
  #pukka-online-app .portal-shell.mobile-menu-open .portal-sidebar{transform:translateX(0);visibility:visible;pointer-events:auto}
  #pukka-online-app .sidebar-drawer-head{position:sticky;top:0;z-index:4;display:grid;grid-template-columns:minmax(0,1fr) 42px;align-items:center;gap:8px;margin:0 -12px 10px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.12);background:var(--edutechx-sidebar-bg)}
  #pukka-online-app .sidebar-drawer-head .sidebar-logo{position:static;display:flex;justify-content:flex-start;min-width:0;margin:0;padding:0;border:0;background:transparent}.sidebar-drawer-head .sidebar-logo img{max-width:150px;max-height:48px}.sidebar-drawer-head .sidebar-logo .brand-logo-text{width:auto;min-width:90px;min-height:42px;padding:8px 12px}
  #pukka-online-app .sidebar-drawer-close{display:grid;place-items:center;width:40px!important;height:40px;min-height:40px!important;margin:0!important;padding:0!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:11px!important;background:rgba(255,255,255,.08)!important;color:var(--edutechx-sidebar-text)!important;font-size:26px;line-height:1;box-shadow:none!important}
  #pukka-online-app .sidebar-user-card{grid-template-columns:auto minmax(0,1fr);margin:0 0 8px;padding:11px}.sidebar-user-card strong,.sidebar-user-card small{white-space:normal;overflow-wrap:anywhere}
  #pukka-online-app .sidebar-context{display:grid;gap:3px;margin:0 0 12px;padding:0 10px 12px;border-bottom:1px solid rgba(255,255,255,.12)}.sidebar-context strong{color:var(--edutechx-sidebar-text);font-size:14px}.sidebar-context small{color:var(--edutechx-sidebar-icon);font-size:10px;line-height:1.4;overflow-wrap:anywhere}
  #pukka-online-app .sidebar-section-label{display:block;margin:2px 8px 7px;color:var(--edutechx-sidebar-icon);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
  #pukka-online-app .sidebar-title{margin:10px 8px 7px}
  #pukka-online-app .sidebar-nav{display:block!important}
  #pukka-online-app .sidebar-menu-group{display:block;margin-bottom:7px;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;background:rgba(255,255,255,.035)}
  #pukka-online-app .sidebar-group-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;margin:0;padding:9px 11px;border:0;border-radius:0;background:rgba(255,255,255,.05);color:var(--edutechx-sidebar-icon);box-shadow:none;font-size:11px;font-weight:900;letter-spacing:.04em;text-align:left;text-transform:uppercase}
  #pukka-online-app .sidebar-group-toggle svg{flex:none;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .2s}.sidebar-menu-group.collapsed .sidebar-group-toggle svg{transform:rotate(-90deg)}
  #pukka-online-app .sidebar-group-items{display:flex;flex-direction:column;gap:4px;padding:5px}#pukka-online-app .sidebar-menu-group.collapsed .sidebar-group-items{display:none}
  #pukka-online-app .side-nav-btn{min-height:46px;padding:9px 10px;border-radius:10px;font-size:13px;white-space:normal}.side-nav-btn>span:not(.nav-icon){white-space:normal;overflow-wrap:anywhere}
  #pukka-online-app .sidebar-main-nav{margin-bottom:4px}.sidebar-main-nav .main-panel-link{min-height:46px}
  #pukka-online-app .sidebar-footer{display:block;margin-top:auto;padding-top:12px}.sidebar-logout{display:flex!important;align-items:center;gap:9px;width:100%;min-height:46px;margin:0;padding:10px 12px;border:1px solid rgba(255,255,255,.14);border-radius:11px;background:rgba(220,38,38,.17);color:#fecaca;font-weight:800}.sidebar-logout .nav-icon{width:25px;height:25px}
  #pukka-online-app .portal-main,#pukka-online-app .card,#pukka-online-app .details-content,#pukka-online-app .management-panel,#pukka-online-app .table-container,#pukka-online-app .report-table-wrap,#pukka-online-app .message-module,#pukka-online-app .support-ticket{min-width:0;max-width:100%;overflow-wrap:anywhere}
  #pukka-online-app .portal-main{padding:10px;border-radius:12px}
  #pukka-online-app .table-container,#pukka-online-app .report-table-wrap{overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
  #pukka-online-app table{max-width:none}.management-grid,.report-filter-grid,.admin-message-filter-grid,.parent-homework-filters,.homework-filter-grid{grid-template-columns:1fr!important}
  #pukka-online-app input,#pukka-online-app select,#pukka-online-app textarea,#pukka-online-app button{max-width:100%}
  #pukka-online-app .notification-drawer{inset:0;width:100%;height:100dvh;border:0;border-radius:0}
  #pukka-online-app [data-user-settings-root],#pukka-online-app .settings-page-heading,#pukka-online-app .settings-section{position:static;max-width:100%;transform:none}
}

@media(max-width:430px){
  #pukka-online-app .mobile-topbar-copy strong{font-size:13px}
  #pukka-online-app .mobile-topbar-actions{gap:2px}.mobile-topbar-actions .mobile-topbar-action{width:44px!important;min-width:44px!important;height:44px;min-height:44px!important}
  #pukka-online-app .mobile-topbar-logo{width:30px;height:30px}
  #pukka-online-app .card{padding:10px}.details-content{padding:10px}.management-panel{padding:10px}
}

/* 1.5.6.1: paged management screens and safe exam/test actions */
#pukka-online-app .admin-exam-history-panel,
#pukka-online-app .test-module,
#pukka-online-app .announcement-admin-list,
#pukka-online-app .announcement-admin-card{
  min-width:0;
  max-width:100%;
}
#pukka-online-app .announcement-admin-card h3,
#pukka-online-app .announcement-admin-card p,
#pukka-online-app .announcement-admin-meta span{
  overflow-wrap:anywhere;
}
#pukka-online-app .announcement-pagination{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:10px;
}
#pukka-online-app .announcement-pagination>div,
#pukka-online-app .online-exam-actions{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
#pukka-online-app .online-exam-actions{
  min-width:220px;
}
#pukka-online-app .online-exam-actions button{
  width:auto;
  min-width:0;
  min-height:44px;
  margin:0;
  padding:8px 10px;
  font-size:12px;
}
#pukka-online-app .test-extension-impact{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin:12px 0;
}
#pukka-online-app .test-extension-impact span{
  display:grid;
  gap:3px;
  min-width:0;
  padding:10px;
  border:1px solid var(--edutechx-border,#dbe3ef);
  border-radius:7px;
  background:var(--edutechx-bg,#f8fafc);
  color:var(--edutechx-muted,#64748b);
  font-size:12px;
}
#pukka-online-app .test-extension-impact strong{
  color:var(--edutechx-text,#0f172a);
  font-size:18px;
}
#pukka-online-app .test-extension-modal{
  width:min(760px,100%);
  max-height:calc(100dvh - 36px);
  overflow-y:auto;
  overscroll-behavior:contain;
}

@media(max-width:820px){
  #pukka-online-app .announcement-pagination,
  #pukka-online-app .announcement-pagination>div{
    align-items:stretch;
  }
  #pukka-online-app .announcement-pagination>div{
    width:100%;
  }
  #pukka-online-app .announcement-pagination button{
    flex:1;
    min-height:44px;
  }
  #pukka-online-app .online-exam-actions{
    min-width:0;
  }
}

@media(max-width:600px){
  #pukka-online-app .announcement-admin-card footer,
  #pukka-online-app .online-exam-actions{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    width:100%;
  }
  #pukka-online-app .announcement-admin-card footer button,
  #pukka-online-app .online-exam-actions button{
    width:100%;
    min-height:44px;
  }
  #pukka-online-app .test-extension-impact{
    grid-template-columns:1fr;
  }
  #pukka-online-app .test-extension-modal{
    width:100%;
    max-height:94dvh;
    padding-bottom:max(16px,env(safe-area-inset-bottom));
  }
}

/* EduTechX 1.5.5.0: deneme, rehberlik ve dosya saklama yerlesimleri */
#pukka-online-app .online-exam-timer{
  position:sticky;
  top:8px;
  z-index:8;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:48px;
  margin:0 0 12px;
  padding:10px 14px;
  border:1px solid #f59e0b;
  border-radius:8px;
  background:#fffbeb;
  color:#78350f;
  font-size:16px;
  font-weight:900;
  box-shadow:0 4px 12px rgba(120,53,15,.08);
}
#pukka-online-app .online-exam-timer[hidden]{display:none!important}
#pukka-online-app .student-answer-cell.answer-row.reviewed{
  grid-template-columns:36px minmax(0,1fr) minmax(180px,30%);
}
#pukka-online-app .student-answer-cell.answer-row .answer-topic{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:8px;
  align-items:start;
  min-width:0;
  margin:0;
  padding:8px 10px;
  border-left:3px solid var(--edutechx-primary,#2563eb);
  background:#fff;
  color:#334155;
  font-size:12px;
  line-height:1.4;
}
#pukka-online-app .student-answer-cell.answer-row .answer-topic strong{
  color:#64748b;
  font-size:10px;
}
#pukka-online-app .student-answer-cell.answer-row .answer-topic span{
  min-width:0;
  text-align:left;
  overflow-wrap:anywhere;
}
#pukka-online-app .guidance-week-calendar{
  width:100%;
  max-width:100%;
  overscroll-behavior-inline:contain;
  scrollbar-gutter:stable;
}
.edutechx-retention-admin .edutechx-retention-stats{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:10px;
  margin:18px 0;
}
.edutechx-retention-admin .edutechx-retention-stat{
  display:grid;
  gap:4px;
  padding:14px;
  border:1px solid #dbe3ef;
  border-radius:8px;
  background:#fff;
}
.edutechx-retention-admin .edutechx-retention-stat strong{text-transform:capitalize}
.edutechx-retention-admin .edutechx-retention-stat small{color:#64748b}
.edutechx-retention-admin .edutechx-retention-settings{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:12px;
  align-items:end;
  max-width:1100px;
  padding:16px;
  border:1px solid #dbe3ef;
  border-radius:8px;
  background:#fff;
}
.edutechx-retention-admin .edutechx-retention-settings h2{grid-column:1/-1;margin:0}
.edutechx-retention-admin .edutechx-retention-settings label{display:grid;gap:6px}
.edutechx-retention-admin .edutechx-retention-table-wrap{max-width:100%;overflow:auto}
.edutechx-retention-admin .edutechx-retention-run-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0}
.edutechx-retention-admin .edutechx-retention-preview{max-width:1100px;margin:16px 0;padding:14px;border:1px solid #dbe3ef;border-radius:8px;background:#fff}
.edutechx-retention-admin .edutechx-retention-preview h2{margin-top:0}
.edutechx-retention-admin .edutechx-retention-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;align-items:end;margin:12px 0;padding:12px;border:1px solid #dbe3ef;background:#fff}
.edutechx-retention-admin .edutechx-retention-filters label{display:grid;gap:5px}
.edutechx-retention-admin .edutechx-retention-actions form{display:flex;align-items:center;gap:5px;margin:0 5px 5px 0}
.edutechx-retention-admin .edutechx-retention-actions input[type="text"]{width:150px}
.edutechx-retention-admin .edutechx-retention-actions input[type="number"]{width:70px}
#pukka-online-app .exam-history-filters{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr)) auto;gap:10px;align-items:end;margin:0 0 14px;padding:12px;border:1px solid var(--edutechx-border);border-radius:8px;background:var(--edutechx-soft-bg)}
#pukka-online-app .exam-history-filters label{margin:0 0 5px;font-size:12px;font-weight:700;color:var(--edutechx-muted)}
#pukka-online-app .exam-history-filter-action button{width:auto;min-height:42px;white-space:nowrap}
#pukka-online-app .exam-history-table{min-width:1280px}
#pukka-online-app .exam-history-score-cell small{display:block;max-width:190px;margin-top:5px;color:var(--edutechx-muted);font-weight:500;white-space:normal}
#pukka-online-app .exam-history-detail{min-width:90px}
#pukka-online-app .exam-history-detail summary{cursor:pointer;font-weight:700;color:var(--edutechx-link)}
#pukka-online-app .exam-history-detail>div{min-width:220px;margin-top:8px;font-size:12px;line-height:1.5}

@media(max-width:700px){
  #pukka-online-app .online-exam-timer{position:relative;top:auto;font-size:14px}
  #pukka-online-app .student-answer-cell.answer-row.reviewed{grid-template-columns:36px minmax(0,1fr)}
  #pukka-online-app .student-answer-cell.answer-row .answer-topic{grid-column:1/-1;grid-template-columns:1fr}
  .edutechx-retention-admin .edutechx-retention-settings{grid-template-columns:1fr}
  #pukka-online-app .exam-history-filters{grid-template-columns:1fr 1fr}
  #pukka-online-app .exam-history-filter-action{grid-column:1/-1}
  #pukka-online-app .exam-history-filter-action button{width:100%}
}
@media(max-width:430px){#pukka-online-app .exam-history-filters{grid-template-columns:1fr}}

/* EduTechX 1.5.4.0: announcement filters and persistent WordPress security settings. */
#pukka-online-app .announcement-toolbar-actions{
  display:flex;
  align-items:stretch;
  gap:8px;
}
#pukka-online-app .announcement-toolbar-actions button{
  min-height:44px;
}
#pukka-online-app .lesson-document-card>button{
  min-height:44px;
}

.admin-setup-security{
  max-width:1100px;
  margin:20px 0;
  padding:20px;
  border:1px solid #c3c4c7;
  border-radius:6px;
  background:#fff;
  box-sizing:border-box;
}
.admin-setup-security *,
.admin-setup-security *::before,
.admin-setup-security *::after{
  box-sizing:border-box;
}
.admin-setup-security-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:16px;
}
.admin-setup-security-heading h2{
  margin:4px 0 6px;
  font-size:22px;
}
.admin-setup-security-heading p{
  margin:0;
  color:#50575e;
}
.admin-setup-security-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.admin-setup-security-card,
.admin-setup-security-panel{
  min-width:0;
  padding:18px;
  border:1px solid #dcdcde;
  border-radius:6px;
  background:#fdfdfd;
}
.admin-setup-security-card h3,
.admin-setup-security-card h4,
.admin-setup-security-panel h3,
.admin-setup-security-panel h4{
  margin-top:0;
}
.admin-setup-security .management-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.admin-setup-security label{
  display:block;
  margin-bottom:5px;
  font-weight:600;
}
.admin-setup-security input[type="number"]{
  width:100%;
  min-height:40px;
}
.admin-setup-security .mini-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:14px 0 18px;
}
.admin-setup-security .mini-actions button{
  min-height:40px;
}
.admin-setup-security-table{
  width:100%;
  max-width:100%;
  margin-bottom:18px;
  overflow-x:auto;
}
.admin-setup-security-table table{
  width:100%;
  min-width:680px;
  border-collapse:collapse;
}
.admin-setup-security-table th,
.admin-setup-security-table td{
  padding:9px;
  border:1px solid #dcdcde;
  text-align:left;
  vertical-align:top;
}
.admin-setup-security-table th{
  background:#f0f0f1;
}
#adminSetupSecurityStatus[role="status"],
#adminSetupSecurityStatus[role="alert"]{
  margin:0 0 14px;
  padding:10px 12px;
  border-left:4px solid #2271b1;
  background:#f0f6fc;
}
#adminSetupSecurityStatus[role="alert"]{
  border-left-color:#d63638;
  background:#fcf0f1;
}
@media(max-width:782px){
  #pukka-online-app .announcement-toolbar-actions{
    display:grid;
    grid-template-columns:1fr;
  }
  .admin-setup-security{
    width:100%;
    padding:14px;
  }
  .admin-setup-security-grid,
  .admin-setup-security .management-grid{
    grid-template-columns:minmax(0,1fr);
  }
  .admin-setup-security-table{
    -webkit-overflow-scrolling:touch;
  }
}

/* EduTechX 1.4.0.3: sade ve erisilebilir WordPress yonetim sekmeleri */
.backup-center,.etx-central-connection{min-width:0;max-width:100%;overflow-x:hidden}
.etx-admin-tabs{display:grid;align-items:stretch;gap:6px;width:100%;margin:16px 0;padding:6px;border:1px solid #dbe3ef;border-radius:6px;background:#f8fafc;overflow:visible}
.etx-admin-tabs [role="tab"]{width:100%;min-width:0;min-height:44px;margin:0;padding:9px 13px;border:1px solid transparent;border-radius:5px;background:transparent;color:#334155;font-weight:800;line-height:1.25;cursor:pointer;white-space:normal}
.etx-admin-tabs [role="tab"][aria-selected="true"]{border-color:#1d4ed8;background:#1d4ed8;color:#fff;box-shadow:0 2px 6px rgba(29,78,216,.2)}
.etx-admin-tabs [role="tab"]:focus-visible,[data-admin-tab-open]:focus-visible{outline:3px solid #f59e0b;outline-offset:2px}
[data-admin-tab-panel][hidden]{display:none!important}
.etx-section-intro{width:100%;min-width:0;margin:14px 0;padding:18px;border:1px solid #bfdbfe;border-left:5px solid #2563eb;border-radius:6px;background:#eff6ff;box-sizing:border-box}
.etx-section-intro.is-danger{border-color:#fecaca;border-left-color:#dc2626;background:#fff7f7}
.etx-section-intro-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.etx-section-intro-grid>div{min-width:0;padding:12px;border:1px solid rgba(148,163,184,.35);border-radius:5px;background:rgba(255,255,255,.75);overflow-wrap:anywhere}
.etx-section-intro-grid strong{display:block;color:#172033;font-size:13px}
.etx-section-intro-grid p{margin:6px 0 0;color:#475569;line-height:1.5}
.etx-section-actions{margin-top:12px;padding:12px 14px;border-radius:5px;background:#fff}
.etx-section-actions ul{display:flex;flex-wrap:wrap;gap:8px 24px;margin:8px 0 0 18px}
.etx-plain-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;counter-reset:plain-step;list-style:none;margin:14px 0;padding:0}
.etx-plain-steps li{counter-increment:plain-step;min-width:0;padding:12px;border:1px solid #dbe3ef;border-radius:5px;background:#f8fafc;overflow-wrap:anywhere}
.etx-plain-steps li:before{content:counter(plain-step);display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;margin-right:8px;border-radius:50%;background:#1d4ed8;color:#fff;font-weight:800}
.etx-help-terms small{font-weight:500;color:#64748b}
@media(max-width:1200px){.etx-section-intro-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.etx-section-intro-grid>div:last-child{grid-column:1/-1}}
@media(max-width:782px){.etx-admin-tabs [role="tab"]{text-align:left}.etx-section-intro{padding:14px}.etx-section-intro-grid{grid-template-columns:1fr}.etx-section-intro-grid>div:last-child{grid-column:auto}.etx-section-actions ul{display:block}.etx-section-actions li+li{margin-top:5px}}

@media(max-width:390px){
  #pukka-online-app .mobile-portal-topbar{grid-template-columns:42px minmax(0,1fr) auto;padding-left:6px;padding-right:6px}
  #pukka-online-app .mobile-topbar-copy small{display:block;font-size:9px}
  #pukka-online-app .mobile-topbar-brand{gap:6px}
}

/* 1.0.91: panel banner temizliği ve ders dokümanları */
#pukka-online-app #welcomeMsg{display:none!important;width:0!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important}
.portal-form-overlay{position:fixed;inset:0;z-index:10060;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(15,23,42,.7)}
.portal-form-dialog{width:min(920px,100%);max-height:calc(100dvh - 36px);overflow:auto;padding:20px;border-radius:8px;background:#fff;box-shadow:0 24px 70px rgba(15,23,42,.35)}
.portal-form-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid #e2e8f0}.portal-form-dialog>header h3,.portal-form-dialog>header p{margin:3px 0}.portal-form-dialog>header p{color:#64748b}.portal-form-dialog .dialog-close{display:grid;place-items:center;flex:none;width:38px!important;height:38px;min-height:38px!important;margin:0;padding:0;border-radius:6px;background:#e2e8f0;color:#0f172a;font-size:25px}.portal-form-dialog>footer{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid #e2e8f0}.portal-form-dialog>footer button{width:auto}
#pukka-online-app .lesson-document-heading,#pukka-online-app .lesson-document-toolbar,#pukka-online-app .lesson-document-viewer-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}
#pukka-online-app .lesson-document-heading{align-items:center;margin-bottom:14px}.lesson-document-heading h3{margin:3px 0}
#pukka-online-app .lesson-document-toolbar,#pukka-online-app .lesson-document-viewer-toolbar{padding:14px;border:1px solid #dbe3ee;background:#f8fafc}.lesson-document-toolbar>div,.lesson-document-viewer-toolbar>div{flex:1;min-width:180px}.lesson-document-toolbar input,.lesson-document-toolbar select,.lesson-document-viewer-toolbar input,.lesson-document-viewer-toolbar select{margin:0}.lesson-document-toolbar>button{width:auto}
#pukka-online-app .lesson-document-form{margin:16px 0;padding:18px;border:1px solid #bae6fd;border-left:4px solid #0284c7;background:#fff}.lesson-document-form textarea{width:100%}
#pukka-online-app .lesson-document-outcome-field{margin-top:14px}.lesson-document-outcome-field>div:first-child{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,320px);align-items:end;gap:12px}.lesson-document-outcome-field input[type=search]{margin:0}
#pukka-online-app .lesson-document-outcome-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:7px;max-height:260px;margin-top:9px;padding:9px;border:1px solid #dbe3ee;overflow:auto;background:#f8fafc}
#pukka-online-app .lesson-document-outcome-option{display:flex;align-items:flex-start;gap:8px;margin:0;padding:8px;border:1px solid #e2e8f0;background:#fff;font-size:12px;line-height:1.4}.lesson-document-outcome-option input{flex:none;width:18px;height:18px;margin:0}
#pukka-online-app .lesson-document-outcomes{display:flex;gap:5px;flex-wrap:wrap}.lesson-document-outcomes span{padding:4px 7px;border:1px solid #bfdbfe;background:#eff6ff;color:#1e40af;font-size:11px;font-weight:700}
#pukka-online-app .lesson-document-table td{vertical-align:top}.lesson-document-table td>small{display:block;margin-top:5px;color:#64748b}
#pukka-online-app .lesson-document-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-top:14px}.lesson-document-card{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid #dbe3ee;border-top:4px solid #2563eb;border-radius:7px;background:#fff}.lesson-document-card header{display:flex;align-items:flex-start;gap:10px}.lesson-document-card h3{margin:2px 0;font-size:17px}.lesson-document-type{display:grid;place-items:center;flex:none;min-width:48px;height:42px;padding:0 6px;background:#0f172a;color:#fff;font-size:10px;font-weight:900}.lesson-document-card>p{margin:0;color:#475569;line-height:1.5}.lesson-document-card dl{display:grid;gap:6px;margin:0;padding-top:10px;border-top:1px solid #e2e8f0}.lesson-document-card dl div{display:flex;justify-content:space-between;gap:12px}.lesson-document-card dt{color:#64748b;font-size:11px}.lesson-document-card dd{margin:0;text-align:right;font-size:11px;font-weight:700}.lesson-document-card>button{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:auto}.lesson-document-card>button .nav-icon{width:20px;height:20px}
#pukka-online-app .lesson-document-prompt{display:grid;place-items:center;gap:10px;min-height:180px;margin-top:14px;border:1px dashed #94a3b8;background:#f8fafc;color:#475569;text-align:center}.lesson-document-prompt .nav-icon{width:42px;height:42px;color:#2563eb}.lesson-document-student-context{display:grid;gap:2px;padding:8px 12px;border-left:4px solid #10b981;background:#ecfdf5}.lesson-document-student-context span,.lesson-document-student-context small{color:#64748b;font-size:11px}

/* Cevap anahtarı: soru, cevap ve kazanım her ekran genişliğinde görünür. */
#pukka-online-app .answer-key-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-height:520px;overflow-x:hidden}
#pukka-online-app .answer-key-item{display:grid;grid-template-columns:34px minmax(90px,.42fr) minmax(150px,1fr);align-items:end;gap:8px;padding:9px}
#pukka-online-app .answer-key-item>label{display:grid;gap:4px;min-width:0;margin:0}.answer-key-item>label small{display:block;color:#64748b;font-size:10px;font-weight:800}.answer-key-item select{width:100%;min-width:0;max-width:100%;white-space:normal}.answer-key-item .answer-question-number{align-self:center}

@media(max-width:768px){
  .portal-form-overlay{align-items:flex-end;padding:0}.portal-form-dialog{width:100%;max-height:92dvh;padding:14px;border-radius:8px 8px 0 0}.portal-form-dialog>footer{position:sticky;bottom:-14px;z-index:2;margin-left:-14px;margin-right:-14px;padding:12px 14px;background:#fff}.portal-form-dialog>footer button{flex:1}
  #pukka-online-app .lesson-document-toolbar,#pukka-online-app .lesson-document-viewer-toolbar{display:grid;grid-template-columns:1fr;align-items:stretch}.lesson-document-toolbar>div,.lesson-document-viewer-toolbar>div{min-width:0}.lesson-document-toolbar>button{width:100%}
  #pukka-online-app .lesson-document-outcome-field>div:first-child{grid-template-columns:1fr}.lesson-document-card-grid{grid-template-columns:1fr}
  #pukka-online-app .answer-key-grid{display:grid;grid-template-columns:1fr;max-height:none;padding:0;overflow:visible}
  #pukka-online-app .answer-key-item{grid-template-columns:38px minmax(0,1fr);align-items:end;padding:12px;border-left:4px solid #2563eb}.answer-key-item .answer-question-number{grid-row:1 / span 2}.answer-key-item .answer-outcome-field{grid-column:2}.answer-key-item select{min-height:42px}
}

@media(max-width:430px){
  #pukka-online-app .lesson-document-form{padding:12px}.lesson-document-outcome-picker{grid-template-columns:1fr}
  #pukka-online-app .answer-key-item{grid-template-columns:34px minmax(0,1fr);gap:7px}.answer-key-item .answer-question-number{width:32px;height:32px}
}

/* 1.0.92: öğretmen-veli rolü, ders dokümanı filtresi ve öğrenci kart yönlendirmeleri */
#pukka-online-app .header-actions{justify-content:flex-end}
#pukka-online-app .session-actions{width:100%;margin-left:auto;justify-content:flex-end}
#pukka-online-app .session-actions .support-text{margin-right:auto}
#pukka-online-app .topbar-message-badge{z-index:2}

#pukka-online-app button.dash-card.dashboard-action-card{
  position:relative;
  display:block;
  width:100%;
  min-height:108px;
  border:1px solid #e2e8f0;
  border-top:4px solid var(--edutechx-primary);
  color:inherit;
  font:inherit;
  cursor:pointer;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease;
}
#pukka-online-app button.dash-card.dashboard-action-card::after{
  content:">";
  position:absolute;
  top:10px;
  right:12px;
  color:#94a3b8;
  font-size:17px;
  font-weight:900;
  line-height:1;
}
#pukka-online-app button.dash-card.dashboard-action-card:hover{
  transform:translateY(-2px);
  border-color:#bfdbfe;
  box-shadow:0 12px 26px rgba(15,23,42,.10);
  background:#fff;
}
#pukka-online-app button.dash-card.dashboard-action-card:focus-visible{
  outline:3px solid #93c5fd;
  outline-offset:3px;
}

#pukka-online-app .permission-role-row.permission-role-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:10px;
  margin:10px 0 14px;
}
#pukka-online-app .permission-role-card{
  align-items:flex-start;
  gap:10px;
  min-height:76px;
  margin:0;
  padding:12px;
  border:1px solid #dbe3ee;
  border-radius:8px;
  background:#fff;
}
#pukka-online-app .permission-role-card input{flex:none;margin-top:2px}
#pukka-online-app .permission-role-card span{display:grid;gap:3px;min-width:0}
#pukka-online-app .permission-role-card strong{color:#0f172a;font-size:13px}
#pukka-online-app .permission-role-card small{color:#64748b;font-size:11px;line-height:1.35}
#pukka-online-app .permission-role-card.disabled{background:#f8fafc;color:#94a3b8}
#pukka-online-app .permission-role-card.disabled strong,#pukka-online-app .permission-role-card.disabled small{color:#94a3b8}

#pukka-online-app .student-picker-text{display:grid;gap:2px;min-width:0;line-height:1.25}
#pukka-online-app .student-picker-text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
#pukka-online-app .student-picker-text small{color:#64748b;font-size:10px;font-weight:700}
#pukka-online-app .student-chip-more{background:#f8fafc;color:#475569;border-color:#cbd5e1}
#pukka-online-app .compact-student-picker .student-picker-toolbar{grid-template-columns:minmax(180px,1fr) minmax(130px,.42fr) minmax(130px,.42fr);padding:9px}
#pukka-online-app .compact-student-picker .student-picker-actions{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
#pukka-online-app .compact-student-picker .student-picker-actions button{flex:0 0 auto;width:auto!important;min-height:34px;padding:7px 10px!important;font-size:11px!important}
#pukka-online-app .compact-student-picker .student-picker-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:min(34vh,320px);padding:7px}
#pukka-online-app .compact-student-picker .student-picker-row{min-height:46px;padding:8px}
#pukka-online-app .compact-student-picker .student-picker-chips{max-height:70px;overflow:auto;padding:7px}

#pukka-online-app .portal-form-dialog.teacher-parent-dialog{
  width:min(980px,calc(100vw - 34px));
  max-height:calc(100dvh - 34px);
  padding:0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  border-radius:10px;
}
#pukka-online-app .teacher-parent-dialog .teacher-parent-header{
  position:sticky;
  top:0;
  z-index:3;
  flex:none;
  margin:0;
  padding:18px 22px;
  background:#fff;
}
#pukka-online-app .teacher-parent-dialog .teacher-parent-body{
  display:grid;
  gap:14px;
  min-height:0;
  padding:16px 22px;
  overflow:auto;
}
#pukka-online-app .teacher-parent-section{
  padding:14px;
  border:1px solid #dbe3ee;
  border-radius:8px;
  background:#f8fafc;
}
#pukka-online-app .teacher-parent-section .section-heading.compact{
  margin:0 0 10px;
  padding:0;
  border:0;
}
#pukka-online-app .teacher-parent-section .section-heading.compact h4{
  margin:2px 0 0;
  color:#0f172a;
  font-size:16px;
}
#pukka-online-app .teacher-parent-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
#pukka-online-app .teacher-parent-grid input,
#pukka-online-app .teacher-parent-grid select{margin:0}
#pukka-online-app .teacher-parent-dialog .teacher-parent-footer{
  position:sticky;
  bottom:0;
  z-index:3;
  flex:none;
  justify-content:space-between;
  margin:0;
  padding:14px 22px;
  background:#fff;
}
#pukka-online-app .teacher-parent-dialog .teacher-parent-footer button{width:auto;min-width:150px}

#pukka-online-app .lesson-document-viewer-toolbar select:disabled{background:#eef2f7;color:#94a3b8;cursor:not-allowed}

@media(min-width:901px){
  #pukka-online-app .session-actions{flex-wrap:nowrap}
}

@media(max-width:900px){
  #pukka-online-app .session-actions{align-items:stretch}
  #pukka-online-app .session-actions .support-text{flex:1 1 100%;max-width:none;margin-right:0}
  #pukka-online-app .teacher-parent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #pukka-online-app .compact-student-picker .student-picker-list{grid-template-columns:1fr}
}

@media(max-width:768px){
  #pukka-online-app .portal-form-dialog.teacher-parent-dialog{
    width:100%;
    max-height:94dvh;
    border-radius:12px 12px 0 0;
  }
  #pukka-online-app .teacher-parent-dialog .teacher-parent-header{padding:15px 16px}
  #pukka-online-app .teacher-parent-dialog .teacher-parent-body{padding:14px 16px}
  #pukka-online-app .teacher-parent-dialog .teacher-parent-footer{
    bottom:0;
    padding:12px 16px;
  }
}

@media(max-width:767px){
  #pukka-online-app .etx-central-operation-error dl,
  #pukka-online-app .etx-central-signal-states{grid-template-columns:1fr;}
  #pukka-online-app .etx-central-operation-error-actions .button{width:100%;text-align:center;}
}

/* EduTechX 1.4.0.4: yatay kaydirmasiz WordPress yonetim bolumleri */
#pukka-online-app .backup-center,
#pukka-online-app .etx-central-connection{
  display:grid;
  grid-template-columns:minmax(220px,250px) minmax(0,1fr);
  align-items:start;
  gap:18px;
  width:100%;
  max-width:100%;
  min-width:0;
  overflow:visible;
}
#pukka-online-app .etx-admin-tabs{
  position:sticky;
  top:46px;
  z-index:8;
  grid-column:1;
  display:grid;
  align-items:stretch;
  gap:6px;
  width:100%;
  min-width:0;
  margin:0;
  padding:8px;
  overflow:visible;
}
#pukka-online-app .etx-admin-tabs [role="tab"]{
  width:100%;
  min-width:0;
  min-height:44px;
  padding:10px 12px;
  text-align:left;
  white-space:normal;
  overflow-wrap:anywhere;
}
#pukka-online-app .etx-admin-content{
  grid-column:2;
  width:100%;
  min-width:0;
  max-width:100%;
}
#pukka-online-app .etx-admin-content>[data-admin-tab-panel]{
  width:100%;
  min-width:0;
  max-width:100%;
  scroll-margin-top:48px;
}
#pukka-online-app .etx-admin-mobile-nav{display:none;min-width:0;}
#pukka-online-app .etx-admin-mobile-nav label{
  display:grid;
  gap:7px;
  color:#334155;
  font-weight:800;
}
#pukka-online-app .etx-admin-mobile-nav select{
  width:100%;
  max-width:100%;
  min-height:44px;
  margin:0;
}
#pukka-online-app .backup-center *,
#pukka-online-app .etx-central-connection *{box-sizing:border-box;min-width:0;}
#pukka-online-app .backup-center input,
#pukka-online-app .backup-center select,
#pukka-online-app .backup-center textarea,
#pukka-online-app .etx-central-connection input,
#pukka-online-app .etx-central-connection select,
#pukka-online-app .etx-central-connection textarea{
  max-width:100%;
}
#pukka-online-app .backup-center .button,
#pukka-online-app .backup-center .btn-primary,
#pukka-online-app .backup-center .btn-secondary,
#pukka-online-app .backup-center .btn-danger,
#pukka-online-app .etx-central-connection .button,
#pukka-online-app .etx-central-connection .btn-primary,
#pukka-online-app .etx-central-connection .btn-secondary,
#pukka-online-app .etx-central-connection .btn-danger{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  margin:0;
  padding:9px 14px;
  border-radius:5px;
  line-height:1.2;
  text-align:center;
  white-space:normal;
}
#pukka-online-app .backup-center .button-primary,
#pukka-online-app .backup-center .btn-primary,
#pukka-online-app .etx-central-connection .button-primary,
#pukka-online-app .etx-central-connection .btn-primary{
  border-color:#1d4ed8;
  background:#1d4ed8;
  color:#fff;
}
#pukka-online-app .backup-center .btn-secondary,
#pukka-online-app .etx-central-connection .btn-secondary{
  border:1px solid #94a3b8;
  background:#fff;
  color:#1e293b;
}
#pukka-online-app .backup-center .btn-danger,
#pukka-online-app .etx-central-connection .btn-danger,
#pukka-online-app .etx-central-connection .etx-central-danger .button{
  border-color:#b91c1c;
  background:#b91c1c;
  color:#fff;
}
#pukka-online-app .backup-row-actions .button,
#pukka-online-app .backup-row-actions .btn-secondary,
#pukka-online-app .backup-row-actions .btn-danger{min-height:36px;}
#pukka-online-app .backup-history-table td>small{
  display:block;
  margin-top:6px;
  color:#475569;
  line-height:1.45;
  overflow-wrap:anywhere;
}
#pukka-online-app .etx-restore-steps{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
#pukka-online-app .etx-central-connection-preview,
#pukka-online-app .etx-admin-content pre,
#pukka-online-app .etx-admin-content code{
  max-width:100%;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  word-break:break-word;
}
#pukka-online-app .etx-central-connection-preview{overflow-x:hidden;overflow-y:auto;}

@media(max-width:1024px){
  #pukka-online-app .backup-history-table{
    display:block;
    width:100%;
    min-width:0;
    border:0;
    background:transparent;
  }
  #pukka-online-app .backup-history-table thead{
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    clip:rect(0 0 0 0);
    clip-path:inset(50%);
    white-space:nowrap;
  }
  #pukka-online-app .backup-history-table tbody,
  #pukka-online-app .backup-history-table tr,
  #pukka-online-app .backup-history-table td{display:block;width:100%;}
  #pukka-online-app .backup-history-table tr{
    margin:0 0 12px;
    padding:8px;
    border:1px solid #dbe3ef;
    border-top:4px solid #2563eb;
    border-radius:6px;
    background:#fff;
  }
  #pukka-online-app .backup-history-table td{
    display:grid;
    grid-template-columns:minmax(120px,160px) minmax(0,1fr);
    gap:12px;
    min-height:44px;
    padding:10px 8px;
    border:0;
    border-bottom:1px solid #e2e8f0;
    overflow-wrap:anywhere;
  }
  #pukka-online-app .backup-history-table td:last-child{border-bottom:0;}
  #pukka-online-app .backup-history-table td:before{
    content:attr(data-label);
    color:#475569;
    font-weight:800;
  }
  #pukka-online-app .backup-history-table td[colspan]:before{content:none;}
  #pukka-online-app .backup-history-table .portal-responsive-actions .backup-row-actions{width:100%;}
  #pukka-online-app .backup-section .table-responsive{overflow:visible;}
}

@media(max-width:767px){
  #pukka-online-app .backup-center,
  #pukka-online-app .etx-central-connection{grid-template-columns:minmax(0,1fr);gap:12px;}
  #pukka-online-app .etx-admin-mobile-nav{
    display:block;
    grid-column:1;
    width:100%;
    padding:12px;
    border:1px solid #dbe3ef;
    border-radius:6px;
    background:#f8fafc;
  }
  #pukka-online-app .etx-admin-tabs{display:none;}
  #pukka-online-app .etx-admin-content{grid-column:1;}
  #pukka-online-app .etx-restore-steps,
  #pukka-online-app .etx-stepper{grid-template-columns:minmax(0,1fr);}
  #pukka-online-app .restore-actions,
  #pukka-online-app .backup-form-actions,
  #pukka-online-app .backup-row-actions,
  #pukka-online-app .etx-central-connection-actions{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    width:100%;
  }
  #pukka-online-app .etx-central-connection-actions form,
  #pukka-online-app .restore-actions>* ,
  #pukka-online-app .backup-form-actions>* ,
  #pukka-online-app .backup-row-actions>* ,
  #pukka-online-app .etx-central-connection-actions button{width:100%;}
  #pukka-online-app .backup-history-table td{grid-template-columns:minmax(0,1fr);gap:5px;}
}

/* EduTechX 1.3.1 secure restore center */
#pukka-online-app .restore-center{
  border-top:4px solid #0f766e;
}
#pukka-online-app .restore-status-grid,
#pukka-online-app .restore-preview-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:16px 0;
}
#pukka-online-app .restore-status-grid>div,
#pukka-online-app .restore-preview-summary>div{
  min-width:0;
  padding:13px 14px;
  border:1px solid #d8e1ec;
  border-radius:7px;
  background:#f8fafc;
}
#pukka-online-app .restore-status-grid span,
#pukka-online-app .restore-preview-summary span{
  display:block;
  margin-bottom:5px;
  color:#52637a;
  font-size:12px;
  font-weight:700;
}
#pukka-online-app .restore-status-grid strong,
#pukka-online-app .restore-preview-summary strong{
  display:block;
  color:#101828;
  overflow-wrap:anywhere;
}
#pukka-online-app .restore-source-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin:18px 0 12px;
}
#pukka-online-app .restore-source-grid label,
#pukka-online-app .restore-confirmation label{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:7px;
  color:#1f2937;
  font-weight:700;
}
#pukka-online-app .restore-source-grid small{
  color:#667085;
  font-weight:500;
}
#pukka-online-app .restore-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}
#pukka-online-app .restore-progress{
  display:grid;
  grid-template-columns:minmax(160px,1fr) auto;
  gap:12px;
  align-items:center;
  margin:16px 0;
}
#pukka-online-app .restore-progress-track{
  height:12px;
  overflow:hidden;
  border:1px solid #cbd5e1;
  border-radius:6px;
  background:#e8eef5;
}
#pukka-online-app .restore-progress-track span{
  display:block;
  width:0;
  height:100%;
  background:#0f766e;
  transition:width .2s ease;
}
#pukka-online-app .restore-preview{
  margin-top:16px;
  padding-top:16px;
  border-top:1px solid #d8e1ec;
}
#pukka-online-app .restore-preview details{
  margin-top:12px;
}
#pukka-online-app .restore-preview summary{
  cursor:pointer;
  color:#172033;
  font-weight:800;
}
#pukka-online-app .restore-dry-result{
  margin-top:16px;
  padding:16px;
  border:1px solid #b8c7d9;
  border-left:5px solid #64748b;
  border-radius:7px;
  background:#f8fafc;
}
#pukka-online-app .restore-dry-result.is-pass{border-left-color:#15803d;background:#f0fdf4;}
#pukka-online-app .restore-dry-result.is-warn{border-left-color:#b45309;background:#fffbeb;}
#pukka-online-app .restore-dry-result.is-fail{border-left-color:#b91c1c;background:#fef2f2;}
#pukka-online-app .restore-dry-result ul{
  display:grid;
  gap:7px;
  margin:12px 0 0;
  padding:0;
  list-style:none;
}
#pukka-online-app .restore-dry-result li{
  display:grid;
  grid-template-columns:64px minmax(0,1fr);
  gap:10px;
  align-items:start;
}
#pukka-online-app .restore-dry-result li span{
  min-width:0;
  overflow-wrap:anywhere;
}
#pukka-online-app .restore-confirmation{
  margin-top:18px;
  padding:18px;
  border:2px solid #b91c1c;
  border-radius:7px;
  background:#fff7f7;
}
#pukka-online-app .restore-confirmation .backup-check{
  flex-direction:row;
  align-items:flex-start;
  margin:10px 0;
}
#pukka-online-app .restore-confirmation .backup-check input{
  flex:0 0 auto;
  margin-top:3px;
}
#pukka-online-app .restore-confirmation input[type="text"]{
  max-width:520px;
  background:#fff;
}
#pukka-online-app .restore-history{
  margin-top:24px;
  padding-top:18px;
  border-top:1px solid #d8e1ec;
}
#pukka-online-app .restore-history td small{
  display:block;
  margin-top:4px;
  color:#667085;
  overflow-wrap:anywhere;
}
#pukka-online-app .bulk-import-status.is-error{color:#991b1b;}
#pukka-online-app .bulk-import-status.is-success{color:#166534;}

@media(max-width:900px){
  #pukka-online-app .restore-status-grid,
  #pukka-online-app .restore-preview-summary{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:640px){
  #pukka-online-app .restore-source-grid,
  #pukka-online-app .restore-status-grid,
  #pukka-online-app .restore-preview-summary{
    grid-template-columns:1fr;
  }
  #pukka-online-app .restore-actions>*{
    width:100%;
  }
  #pukka-online-app .restore-progress{
    grid-template-columns:1fr;
  }
  #pukka-online-app .restore-dry-result li{
    grid-template-columns:1fr;
    gap:2px;
  }
}

/* EduTechX 1.3.0 WordPress Yedekleme Merkezi */
#pukka-online-app .backup-center{
  display:grid;
  gap:16px;
  width:100%;
  max-width:1280px;
}
#pukka-online-app .backup-section{
  margin:0;
  padding:20px;
  border:1px solid #d9e2ef;
  border-radius:8px;
  background:#fff;
  box-shadow:0 4px 14px rgba(15,23,42,.05);
}
#pukka-online-app .backup-section h2{
  margin:4px 0 16px;
  color:#0f172a;
  font-size:20px;
  line-height:1.3;
}
#pukka-online-app .backup-section .section-kicker{
  color:#2563eb;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
}
#pukka-online-app .backup-summary-grid,
#pukka-online-app .backup-detail-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
#pukka-online-app .backup-summary-card,
#pukka-online-app .backup-detail-grid>div{
  min-width:0;
  padding:14px;
  border:1px solid #dbe4f0;
  border-top:3px solid #2563eb;
  border-radius:6px;
  background:#f8fafc;
}
#pukka-online-app .backup-summary-card span,
#pukka-online-app .backup-detail-grid span{
  display:block;
  margin-bottom:7px;
  color:#64748b;
  font-size:12px;
  font-weight:700;
}
#pukka-online-app .backup-summary-card strong,
#pukka-online-app .backup-detail-grid strong{
  display:block;
  max-width:100%;
  overflow-wrap:anywhere;
  color:#0f172a;
  font-size:15px;
}
#pukka-online-app .backup-form-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  align-items:end;
}
#pukka-online-app .backup-form-grid label{
  display:grid;
  gap:7px;
  min-width:0;
  color:#334155;
  font-weight:700;
}
#pukka-online-app .backup-form-grid .backup-check{
  display:flex;
  align-items:center;
  min-height:44px;
  padding:10px 12px;
  border:1px solid #dbe4f0;
  border-radius:6px;
  background:#f8fafc;
}
#pukka-online-app .backup-form-grid .backup-check input{
  width:18px;
  height:18px;
  margin:0 8px 0 0;
}
#pukka-online-app .backup-form-actions{
  display:flex;
  align-items:center;
  min-height:44px;
}
#pukka-online-app .backup-history-filters,
#pukka-online-app .backup-row-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}
#pukka-online-app .backup-history-filters{
  margin:0 0 14px;
}
#pukka-online-app .backup-inline-form{
  display:inline-flex;
  margin:0;
}
#pukka-online-app .backup-row-actions .btn-secondary,
#pukka-online-app .backup-row-actions .btn-danger{
  min-height:34px;
  padding:7px 10px;
  font-size:12px;
  line-height:1.2;
  text-decoration:none;
}
#pukka-online-app .backup-row-actions .btn-danger{
  border-color:#dc2626;
  background:#dc2626;
  color:#fff;
}
#pukka-online-app .backup-security-list{
  display:grid;
  gap:8px;
  margin:0;
  padding-left:22px;
  color:#334155;
}
#pukka-online-app .backup-section .table-responsive{
  max-width:100%;
  overflow:visible;
}
#pukka-online-app .backup-section table{
  width:100%;
  border-collapse:collapse;
}
#pukka-online-app .backup-section th,
#pukka-online-app .backup-section td{
  padding:10px;
  border-bottom:1px solid #e2e8f0;
  text-align:left;
  vertical-align:top;
}

@media(max-width:1000px){
  #pukka-online-app .backup-summary-grid,
  #pukka-online-app .backup-detail-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  #pukka-online-app .backup-form-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:640px){
  #pukka-online-app .backup-section{
    padding:14px;
  }
  #pukka-online-app .backup-summary-grid,
  #pukka-online-app .backup-detail-grid,
  #pukka-online-app .backup-form-grid{
    grid-template-columns:1fr;
  }
  #pukka-online-app .backup-history-filters>*{
    width:100%;
  }
}

/* EduTechX 1.4.0.2: sade Turkce kalici yardim ve yonetici rehberleri */
#pukka-online-app .etx-guide-card,
#pukka-online-app .etx-next-action,
#pukka-online-app .etx-central-connection-panel,
#pukka-online-app .etx-central-connection-card,
#pukka-online-app .etx-help-panel,
#pukka-online-app .restore-disclosure{
  box-sizing:border-box;
  width:100%;
  min-width:0;
  border:1px solid #dbe3ef;
  border-radius:6px;
  background:#fff;
  padding:20px;
  overflow-wrap:anywhere;
}
#pukka-online-app .etx-guide-card{border-left:5px solid #2563eb;background:#eff6ff;margin-bottom:16px;}
#pukka-online-app .etx-guide-card h2,
#pukka-online-app .etx-next-action h2,
#pukka-online-app .etx-central-connection-panel h2{margin:6px 0 8px;letter-spacing:0;}
#pukka-online-app .etx-next-action{border-left:5px solid #d97706;background:#fffbeb;margin-bottom:16px;}
#pukka-online-app .etx-next-action.is-pass{border-left-color:#16a34a;background:#f0fdf4;}
#pukka-online-app .etx-next-action.is-fail{border-left-color:#dc2626;background:#fef2f2;}
#pukka-online-app .etx-next-action>a{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;text-decoration:none;}
#pukka-online-app .etx-stepper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 18px;padding:0;list-style:none;}
#pukka-online-app .etx-stepper li{min-width:0;border:1px solid #dbe3ef;border-top:4px solid #94a3b8;border-radius:6px;background:#fff;padding:14px;}
#pukka-online-app .etx-stepper li.is-complete{border-top-color:#16a34a;background:#f0fdf4;}
#pukka-online-app .etx-stepper li.is-current{border-top-color:#d97706;background:#fffbeb;}
#pukka-online-app .etx-stepper strong,
#pukka-online-app .etx-stepper span{display:block;overflow-wrap:anywhere;}
#pukka-online-app .etx-stepper span{margin-top:8px;color:#64748b;font-weight:700;}
#pukka-online-app details>summary{min-height:44px;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:700;}
#pukka-online-app details>summary:focus-visible,
#pukka-online-app button:focus-visible,
#pukka-online-app a:focus-visible,
#pukka-online-app input:focus-visible,
#pukka-online-app select:focus-visible{outline:3px solid #f59e0b;outline-offset:2px;}
#pukka-online-app .etx-technical-details{margin-top:14px;border:1px solid #cbd5e1;border-radius:6px;background:#f8fafc;padding:10px 14px;}
#pukka-online-app .etx-technical-section{margin-bottom:16px;}
#pukka-online-app .etx-technical-section>.management-panel{margin:12px 0 0;}
#pukka-online-app .etx-help-terms{margin-top:14px;border:1px solid #bfdbfe;border-radius:6px;background:#eff6ff;padding:10px 14px;}
#pukka-online-app .etx-help-terms dl{display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr);gap:10px 18px;}
#pukka-online-app .etx-help-terms dt{font-weight:800;}
#pukka-online-app .etx-help-terms dd{margin:0;color:#475569;}
#pukka-online-app .backup-type-cards{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border:0;padding:0;margin:0;}
#pukka-online-app .backup-type-cards legend{font-weight:800;margin-bottom:8px;}
#pukka-online-app .backup-type-cards label{position:relative;display:flex;align-items:flex-start;gap:10px;min-width:0;border:2px solid #cbd5e1;border-radius:6px;background:#fff;padding:16px;cursor:pointer;}
#pukka-online-app .backup-type-cards label:has(input:checked){border-color:#2563eb;background:#eff6ff;}
#pukka-online-app .backup-type-cards input{width:20px!important;height:20px!important;min-height:20px!important;margin:3px 0 0!important;flex:0 0 auto;}
#pukka-online-app .backup-type-cards span,
#pukka-online-app .backup-type-cards strong,
#pukka-online-app .backup-type-cards small,
#pukka-online-app .backup-type-cards em{display:block;}
#pukka-online-app .backup-type-cards small{margin-top:7px;color:#475569;line-height:1.45;}
#pukka-online-app .backup-type-cards em{margin-top:8px;color:#64748b;font-style:normal;font-size:12px;}
#pukka-online-app .backup-type-cards b{display:inline-block;margin-bottom:8px;color:#166534;font-size:12px;}
#pukka-online-app .backup-advanced-options{grid-column:1/-1;}
#pukka-online-app .restore-disclosure{padding:0;margin-bottom:16px;border-color:#f59e0b;background:#fffbeb;}
#pukka-online-app .restore-disclosure>summary{padding:16px 20px;color:#7c2d12;}
#pukka-online-app .restore-disclosure>summary span,
#pukka-online-app .restore-disclosure>summary small{display:block;}
#pukka-online-app .restore-disclosure>summary small{margin-top:4px;font-weight:500;}
#pukka-online-app .restore-disclosure>.restore-center{margin:0;border:0;border-top:1px solid #f59e0b;border-radius:0;background:#fff;}
#pukka-online-app .etx-restore-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;counter-reset:restore-step;padding:0;list-style:none;}
#pukka-online-app .etx-restore-steps li{counter-increment:restore-step;min-width:0;border:1px solid #dbe3ef;border-radius:6px;padding:12px;background:#f8fafc;font-weight:700;overflow-wrap:anywhere;}
#pukka-online-app .etx-restore-steps li:before{content:counter(restore-step);display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#2563eb;color:#fff;margin-bottom:8px;}
#pukka-online-app .etx-central-connection{max-width:1250px;}
#pukka-online-app .etx-central-connection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-top:14px;}
#pukka-online-app .etx-central-connection-card small{display:block;color:#64748b;font-weight:700;margin-bottom:7px;}
#pukka-online-app .etx-central-connection-card strong{display:block;overflow-wrap:anywhere;}
#pukka-online-app .etx-central-connection-card.is-pass{border-top:4px solid #16a34a;}
#pukka-online-app .etx-central-connection-card.is-warn{border-top:4px solid #d97706;}
#pukka-online-app .etx-central-connection-card.is-fail{border-top:4px solid #dc2626;}
#pukka-online-app .etx-central-connection-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;}
#pukka-online-app .etx-central-connection-panel{margin-top:14px;}
#pukka-online-app .etx-central-connection-panel label{display:block;font-weight:700;margin-bottom:12px;}
#pukka-online-app .etx-central-connection-panel input{width:100%;margin-top:6px;}
#pukka-online-app .etx-central-connection-actions{display:flex;gap:8px;flex-wrap:wrap;}
#pukka-online-app .etx-central-connection-actions form{margin:0;}
#pukka-online-app .etx-central-connection-preview{max-height:500px;overflow:auto;background:#111827;color:#e5e7eb;padding:14px;white-space:pre-wrap;overflow-wrap:anywhere;}
#pukka-online-app .etx-central-warning,
#pukka-online-app .etx-error-help{padding:14px;border-left:4px solid #d97706;background:#fffbeb;margin:14px 0;}
#pukka-online-app .etx-error-help{border-left-color:#dc2626;background:#fef2f2;}
#pukka-online-app .etx-central-operation-error{margin:0 0 16px;padding:18px;border:1px solid #fecaca;border-left:5px solid #dc2626;background:#fff7f7;box-shadow:0 8px 24px rgba(127,29,29,.08);}
#pukka-online-app .etx-central-operation-error h2{margin:6px 0 14px;letter-spacing:0;color:#991b1b;}
#pukka-online-app .etx-central-operation-error dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 14px;}
#pukka-online-app .etx-central-operation-error dl>div{padding:12px;border:1px solid #fee2e2;background:#fff;}
#pukka-online-app .etx-central-operation-error dt{font-weight:800;color:#7f1d1d;}
#pukka-online-app .etx-central-operation-error dd{margin:5px 0 0;overflow-wrap:anywhere;}
#pukka-online-app .etx-central-operation-error-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0;}
#pukka-online-app .etx-central-signal-states{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;}
#pukka-online-app .etx-central-signal-states p{margin:0;padding:10px 12px;border:1px solid #dbe4f0;background:#f8fafc;}
#pukka-online-app .etx-central-operation-form [aria-busy="true"]{cursor:wait;opacity:.72;}
#pukka-online-app .etx-central-danger{border-color:#fecaca;background:#fff7f7;}
#pukka-online-app .etx-data-scope-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
#pukka-online-app .etx-data-scope-grid>div{border:1px solid #dbe3ef;border-radius:6px;padding:14px;}
#pukka-online-app .backup-history-filters label{display:grid;gap:5px;font-weight:700;}
#pukka-online-app .backup-history-filters label>*{min-width:0;}
@media(max-width:900px){
  #pukka-online-app .etx-stepper,
  #pukka-online-app .etx-restore-steps{grid-template-columns:repeat(2,minmax(0,1fr));}
  #pukka-online-app .etx-central-connection-two{grid-template-columns:1fr;}
}
@media(max-width:600px){
  #pukka-online-app .etx-stepper,
  #pukka-online-app .etx-restore-steps,
  #pukka-online-app .backup-type-cards,
  #pukka-online-app .etx-data-scope-grid{grid-template-columns:1fr;}
  #pukka-online-app .etx-guide-card,
  #pukka-online-app .etx-next-action,
  #pukka-online-app .etx-central-connection-panel{padding:15px;}
  #pukka-online-app .etx-help-terms dl{grid-template-columns:1fr;}
}

/* EduTechX 1.2.0 - WordPress System Health Center */
#pukka-online-app .system-health-center{
  display:grid;
  gap:16px;
  min-width:0;
  color:#172033;
}
#pukka-online-app .system-health-section{
  width:100%;
  min-width:0;
  margin:0;
  padding:18px;
  border:1px solid #d8e0eb;
  border-radius:6px;
  background:#fff;
  box-sizing:border-box;
  box-shadow:0 1px 2px rgba(15,23,42,.04);
}
#pukka-online-app details.system-health-section{
  padding:0;
  overflow:hidden;
}
#pukka-online-app .system-health-section>summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:58px;
  padding:14px 18px;
  font-size:17px;
  font-weight:800;
  cursor:pointer;
  list-style:none;
  box-sizing:border-box;
}
#pukka-online-app .system-health-section>summary::-webkit-details-marker{display:none}
#pukka-online-app .system-health-section>summary::after{
  content:"\f347";
  flex:0 0 auto;
  margin-left:auto;
  color:#64748b;
  font-family:dashicons;
  font-size:20px;
  font-weight:400;
}
#pukka-online-app details[open].system-health-section>summary::after{content:"\f343"}
#pukka-online-app .system-health-section>summary .system-health-badge{margin-left:8px}
#pukka-online-app .system-health-details{
  min-width:0;
  padding:0 18px 18px;
  border-top:1px solid #e5eaf1;
  box-sizing:border-box;
}
#pukka-online-app .system-health-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  min-width:0;
}
#pukka-online-app .system-health-heading>div{min-width:0}
#pukka-online-app .system-health-heading h2,
#pukka-online-app .system-health-details h3{
  margin:4px 0 10px;
  letter-spacing:0;
  color:#172033;
}
#pukka-online-app .system-health-heading p{max-width:820px;margin:8px 0;color:#56657a}
#pukka-online-app .system-health-kicker{
  margin:0!important;
  color:#1d4ed8!important;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
}
#pukka-online-app .system-health-heading .button,
#pukka-online-app .system-health-log-actions .button,
#pukka-online-app .system-health-maintenance .button,
#pukka-online-app .system-health-filter .button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:38px;
  white-space:normal;
  writing-mode:horizontal-tb;
}
#pukka-online-app .system-health-heading .dashicons,
#pukka-online-app .system-health-filter .dashicons{width:18px;height:18px;font-size:18px}
#pukka-online-app .system-health-summary-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:16px;
}
#pukka-online-app .system-health-card{
  min-width:0;
  min-height:128px;
  padding:15px;
  border:1px solid #dce3ec;
  border-top:4px solid #64748b;
  border-radius:6px;
  background:#fdfefe;
  box-sizing:border-box;
}
#pukka-online-app .system-health-card.is-pass{border-top-color:#15803d}
#pukka-online-app .system-health-card.is-warn{border-top-color:#b45309}
#pukka-online-app .system-health-card.is-fail{border-top-color:#b91c1c}
#pukka-online-app .system-health-card.is-info{border-top-color:#0369a1}
#pukka-online-app .system-health-card-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:8px;
  color:#536176;
  font-size:12px;
  font-weight:800;
}
#pukka-online-app .system-health-card strong{
  display:block;
  margin:14px 0 6px;
  overflow-wrap:anywhere;
  color:#172033;
  font-size:20px;
  line-height:1.25;
}
#pukka-online-app .system-health-card small,
#pukka-online-app .system-health-log-table small{
  display:block;
  color:#64748b;
  line-height:1.4;
}
#pukka-online-app .system-health-badge{
  display:inline-flex;
  align-items:center;
  gap:5px;
  width:max-content;
  max-width:100%;
  padding:4px 8px;
  border:1px solid #cbd5e1;
  border-radius:999px;
  background:#f8fafc;
  color:#334155;
  font-size:11px;
  font-weight:800;
  line-height:1.2;
  white-space:nowrap;
}
#pukka-online-app .system-health-badge .dashicons{width:14px;height:14px;font-size:14px}
#pukka-online-app .system-health-badge.is-pass{border-color:#86efac;background:#f0fdf4;color:#166534}
#pukka-online-app .system-health-badge.is-warn{border-color:#fcd34d;background:#fffbeb;color:#92400e}
#pukka-online-app .system-health-badge.is-fail{border-color:#fca5a5;background:#fef2f2;color:#991b1b}
#pukka-online-app .system-health-badge.is-info{border-color:#7dd3fc;background:#f0f9ff;color:#075985}
#pukka-online-app .system-health-table-wrap{
  width:100%;
  min-width:0;
  margin-top:16px;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
#pukka-online-app .system-health-table{
  width:100%;
  min-width:760px;
  table-layout:auto;
}
#pukka-online-app .system-health-table th,
#pukka-online-app .system-health-table td{
  padding:10px;
  vertical-align:top;
  overflow-wrap:anywhere;
}
#pukka-online-app .system-health-table code,
#pukka-online-app .system-health-hash{
  display:inline-block;
  max-width:100%;
  white-space:normal;
  overflow-wrap:anywhere;
}
#pukka-online-app .system-health-note{color:#64748b;line-height:1.55}
#pukka-online-app .system-health-callout{
  margin:16px 0 0;
  padding:12px 14px;
  border-left:4px solid #0284c7;
  background:#f0f9ff;
  color:#334155;
}
#pukka-online-app .system-health-callout.is-warn{border-color:#d97706;background:#fffbeb}
#pukka-online-app .system-health-callout.is-fail{border-color:#dc2626;background:#fef2f2}
#pukka-online-app .system-health-two-column{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  padding-top:16px;
}
#pukka-online-app .system-health-definition{margin:0}
#pukka-online-app .system-health-definition>div{
  display:grid;
  grid-template-columns:minmax(120px,.5fr) minmax(0,1fr);
  gap:12px;
  padding:9px 0;
  border-bottom:1px solid #e8edf3;
}
#pukka-online-app .system-health-definition dt{font-weight:800;color:#475569}
#pukka-online-app .system-health-definition dd{min-width:0;margin:0;overflow-wrap:anywhere}
#pukka-online-app .system-health-limits{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
}
#pukka-online-app .system-health-limits span{
  padding:8px 10px;
  border:1px solid #dce3ec;
  border-radius:4px;
  background:#f8fafc;
}
#pukka-online-app .system-health-filter{
  display:grid;
  grid-template-columns:repeat(4,minmax(140px,1fr));
  align-items:end;
  gap:10px;
  margin-top:16px;
  padding:14px;
  border:1px solid #dce3ec;
  background:#f8fafc;
}
#pukka-online-app .system-health-filter label{
  display:grid;
  gap:5px;
  min-width:0;
  color:#475569;
  font-weight:700;
}
#pukka-online-app .system-health-filter input,
#pukka-online-app .system-health-filter select,
#pukka-online-app .system-health-log-actions select,
#pukka-online-app .system-health-maintenance input{
  width:100%;
  min-width:0;
  min-height:38px;
  box-sizing:border-box;
}
#pukka-online-app .system-health-log-actions,
#pukka-online-app .system-health-maintenance,
#pukka-online-app .system-health-maintenance form{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
}
#pukka-online-app .system-health-log-actions{margin-top:14px}
#pukka-online-app .system-health-maintenance{
  justify-content:space-between;
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid #e5eaf1;
}
#pukka-online-app .system-health-log-context{margin-top:8px}
#pukka-online-app .system-health-log-context summary{cursor:pointer;color:#1d4ed8;font-weight:700}
#pukka-online-app .system-health-log-context pre{
  max-width:520px;
  max-height:220px;
  margin:8px 0 0;
  padding:10px;
  overflow:auto;
  border:1px solid #dce3ec;
  background:#f8fafc;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}
#pukka-online-app .system-health-pagination{display:flex;flex-wrap:wrap;gap:5px;margin-top:14px}
#pukka-online-app .system-health-pagination .page-numbers{padding:6px 10px;border:1px solid #cbd5e1;background:#fff;text-decoration:none}
#pukka-online-app .system-health-pagination .current{background:#1d4ed8;color:#fff}
#pukka-online-app .system-health-check-list{display:grid;gap:8px;padding-top:14px}
#pukka-online-app .system-health-check-list p{display:flex;align-items:flex-start;gap:9px;margin:0;padding:10px;border-bottom:1px solid #e8edf3}
#pukka-online-app .system-health-test-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:14px;
}
#pukka-online-app .system-health-test{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px 12px;
  min-width:0;
  padding:13px;
  border:1px solid #dce3ec;
  border-left:4px solid #64748b;
  border-radius:4px;
}
#pukka-online-app .system-health-test.is-pass{border-left-color:#15803d}
#pukka-online-app .system-health-test.is-warn{border-left-color:#b45309}
#pukka-online-app .system-health-test.is-fail{border-left-color:#b91c1c}
#pukka-online-app .system-health-test h3{margin:2px 0 0;font-size:15px}
#pukka-online-app .system-health-test small{color:#64748b;font-weight:800;text-transform:uppercase}
#pukka-online-app .system-health-test p{grid-column:1/-1;margin:0;line-height:1.5}

@media(max-width:1100px){
  #pukka-online-app .system-health-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #pukka-online-app .system-health-filter{grid-template-columns:repeat(2,minmax(140px,1fr))}
}

@media(max-width:782px){
  #pukka-online-app .system-health-section{padding:14px}
  #pukka-online-app details.system-health-section{padding:0}
  #pukka-online-app .system-health-section>summary{padding:12px 14px}
  #pukka-online-app .system-health-details{padding:0 12px 14px}
  #pukka-online-app .system-health-heading,
  #pukka-online-app .system-health-two-column{display:grid;grid-template-columns:1fr}
  #pukka-online-app .system-health-heading form,
  #pukka-online-app .system-health-heading .button{width:100%}
  #pukka-online-app .system-health-summary-grid,
  #pukka-online-app .system-health-filter,
  #pukka-online-app .system-health-test-grid{grid-template-columns:1fr}
  #pukka-online-app .system-health-card{min-height:112px}
  #pukka-online-app .system-health-table-wrap{overflow:visible}
  #pukka-online-app .system-health-table{display:block;min-width:0;border:0;background:transparent}
  #pukka-online-app .system-health-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  #pukka-online-app .system-health-table tbody,
  #pukka-online-app .system-health-table tr,
  #pukka-online-app .system-health-table th,
  #pukka-online-app .system-health-table td{display:block;width:100%;box-sizing:border-box}
  #pukka-online-app .system-health-table tr{margin:0 0 10px;padding:10px;border:1px solid #dce3ec;border-radius:4px;background:#fff}
  #pukka-online-app .system-health-table td,
  #pukka-online-app .system-health-table th{display:grid;grid-template-columns:minmax(92px,.45fr) minmax(0,1fr);gap:9px;padding:7px 0;border:0;border-bottom:1px solid #eef2f6;text-align:left}
  #pukka-online-app .system-health-table td:last-child,
  #pukka-online-app .system-health-table th:last-child{border-bottom:0}
  #pukka-online-app .system-health-table td::before{content:attr(data-label);color:#64748b;font-size:11px;font-weight:900;text-transform:uppercase}
  #pukka-online-app .system-health-table .check-column{display:block;width:auto;padding:0 0 8px;border-bottom:1px solid #eef2f6}
  #pukka-online-app .system-health-log-actions,
  #pukka-online-app .system-health-maintenance,
  #pukka-online-app .system-health-maintenance form{display:grid;grid-template-columns:1fr;width:100%}
  #pukka-online-app .system-health-log-actions>* ,
  #pukka-online-app .system-health-maintenance .button{width:100%}
  #pukka-online-app .system-health-log-context pre{max-width:100%}
}

@media(max-width:430px){
  #pukka-online-app .system-health-section>summary{align-items:flex-start;flex-wrap:wrap}
  #pukka-online-app .system-health-section>summary .system-health-badge{order:2;margin-left:0}
  #pukka-online-app .system-health-section>summary::after{order:3}
  #pukka-online-app .system-health-definition>div{grid-template-columns:1fr;gap:4px}
  #pukka-online-app .system-health-table td,
  #pukka-online-app .system-health-table th{grid-template-columns:1fr;gap:4px}
}

/* 1.1.3: notification cards grow in the list's natural document flow */
#pukka-online-app .notification-drawer{
  min-width:0;
  max-height:100dvh;
  overflow:hidden;
}
#pukka-online-app .notification-drawer>header,
#pukka-online-app .notification-toolbar{
  flex:0 0 auto;
}
#pukka-online-app .notification-list{
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  min-height:0;
  gap:10px;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  padding-bottom:24px;
}
#pukka-online-app .notification-item{
  display:grid;
  grid-template-columns:minmax(0,1fr) 52px;
  grid-auto-rows:auto;
  align-items:start;
  flex:0 0 auto;
  width:100%;
  min-width:0;
  height:auto;
  min-height:0;
  box-sizing:border-box;
}
#pukka-online-app .notification-main{
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr);
  grid-auto-rows:auto;
  align-content:start;
  align-items:start!important;
  align-self:start;
  gap:12px!important;
  width:100%;
  min-width:0;
  height:auto!important;
  min-height:0;
  margin:0;
  padding:16px!important;
  box-sizing:border-box;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--edutechx-text)!important;
  box-shadow:none!important;
  text-align:left!important;
}
#pukka-online-app .notification-type-icon{
  display:block;
  width:40px;
  min-width:40px;
}
#pukka-online-app .notification-copy{
  display:flex;
  flex-direction:column;
  min-width:0;
  min-height:0;
  max-width:100%;
}
#pukka-online-app .notification-title,
#pukka-online-app .notification-description,
#pukka-online-app .notification-context{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  max-height:none!important;
  white-space:normal!important;
  overflow-wrap:break-word;
  word-break:normal;
  -webkit-line-clamp:unset!important;
}
#pukka-online-app .notification-title{
  margin:6px 0 4px;
  color:var(--edutechx-card-title);
  line-height:1.35;
}
#pukka-online-app .notification-description{
  margin:0;
  white-space:normal!important;
  color:var(--edutechx-notification-text);
  line-height:1.55;
}
#pukka-online-app .notification-context{
  margin-top:9px;
  color:var(--edutechx-muted);
  font-size:12px;
  line-height:1.45;
}
#pukka-online-app .notification-meta{
  display:flex;
  flex-direction:row;
  align-items:flex-start;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:4px 10px;
  min-width:0;
  color:var(--edutechx-notification-text);
  font-size:11px;
  line-height:1.4;
}
#pukka-online-app .notification-type{
  color:var(--edutechx-primary);
  text-transform:uppercase;
  letter-spacing:.06em;
}
#pukka-online-app .notification-date{
  margin-left:auto;
  text-align:right;
  white-space:normal;
  overflow-wrap:break-word;
}
#pukka-online-app .notification-actions{
  display:flex;
  align-items:center;
  align-self:stretch;
  justify-content:flex-start;
  flex-direction:column;
  gap:4px;
  min-width:0;
  height:auto;
  padding:8px 4px;
  box-sizing:border-box;
  border-left:1px solid var(--edutechx-border);
  border-radius:0 15px 15px 0;
  background:color-mix(in srgb,var(--edutechx-surface-soft) 68%,transparent);
}
#pukka-online-app .notification-route-button,
#pukka-online-app .notification-archive{
  position:static!important;
  display:grid!important;
  place-items:center;
  flex:0 0 auto;
  width:44px!important;
  min-width:44px!important;
  height:44px!important;
  min-height:44px!important;
  margin:0;
  padding:0!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:var(--edutechx-notification-text)!important;
  box-shadow:none!important;
}
#pukka-online-app .notification-route-button:hover,
#pukka-online-app .notification-archive:hover{
  background:color-mix(in srgb,var(--edutechx-primary) 12%,transparent)!important;
  color:var(--edutechx-primary)!important;
}
#pukka-online-app .notification-route-button:focus-visible,
#pukka-online-app .notification-archive:focus-visible,
#pukka-online-app .notification-main:focus-visible{
  outline:3px solid var(--edutechx-focus);
  outline-offset:-3px;
}
#pukka-online-app .notification-route-arrow{
  position:static;
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  margin:0;
}
#pukka-online-app .notification-route-arrow .nav-icon,
#pukka-online-app .notification-archive .nav-icon{
  width:20px;
  height:20px;
}
#pukka-online-app .portal-back-toast{
  position:fixed;
  left:50%;
  bottom:max(24px,calc(env(safe-area-inset-bottom) + 16px));
  z-index:1000002;
  width:max-content;
  max-width:calc(100vw - 32px);
  padding:11px 16px;
  border:1px solid color-mix(in srgb,var(--edutechx-topbar-text) 24%,transparent);
  border-radius:8px;
  background:var(--edutechx-topbar-bg);
  color:var(--edutechx-topbar-text);
  box-shadow:0 14px 34px rgba(15,23,42,.28);
  font-weight:700;
  text-align:center;
  pointer-events:none;
  opacity:0;
  transform:translate(-50%,14px);
  visibility:hidden;
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
}
#pukka-online-app .portal-back-toast.visible{
  opacity:1;
  transform:translate(-50%,0);
  visibility:visible;
}

@media(max-width:640px){
  #pukka-online-app .notification-list{padding:8px;padding-bottom:20px}
  #pukka-online-app .notification-item{grid-template-columns:minmax(0,1fr)}
  #pukka-online-app .notification-main{
    grid-template-columns:36px minmax(0,1fr);
    min-height:0;
    gap:10px!important;
    padding:13px 12px!important;
  }
  #pukka-online-app .notification-type-icon{
    width:36px;
    min-width:36px;
  }
  #pukka-online-app .notification-actions{
    align-items:center;
    align-self:stretch;
    justify-content:flex-end;
    flex-direction:row;
    padding:5px 8px;
    border-top:1px solid var(--edutechx-border);
    border-left:0;
    border-radius:0 0 15px 15px;
  }
  #pukka-online-app .notification-date{
    flex:1 0 100%;
    margin-left:0;
    text-align:left;
  }
  #pukka-online-app .portal-back-toast{
    bottom:max(16px,calc(env(safe-area-inset-bottom) + 12px));
  }
}

@media(prefers-reduced-motion:reduce){
  #pukka-online-app .sidebar-group-toggle svg{transition:none!important}
  #pukka-online-app .notification-target-highlight{animation:none;outline:3px solid var(--edutechx-focus);outline-offset:3px}
}

/* EduTechX admin academic performance overview */
#pukka-online-app .admin-performance-overview{min-width:0;margin-top:22px;padding:20px;border:1px solid var(--edutechx-border);border-radius:8px;background:var(--edutechx-card-bg)}
#pukka-online-app .admin-performance-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}
#pukka-online-app .admin-performance-heading h2{margin:3px 0 5px;font-size:22px}
#pukka-online-app .admin-performance-heading p{margin:0;color:var(--edutechx-muted)}
#pukka-online-app .admin-performance-filters{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:9px;min-width:min(100%,570px)}
#pukka-online-app .admin-performance-filters label{margin-top:0}
#pukka-online-app .admin-performance-filters select{margin:0}
#pukka-online-app .admin-performance-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#pukka-online-app .admin-performance-card{min-width:0;padding:15px;border:1px solid var(--edutechx-border);border-top:4px solid var(--edutechx-primary);border-radius:8px;background:var(--edutechx-card-bg);box-shadow:var(--edutechx-shadow)}
#pukka-online-app .admin-performance-card span,#pukka-online-app .admin-performance-card small{display:block;color:var(--edutechx-muted)}
#pukka-online-app .admin-performance-card-title{display:flex;align-items:center;gap:8px;min-width:0}
#pukka-online-app .admin-performance-card-title .nav-icon{display:inline-flex;flex:0 0 28px;width:28px;height:28px;padding:5px;border-radius:6px;background:var(--edutechx-bg);color:var(--edutechx-primary)}
#pukka-online-app .admin-performance-card-title .nav-icon svg{width:18px;height:18px}
#pukka-online-app .admin-performance-card-title span{min-width:0;font-weight:700;color:var(--edutechx-text)}
#pukka-online-app .admin-performance-card strong{display:block;margin:8px 0 5px;color:var(--edutechx-text);font-size:25px;line-height:1.15}
#pukka-online-app .admin-performance-card em{display:inline-block;margin-top:9px;padding:3px 7px;border:1px solid var(--edutechx-border);border-radius:5px;color:var(--edutechx-muted);font-size:11px;font-style:normal}
#pukka-online-app .admin-performance-card.is-error{border-top-color:var(--edutechx-button-danger-bg)}
#pukka-online-app .admin-performance-card.tone-green{border-top-color:var(--edutechx-badge-success)}
#pukka-online-app .admin-performance-card.tone-amber{border-top-color:var(--edutechx-button-warning-bg)}
#pukka-online-app .admin-performance-card.tone-violet{border-top-color:var(--edutechx-accent)}
#pukka-online-app .admin-performance-card.tone-red{border-top-color:var(--edutechx-button-danger-bg)}
#pukka-online-app .admin-performance-card.tone-slate{border-top-color:var(--edutechx-muted)}
#pukka-online-app .admin-performance-warning{margin:0 0 12px;padding:10px 12px;border-left:4px solid var(--edutechx-button-warning-bg);background:var(--edutechx-bg);color:var(--edutechx-text)}
#pukka-online-app .admin-performance-lower{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.6fr);gap:12px;margin-top:14px}
#pukka-online-app .admin-performance-lower>section,#pukka-online-app .admin-performance-branches{min-width:0;padding:15px;border:1px solid var(--edutechx-border);border-radius:8px;background:var(--edutechx-bg)}
#pukka-online-app .admin-performance-lower h3,#pukka-online-app .admin-performance-branches h3{margin:0 0 12px}
#pukka-online-app .admin-tracking-distribution{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#pukka-online-app .admin-tracking-distribution span,#pukka-online-app .admin-institutional-summary span{display:flex;min-width:0;flex-direction:column;gap:3px;padding:10px;border:1px solid var(--edutechx-border);border-radius:6px;background:var(--edutechx-card-bg);overflow-wrap:anywhere}
#pukka-online-app .admin-tracking-distribution strong,#pukka-online-app .admin-institutional-summary strong{font-size:21px}
#pukka-online-app .admin-performance-lower small{display:block;margin-top:9px;color:var(--edutechx-muted)}
#pukka-online-app .admin-institutional-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#pukka-online-app .admin-performance-branches{margin-top:14px}
#pukka-online-app .admin-performance-table{width:100%;min-width:700px}
#pukka-online-app .extended-import-panel{max-width:1100px;margin-inline:auto}
#pukka-online-app .teacher-parent-notification-control{align-items:center;gap:8px;margin-top:12px}
#pukka-online-app .teacher-parent-notification-control input{width:auto;margin:0}

@media(max-width:1024px){
  #pukka-online-app .admin-performance-heading{flex-direction:column}
  #pukka-online-app .admin-performance-filters{width:100%;min-width:0}
  #pukka-online-app .admin-performance-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  #pukka-online-app .admin-performance-overview{padding:13px}
  #pukka-online-app .admin-performance-filters,#pukka-online-app .admin-performance-card-grid,#pukka-online-app .admin-performance-lower,#pukka-online-app .admin-tracking-distribution,#pukka-online-app .admin-institutional-summary{grid-template-columns:1fr}
  #pukka-online-app .admin-performance-heading h2{font-size:19px}
}

/* EduTechX exam performance charts */
#pukka-online-app .exam-performance-root{
  min-width:0;
  margin-bottom:20px;
}
#pukka-online-app .exam-panel-heading{
  margin-bottom:16px;
  padding-bottom:14px;
  border-bottom:1px solid var(--edutechx-card-border);
}
#pukka-online-app .exam-panel-heading h2{
  margin:3px 0 5px;
  color:var(--edutechx-card-title);
  font-size:22px;
}
#pukka-online-app .exam-panel-heading p{
  margin:0;
  color:var(--edutechx-muted);
}
#pukka-online-app .exam-filter-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  align-items:end;
  margin:0 0 16px;
  padding:14px;
  border:1px solid var(--edutechx-card-border);
  border-radius:8px;
  background:var(--edutechx-surface-soft);
}
#pukka-online-app .exam-filter-grid > *,
#pukka-online-app .exam-filter-grid input,
#pukka-online-app .exam-filter-grid select{
  min-width:0;
  max-width:100%;
}
#pukka-online-app .exam-filter-grid label{
  margin-top:0;
}
#pukka-online-app .exam-filter-grid input,
#pukka-online-app .exam-filter-grid select{
  margin-bottom:0;
}
#pukka-online-app .exam-filter-grid button{
  min-height:44px;
}
#pukka-online-app .exam-filter-wide{
  grid-column:span 2;
}
#pukka-online-app .exam-kpi-grid,
#pukka-online-app .exam-overview-kpis{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:10px;
  margin-bottom:16px;
}
#pukka-online-app .exam-kpi,
#pukka-online-app .exam-overview-kpis > div{
  min-width:0;
  padding:13px;
  border:1px solid var(--edutechx-card-border);
  border-top:3px solid var(--edutechx-primary);
  border-radius:8px;
  background:var(--edutechx-card-bg);
  box-shadow:var(--edutechx-shadow-sm);
}
#pukka-online-app .exam-kpi span,
#pukka-online-app .exam-overview-kpis span{
  display:block;
  color:var(--edutechx-muted);
  font-size:12px;
  font-weight:800;
}
#pukka-online-app .exam-kpi strong,
#pukka-online-app .exam-overview-kpis strong{
  display:block;
  margin:5px 0 2px;
  color:var(--edutechx-card-title);
  font-size:21px;
  overflow-wrap:anywhere;
}
#pukka-online-app .exam-overview-kpis strong{
  font-size:16px;
}
#pukka-online-app .exam-kpi small,
#pukka-online-app .exam-overview-kpis small{
  display:block;
  color:var(--edutechx-muted);
  line-height:1.35;
}
#pukka-online-app .exam-chart-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin:0 0 18px;
}
#pukka-online-app .portal-chart-card{
  min-width:0;
  overflow:hidden;
  padding:14px;
  border:1px solid var(--edutechx-card-border);
  border-radius:8px;
  background:var(--edutechx-card-bg);
  box-shadow:var(--edutechx-shadow-sm);
}
#pukka-online-app .portal-chart-card.compact{
  padding:10px;
}
#pukka-online-app .portal-chart-card header h3{
  margin:0 0 3px;
  color:var(--edutechx-card-title);
  font-size:16px;
}
#pukka-online-app .portal-chart-card header p{
  margin:0;
  color:var(--edutechx-muted);
  font-size:12px;
}
#pukka-online-app .portal-chart-visual{
  width:100%;
  min-width:0;
  margin-top:8px;
}
#pukka-online-app .portal-chart-visual svg{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  overflow:visible;
}
#pukka-online-app .portal-chart-grid{
  stroke:var(--edutechx-table-border);
  stroke-width:1;
}
#pukka-online-app .portal-chart-zero{
  stroke:var(--edutechx-muted);
  stroke-width:1.5;
  stroke-dasharray:5 4;
}
#pukka-online-app .portal-chart-line{
  fill:none;
  stroke:var(--edutechx-primary);
  stroke-width:4;
  stroke-linecap:round;
  stroke-linejoin:round;
}
#pukka-online-app .portal-chart-point{
  fill:var(--edutechx-card-bg);
  stroke:var(--edutechx-primary);
  stroke-width:4;
}
#pukka-online-app .portal-chart-axis-label,
#pukka-online-app .portal-chart-bar-label,
#pukka-online-app .portal-chart-value{
  fill:var(--edutechx-muted);
  font-family:var(--edutechx-font-family);
  font-size:16px;
}
#pukka-online-app .portal-chart-bar-label{
  fill:var(--edutechx-card-title);
  font-weight:700;
}
#pukka-online-app .portal-chart-bar{
  fill:var(--edutechx-primary);
}
#pukka-online-app .portal-chart-summary{
  margin:8px 0 0;
  color:var(--edutechx-muted);
  font-size:12px;
  line-height:1.45;
}
#pukka-online-app .portal-chart-empty{
  display:grid;
  min-height:120px;
  place-items:center;
  margin-top:8px;
  padding:14px;
  border:1px dashed var(--edutechx-border);
  border-radius:7px;
  color:var(--edutechx-muted);
  text-align:center;
}
#pukka-online-app .portal-segment-chart{
  margin-top:20px;
}
#pukka-online-app .portal-segment-track{
  display:flex;
  width:100%;
  height:28px;
  overflow:hidden;
  border:1px solid var(--edutechx-border);
  border-radius:6px;
  background:var(--edutechx-surface-soft);
}
#pukka-online-app .portal-chart-segment{
  display:block;
  min-width:2px;
}
#pukka-online-app .segment-correct{background:var(--edutechx-badge-success);}
#pukka-online-app .segment-wrong{background:var(--edutechx-badge-danger);}
#pukka-online-app .segment-blank{background:var(--edutechx-muted);}
#pukka-online-app .portal-segment-legend{
  display:flex;
  flex-wrap:wrap;
  gap:8px 14px;
  margin-top:10px;
  color:var(--edutechx-text);
  font-size:12px;
}
#pukka-online-app .portal-segment-legend span{
  display:inline-flex;
  align-items:center;
  gap:5px;
}
#pukka-online-app .portal-segment-legend i{
  width:11px;
  height:11px;
  border-radius:3px;
}
#pukka-online-app .exam-detail-link{
  width:auto;
  max-width:100%;
  margin-top:10px;
}
#pukka-online-app .parent-exam-overview{
  min-width:0;
}
#pukka-online-app .parent-exam-overview .portal-chart-card{
  box-shadow:none;
}
#pukka-online-app .screen-reader-text{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
#pukka-online-app .exam-filter-grid button:focus-visible,
#pukka-online-app .exam-detail-link:focus-visible{
  outline:3px solid var(--edutechx-focus);
  outline-offset:2px;
}

@media(max-width:1024px){
  #pukka-online-app .exam-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:820px){
  #pukka-online-app .exam-chart-grid{grid-template-columns:1fr;}
}
@media(max-width:640px){
  #pukka-online-app .exam-filter-grid{grid-template-columns:1fr;padding:10px;}
  #pukka-online-app .exam-filter-wide{grid-column:auto;}
  #pukka-online-app .exam-kpi-grid,
  #pukka-online-app .exam-overview-kpis{grid-template-columns:repeat(2,minmax(0,1fr));}
  #pukka-online-app .portal-chart-card{padding:10px;}
  #pukka-online-app .portal-chart-axis-label,
  #pukka-online-app .portal-chart-bar-label,
  #pukka-online-app .portal-chart-value{font-size:18px;}
}
@media(max-width:375px){
  #pukka-online-app .exam-kpi-grid,
  #pukka-online-app .exam-overview-kpis{grid-template-columns:1fr;}
  #pukka-online-app .portal-segment-legend{display:grid;grid-template-columns:1fr 1fr;}
}

@media(max-width:620px){
  #pukka-online-app .teacher-parent-grid{grid-template-columns:1fr}
  #pukka-online-app .compact-student-picker .student-picker-toolbar{grid-template-columns:1fr}
  #pukka-online-app .compact-student-picker .student-picker-actions{display:grid;grid-template-columns:1fr 1fr}
  #pukka-online-app .compact-student-picker .student-picker-actions button{width:100%!important}
  #pukka-online-app .teacher-parent-dialog .teacher-parent-footer{display:grid;grid-template-columns:1fr;gap:8px}
  #pukka-online-app .teacher-parent-dialog .teacher-parent-footer button{width:100%;min-width:0}
  #pukka-online-app button.dash-card.dashboard-action-card{min-height:96px}
}

/* 1.0.93: veli rolü modalı portal tema bileşenleri */
#pukka-online-app .parent-management-intro{
  border-color:var(--edutechx-card-border);
  background:var(--edutechx-card-bg);
  box-shadow:var(--edutechx-shadow-sm);
}
#pukka-online-app .parent-management-intro .section-heading{
  align-items:center;
  gap:12px;
}
#pukka-online-app .parent-management-intro .section-heading button{
  width:auto;
  min-width:150px;
  margin:0;
}
#pukka-online-app .parent-management-filter{
  margin:14px 0;
  border-color:var(--edutechx-border);
  background:var(--edutechx-surface-soft);
}
#pukka-online-app .parent-management-filter input{margin:0}

#pukka-online-app .parent-role-modal-overlay.portal-form-overlay{
  z-index:10080;
  align-items:center;
  padding:22px;
  background:color-mix(in srgb,var(--edutechx-secondary) 72%,transparent);
  backdrop-filter:blur(4px);
}
#pukka-online-app .portal-form-dialog.teacher-parent-dialog{
  width:min(980px,calc(100vw - 44px));
  max-height:calc(100dvh - 44px);
  padding:0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  border:1px solid var(--edutechx-card-border);
  border-radius:10px;
  background:var(--edutechx-card-bg);
  color:var(--edutechx-text);
  box-shadow:0 24px 70px rgba(15,23,42,.32);
  font-family:var(--edutechx-font-family);
}
#pukka-online-app .teacher-parent-dialog .teacher-parent-header{
  position:sticky;
  top:0;
  z-index:3;
  flex:none;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin:0;
  padding:20px 24px;
  border-bottom:1px solid var(--edutechx-border);
  background:var(--edutechx-card-bg);
}
#pukka-online-app .teacher-parent-title{min-width:0}
#pukka-online-app .teacher-parent-title h3{
  margin:3px 0 5px;
  color:var(--edutechx-card-title);
  font-size:22px;
  line-height:1.2;
}
#pukka-online-app .teacher-parent-title p{
  max-width:760px;
  margin:0;
  color:var(--edutechx-muted);
  line-height:1.5;
}
#pukka-online-app .teacher-parent-dialog .dialog-close{
  display:grid;
  place-items:center;
  flex:none;
  width:40px!important;
  min-width:40px!important;
  height:40px;
  min-height:40px!important;
  margin:0;
  padding:0!important;
  border:1px solid var(--edutechx-border)!important;
  border-radius:8px;
  background:var(--edutechx-surface-soft)!important;
  color:var(--edutechx-text)!important;
  box-shadow:none!important;
  font-size:0;
}
#pukka-online-app .teacher-parent-dialog .dialog-close .nav-icon{width:20px;height:20px;background:transparent}
#pukka-online-app .teacher-parent-dialog .dialog-close:hover{
  border-color:var(--edutechx-primary)!important;
  color:var(--edutechx-primary)!important;
}
#pukka-online-app .teacher-parent-dialog .teacher-parent-body{
  display:grid;
  gap:16px;
  min-height:0;
  padding:18px 24px;
  overflow:auto;
  background:var(--edutechx-bg);
}
#pukka-online-app .teacher-parent-section{
  padding:16px;
  border:1px solid var(--edutechx-card-border);
  border-radius:8px;
  background:var(--edutechx-card-bg);
  box-shadow:var(--edutechx-shadow-sm);
}
#pukka-online-app .teacher-parent-section .section-heading.compact{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 0 14px;
  padding:0 0 12px;
  border-bottom:1px solid var(--edutechx-border);
}
#pukka-online-app .teacher-parent-section .section-heading.compact h4{
  margin:2px 0 0;
  color:var(--edutechx-card-title);
  font-size:16px;
}
#pukka-online-app .teacher-parent-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
#pukka-online-app .teacher-parent-field{
  display:grid;
  gap:6px;
  min-width:0;
}
#pukka-online-app .teacher-parent-field label,
#pukka-online-app .teacher-parent-check{
  margin:0;
  color:var(--edutechx-table-head-text);
  font-size:12px;
  font-weight:800;
}
#pukka-online-app .teacher-parent-grid input,
#pukka-online-app .teacher-parent-grid select{
  width:100%;
  min-width:0;
  height:44px;
  min-height:44px;
  margin:0;
  padding:0 12px;
  border:1px solid var(--edutechx-border);
  border-radius:8px;
  background-color:var(--edutechx-card-bg);
  color:var(--edutechx-text);
  box-shadow:none;
  font:inherit;
  font-size:14px;
  line-height:1.25;
  outline:none;
  appearance:none;
}
#pukka-online-app .teacher-parent-grid select{
  padding-right:36px;
  background-image:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 12px center;
  background-size:18px;
}
#pukka-online-app .teacher-parent-grid input:focus,
#pukka-online-app .teacher-parent-grid select:focus{
  border-color:var(--edutechx-focus);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--edutechx-focus) 18%,transparent);
}
#pukka-online-app .teacher-parent-grid input[readonly]{
  background:var(--edutechx-surface-soft);
  color:var(--edutechx-muted);
  cursor:not-allowed;
}
#pukka-online-app .teacher-parent-check{
  display:flex;
  align-items:center;
  gap:9px;
  margin-top:14px;
  padding:10px 12px;
  border:1px solid var(--edutechx-border);
  border-radius:8px;
  background:var(--edutechx-surface-soft);
}
#pukka-online-app .teacher-parent-check input{
  flex:none;
  width:18px;
  height:18px;
  min-height:18px;
  margin:0;
}
#pukka-online-app .teacher-parent-dialog .teacher-parent-footer{
  position:sticky;
  bottom:0;
  z-index:3;
  flex:none;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  margin:0;
  padding:14px 24px;
  border-top:1px solid var(--edutechx-border);
  background:var(--edutechx-card-bg);
}
#pukka-online-app .teacher-parent-dialog .teacher-parent-footer button{
  width:auto;
  min-width:150px;
  margin:0;
}
#pukka-online-app .teacher-parent-save-btn[aria-busy=true]{
  filter:saturate(.75);
  cursor:wait;
}
#pukka-online-app .parent-role-badge{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  padding:5px 8px;
  border:1px solid var(--edutechx-border);
  border-radius:8px;
  background:var(--edutechx-surface-soft);
  color:var(--edutechx-table-head-text);
  font-size:11px;
  font-weight:900;
}
#pukka-online-app .parent-role-badge.dual{
  border-color:color-mix(in srgb,var(--edutechx-primary) 35%,var(--edutechx-border));
  background:color-mix(in srgb,var(--edutechx-primary) 10%,var(--edutechx-card-bg));
  color:var(--edutechx-primary);
}
#pukka-online-app .parent-student-count{
  display:block;
  margin-top:5px;
  color:var(--edutechx-muted);
  font-size:11px;
  font-weight:700;
}
#pukka-online-app .admin-parent-actions{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  min-width:180px;
}
#pukka-online-app .admin-parent-actions .btn-small{
  width:auto;
  min-width:0;
  margin:0;
}
#pukka-online-app .admin-parent-actions .danger{
  background:var(--edutechx-button-danger-bg)!important;
  color:#fff!important;
}

@media(max-width:900px){
  #pukka-online-app .teacher-parent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #pukka-online-app .admin-parent-actions{min-width:0}
}
@media(max-width:768px){
  #pukka-online-app .parent-role-modal-overlay.portal-form-overlay{
    align-items:flex-end;
    padding:0;
  }
  #pukka-online-app .portal-form-dialog.teacher-parent-dialog{
    width:100%;
    max-height:94dvh;
    border-right:0;
    border-bottom:0;
    border-left:0;
    border-radius:10px 10px 0 0;
  }
  #pukka-online-app .teacher-parent-dialog .teacher-parent-header,
  #pukka-online-app .teacher-parent-dialog .teacher-parent-body,
  #pukka-online-app .teacher-parent-dialog .teacher-parent-footer{padding-right:16px;padding-left:16px}
  #pukka-online-app .parent-management-intro .section-heading{display:grid}
  #pukka-online-app .parent-management-intro .section-heading button{width:100%;min-width:0}
}
@media(max-width:620px){
  #pukka-online-app .teacher-parent-grid{grid-template-columns:1fr}
  #pukka-online-app .teacher-parent-section .section-heading.compact{align-items:flex-start}
  #pukka-online-app .teacher-parent-dialog .teacher-parent-footer{display:grid;grid-template-columns:1fr;gap:8px}
  #pukka-online-app .teacher-parent-dialog .teacher-parent-footer button{width:100%;min-width:0}
}

#pukka-online-app .role-overview-shell,
#pukka-online-app .role-dashboard-shell{
  display:grid;
  gap:18px;
  margin:0 0 18px;
  padding:20px;
  border:1px solid var(--edutechx-card-border);
  border-radius:18px;
  background:linear-gradient(135deg,var(--edutechx-card-bg),var(--edutechx-bg));
  box-shadow:var(--edutechx-shadow-sm);
}
#pukka-online-app .overview-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(120px,220px);
  align-items:center;
  gap:20px;
  padding:20px;
  border:1px solid color-mix(in srgb,var(--edutechx-primary) 24%,var(--edutechx-card-border));
  border-radius:18px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--edutechx-primary) 10%,var(--edutechx-card-bg)),color-mix(in srgb,var(--edutechx-accent) 7%,var(--edutechx-card-bg)));
}
#pukka-online-app .overview-hero h2{
  margin:4px 0;
  color:var(--edutechx-card-title);
  font-size:clamp(22px,2.6vw,32px);
  line-height:1.15;
}
#pukka-online-app .overview-hero p{margin:0;color:var(--edutechx-muted);line-height:1.5}
#pukka-online-app .overview-brand{display:grid;place-items:center;min-height:120px;color:var(--edutechx-primary)}
#pukka-online-app .overview-brand-logo,
#pukka-online-app .overview-brand .brand-logo{
  max-width:150px;
  max-height:130px;
  object-fit:contain;
}
#pukka-online-app .overview-brand .brand-logo-fallback{
  display:grid;
  place-items:center;
  width:116px;
  height:116px;
  border-radius:22px;
  background:color-mix(in srgb,var(--edutechx-primary) 10%,var(--edutechx-card-bg));
  color:var(--edutechx-primary);
  font-weight:900;
  font-size:28px;
}
#pukka-online-app .role-stat-card:focus-visible,
#pukka-online-app .announcement-list-item:focus-visible,
#pukka-online-app .overview-quick-actions button:focus-visible,
#pukka-online-app .announcement-admin-card footer button:focus-visible{
  outline:3px solid var(--edutechx-focus);
  outline-offset:3px;
}
#pukka-online-app .overview-two-column{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
#pukka-online-app .overview-two-column>section{
  min-width:0;
  padding:16px;
  border:1px solid var(--edutechx-card-border);
  border-radius:15px;
  background:var(--edutechx-card-bg);
  box-shadow:var(--edutechx-shadow-sm);
}
#pukka-online-app .overview-two-column h3{
  margin:0 0 12px;
  color:var(--edutechx-card-title);
  font-size:18px;
}
#pukka-online-app .overview-list{display:grid;gap:10px}
#pukka-online-app .overview-list article,
#pukka-online-app .announcement-list-item{
  display:grid;
  gap:4px;
  width:100%;
  min-height:54px;
  padding:12px;
  border:1px solid var(--edutechx-border);
  border-radius:12px;
  background:var(--edutechx-bg);
  color:var(--edutechx-text);
  text-align:left;
  box-shadow:none;
}
#pukka-online-app .announcement-list-item{cursor:pointer}
#pukka-online-app .announcement-list-item:hover{border-color:color-mix(in srgb,var(--edutechx-primary) 35%,var(--edutechx-border));background:color-mix(in srgb,var(--edutechx-primary) 6%,var(--edutechx-card-bg))}
#pukka-online-app .overview-list strong{color:var(--edutechx-card-title);font-size:14px}
#pukka-online-app .overview-list span,
#pukka-online-app .overview-list small{color:var(--edutechx-muted);font-size:12px;line-height:1.4}
#pukka-online-app .announcement-list-item .badge{justify-self:start;margin-top:4px}
#pukka-online-app .overview-quick-actions{display:flex;flex-wrap:wrap;gap:8px}
#pukka-online-app .overview-quick-actions button{
  width:auto;
  min-height:40px;
  margin:0;
  padding:9px 12px;
  border-radius:10px;
  background:var(--edutechx-button-secondary-bg);
  color:var(--edutechx-button-secondary-text);
  font-size:13px;
}
#pukka-online-app .announcement-admin-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
  padding:18px;
  border:1px solid var(--edutechx-card-border);
  border-radius:16px;
  background:var(--edutechx-card-bg);
}
#pukka-online-app .announcement-admin-head h2{margin:3px 0;color:var(--edutechx-card-title)}
#pukka-online-app .announcement-admin-head p{margin:0;color:var(--edutechx-muted)}
#pukka-online-app .announcement-admin-head button{width:auto;margin:0}
#pukka-online-app .announcement-admin-toolbar{
  display:grid;
  grid-template-columns:minmax(180px,1.5fr) repeat(4,minmax(130px,1fr)) auto;
  align-items:end;
  gap:10px;
  margin-bottom:14px;
  padding:14px;
  border:1px solid var(--edutechx-border);
  border-radius:14px;
  background:var(--edutechx-bg);
}
#pukka-online-app .announcement-admin-toolbar label,
#pukka-online-app .announcement-editor-dialog label{
  display:block;
  margin:0 0 5px;
  color:var(--edutechx-muted,#64748b);
  font-size:11px;
  font-weight:800;
}
#pukka-online-app .announcement-admin-toolbar input,
#pukka-online-app .announcement-admin-toolbar select,
#pukka-online-app .announcement-admin-toolbar button{margin:0}
#pukka-online-app .announcement-admin-toolbar button{width:auto;min-width:130px}
#pukka-online-app .announcement-admin-list{display:grid;gap:12px}
#pukka-online-app .announcement-admin-card{
  padding:16px;
  border:1px solid var(--edutechx-card-border);
  border-radius:15px;
  background:var(--edutechx-card-bg);
  box-shadow:var(--edutechx-shadow-sm);
}
#pukka-online-app .announcement-admin-card.is-deleted{opacity:.68}
#pukka-online-app .announcement-admin-card header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}
#pukka-online-app .announcement-admin-card h3{margin:0 0 6px;color:var(--edutechx-card-title)}
#pukka-online-app .announcement-admin-card p{margin:0;color:var(--edutechx-muted);line-height:1.5}
#pukka-online-app .announcement-status-stack{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}
#pukka-online-app .announcement-admin-meta{
  display:grid;
  gap:8px;
  margin:14px 0;
  color:var(--edutechx-muted);
  font-size:12px;
}
#pukka-online-app .announcement-admin-meta>div{display:flex;flex-wrap:wrap;gap:7px}
#pukka-online-app .announcement-date-line span{padding:5px 8px;border-radius:9px;background:var(--edutechx-bg)}
#pukka-online-app .announcement-admin-card footer{display:flex;flex-wrap:wrap;gap:7px}
#pukka-online-app .announcement-admin-card footer .btn-small{width:auto;margin:0}
#pukka-online-app .announcement-admin-card footer .danger{background:var(--edutechx-button-danger-bg)!important;color:var(--edutechx-button-primary-text)!important}
#pukka-online-app .announcement-schedule-note{
  display:block;
  margin-top:8px;
  color:var(--edutechx-muted);
  font-size:12px;
  line-height:1.45;
}
#pukka-online-app .announcement-editor-overlay,
#pukka-online-app .announcement-detail-overlay{
  align-items:center;
  justify-content:center;
  padding:18px;
  z-index:100070;
}
#pukka-online-app .announcement-editor-dialog,
#pukka-online-app .announcement-detail-dialog{
  width:min(960px,calc(100vw - 32px));
  max-height:min(92dvh,920px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  padding:0;
  border:1px solid var(--edutechx-card-border);
  border-radius:18px;
  background:var(--edutechx-card-bg);
  color:var(--edutechx-text);
  box-shadow:var(--edutechx-shadow-md);
}
#pukka-online-app .announcement-editor-header,
#pukka-online-app .announcement-detail-dialog>header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  flex:0 0 auto;
  padding:20px 24px;
  border-bottom:1px solid var(--edutechx-border);
  background:var(--edutechx-card-bg);
}
#pukka-online-app .announcement-editor-header h3,
#pukka-online-app .announcement-detail-dialog>header h3{margin:3px 0;color:var(--edutechx-card-title)}
#pukka-online-app .announcement-editor-header p,
#pukka-online-app .announcement-detail-dialog>header p{margin:0;color:var(--edutechx-muted)}
#pukka-online-app .announcement-editor-body{
  flex:1 1 auto;
  min-height:0;
  overflow:auto;
  padding:18px 24px;
}
#pukka-online-app .announcement-editor-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
#pukka-online-app .announcement-editor-grid .field-wide{grid-column:1/-1}
#pukka-online-app .announcement-editor-grid input,
#pukka-online-app .announcement-editor-grid textarea,
#pukka-online-app .announcement-editor-grid select{
  width:100%;
  margin:0;
  min-height:46px;
  border-color:var(--edutechx-border);
  border-radius:12px;
  background:var(--edutechx-surface);
  color:var(--edutechx-text);
  font-family:var(--edutechx-font-family);
}
#pukka-online-app .announcement-editor-grid textarea{
  min-height:150px;
  resize:vertical;
  line-height:1.55;
}
#pukka-online-app .announcement-editor-grid input:focus,
#pukka-online-app .announcement-editor-grid textarea:focus,
#pukka-online-app .announcement-editor-grid select:focus{
  border-color:var(--edutechx-focus);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--edutechx-focus) 18%,transparent);
}
#pukka-online-app .announcement-role-choices{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
#pukka-online-app .announcement-role-choice{
  display:flex!important;
  align-items:center;
  gap:8px;
  min-height:48px;
  margin:0!important;
  padding:10px 12px;
  border:1px solid var(--edutechx-border);
  border-radius:12px;
  background:var(--edutechx-bg);
  color:var(--edutechx-text)!important;
  cursor:pointer;
  transition:border-color .16s ease, background .16s ease, box-shadow .16s ease;
}
#pukka-online-app .announcement-role-choice:hover,
#pukka-online-app .announcement-role-choice:focus-within{
  border-color:var(--edutechx-focus);
  background:color-mix(in srgb,var(--edutechx-primary) 7%,var(--edutechx-card-bg));
}
#pukka-online-app .announcement-role-choice:has(input:checked){
  border-color:var(--edutechx-primary);
  background:color-mix(in srgb,var(--edutechx-primary) 12%,var(--edutechx-card-bg));
  box-shadow:0 0 0 1px color-mix(in srgb,var(--edutechx-primary) 20%,transparent);
}
#pukka-online-app .announcement-role-choice input{
  width:18px!important;
  min-height:18px!important;
  height:18px;
  margin:0!important;
  accent-color:var(--edutechx-primary);
}
#pukka-online-app .announcement-inline-check{
  display:flex!important;
  align-items:center;
  gap:9px;
  min-height:48px;
  margin:0!important;
  padding:10px 12px;
  border:1px solid var(--edutechx-border);
  border-radius:12px;
  background:var(--edutechx-bg);
  color:var(--edutechx-text)!important;
}
#pukka-online-app .announcement-inline-check input{
  width:18px!important;
  min-height:18px!important;
  height:18px;
  margin:0!important;
  accent-color:var(--edutechx-primary);
}
#pukka-online-app .announcement-form-error{
  margin-top:14px;
  padding:11px 12px;
  border:1px solid color-mix(in srgb,var(--edutechx-badge-danger) 35%,var(--edutechx-border));
  border-radius:12px;
  background:color-mix(in srgb,var(--edutechx-badge-danger) 8%,var(--edutechx-card-bg));
  color:var(--edutechx-badge-danger);
  font-weight:800;
}
#pukka-online-app .announcement-editor-footer,
#pukka-online-app .announcement-detail-dialog>footer{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  flex:0 0 auto;
  padding:14px 24px;
  border-top:1px solid var(--edutechx-border);
  background:var(--edutechx-card-bg);
}
#pukka-online-app .announcement-editor-footer button,
#pukka-online-app .announcement-detail-dialog>footer button{
  width:auto;
  min-width:150px;
  margin:0;
}
#pukka-online-app .announcement-detail-content{
  margin:18px 24px;
  padding:14px;
  overflow:auto;
  border:1px solid var(--edutechx-border);
  border-radius:12px;
  background:var(--edutechx-bg);
  color:var(--edutechx-text);
  line-height:1.6;
}
@media(max-width:1100px){
  #pukka-online-app .announcement-admin-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}
  #pukka-online-app .announcement-admin-toolbar button{width:100%}
}
@media(max-width:820px){
  #pukka-online-app .overview-hero{grid-template-columns:1fr}
  #pukka-online-app .overview-brand{display:none}
  #pukka-online-app .overview-two-column{grid-template-columns:1fr}
  #pukka-online-app .announcement-admin-head{display:grid}
  #pukka-online-app .announcement-admin-head button{width:100%}
  #pukka-online-app .announcement-admin-toolbar{grid-template-columns:1fr}
  #pukka-online-app .announcement-admin-card header{display:grid}
  #pukka-online-app .announcement-status-stack{justify-content:flex-start}
  #pukka-online-app .announcement-editor-overlay,
  #pukka-online-app .announcement-detail-overlay{padding:10px}
  #pukka-online-app .announcement-editor-dialog,
  #pukka-online-app .announcement-detail-dialog{width:calc(100vw - 20px);max-height:92dvh;border-radius:14px}
  #pukka-online-app .announcement-editor-header,
  #pukka-online-app .announcement-editor-body,
  #pukka-online-app .announcement-editor-footer,
  #pukka-online-app .announcement-detail-dialog>header,
  #pukka-online-app .announcement-detail-dialog>footer{padding-left:14px;padding-right:14px}
  #pukka-online-app .announcement-editor-grid,
  #pukka-online-app .announcement-role-choices{grid-template-columns:1fr}
  #pukka-online-app .announcement-editor-footer{display:grid}
  #pukka-online-app .announcement-editor-footer button,
  #pukka-online-app .announcement-detail-dialog>footer button{width:100%;min-width:0}
}

#pukka-online-app .portal-global-search{
  position:relative;
  display:flex;
  align-items:center;
  min-width:240px;
  max-width:360px;
  flex:0 1 320px;
}
#pukka-online-app .portal-global-search-icon{
  position:absolute;
  left:12px;
  display:grid;
  place-items:center;
  width:18px;
  height:18px;
  color:var(--edutechx-muted);
  pointer-events:none;
}
#pukka-online-app .portal-global-search input{
  width:100%;
  min-height:44px;
  margin:0;
  padding:10px 14px 10px 40px;
  border:1px solid var(--edutechx-border);
  border-radius:12px;
  background:var(--edutechx-card-bg);
  color:var(--edutechx-text);
  box-shadow:0 8px 18px rgba(15,23,42,.06);
}
#pukka-online-app .portal-global-search input:focus{
  border-color:var(--edutechx-focus);
  outline:none;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--edutechx-focus) 18%,transparent),0 10px 24px rgba(15,23,42,.08);
}
#pukka-online-app .portal-global-search-results{
  position:absolute;
  z-index:80;
  top:calc(100% + 8px);
  left:0;
  right:0;
  display:none;
  gap:4px;
  max-height:300px;
  overflow:auto;
  padding:6px;
  border:1px solid var(--edutechx-border);
  border-radius:14px;
  background:var(--edutechx-card-bg);
  box-shadow:0 20px 46px rgba(15,23,42,.18);
}
#pukka-online-app .portal-global-search-results.open{display:grid}
#pukka-online-app .portal-global-search-results button{
  display:grid;
  gap:2px;
  width:100%;
  min-height:0;
  margin:0;
  padding:10px 12px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:var(--edutechx-text);
  text-align:left;
  box-shadow:none;
}
#pukka-online-app .portal-global-search-results button:hover,
#pukka-online-app .portal-global-search-results button.active{
  background:color-mix(in srgb,var(--edutechx-primary) 10%,var(--edutechx-card-bg));
  color:var(--edutechx-primary-contrast);
}
#pukka-online-app .portal-global-search-results button strong{
  font-size:14px;
  color:inherit;
}
#pukka-online-app .portal-global-search-results button small{
  color:var(--edutechx-muted);
  font-weight:700;
}
#pukka-online-app .portal-global-search-results button.active small,
#pukka-online-app .portal-global-search-results button:hover small{color:inherit}
#pukka-online-app .portal-global-search-empty{
  padding:12px;
  color:var(--edutechx-muted);
  font-weight:800;
  text-align:center;
}
#pukka-online-app .portal-section-empty{
  display:flex;
  align-items:center;
  gap:10px;
  margin:10px 0;
  padding:16px 18px;
  border:1px solid var(--edutechx-border);
  border-radius:14px;
  background:var(--edutechx-card-bg);
  color:var(--edutechx-muted);
  font-weight:800;
}
#pukka-online-app .portal-section-empty.warning{
  border-color:color-mix(in srgb,var(--edutechx-warning) 45%,var(--edutechx-border));
  background:color-mix(in srgb,var(--edutechx-warning) 9%,var(--edutechx-card-bg));
  color:var(--edutechx-text);
}
#pukka-online-app .guidance-filter-bar{
  display:grid;
  grid-template-columns:minmax(220px,2fr) minmax(150px,1fr) minmax(150px,1fr) auto;
  gap:12px;
  align-items:end;
  margin:0 0 16px;
  padding:14px;
  border:1px solid var(--edutechx-border);
  border-radius:14px;
  background:var(--edutechx-card-bg);
  box-shadow:0 10px 24px rgba(15,23,42,.05);
}
#pukka-online-app .guidance-filter-bar label,
#pukka-online-app .exam-formula-fields label{
  display:block;
  margin:0 0 6px;
  color:var(--edutechx-muted);
  font-size:12px;
  font-weight:900;
}
#pukka-online-app .guidance-filter-bar input,
#pukka-online-app .guidance-filter-bar select,
#pukka-online-app .exam-formula-fields input{
  width:100%;
  min-height:42px;
  margin:0;
  border:1px solid var(--edutechx-border);
  border-radius:10px;
  background:var(--edutechx-card-bg);
  color:var(--edutechx-text);
}
#pukka-online-app .guidance-filter-bar button{
  width:auto;
  min-width:150px;
  margin:0;
}
#pukka-online-app .exam-formula-panel{
  margin:0 0 18px;
  padding:16px;
  border:1px solid var(--edutechx-border);
  border-radius:14px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--edutechx-primary) 5%,var(--edutechx-card-bg)),var(--edutechx-card-bg));
}
#pukka-online-app .exam-formula-panel .section-heading{
  align-items:flex-start;
  margin:0 0 12px;
}
#pukka-online-app .exam-formula-panel .section-heading p{
  max-width:820px;
  margin:6px 0 0;
  color:var(--edutechx-muted);
}
#pukka-online-app .exam-formula-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 14px;
}
#pukka-online-app .exam-formula-meta span{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:5px 9px;
  border:1px solid var(--edutechx-border);
  border-radius:999px;
  background:var(--edutechx-bg);
  color:var(--edutechx-muted);
  font-size:12px;
  font-weight:800;
}
#pukka-online-app .exam-formula-grid{
  display:grid;
  grid-template-columns:minmax(260px,.9fr) minmax(360px,1.4fr);
  gap:14px;
}
#pukka-online-app .exam-formula-grid section{
  margin:0;
  padding:14px;
  border:1px solid var(--edutechx-border);
  border-radius:12px;
  background:var(--edutechx-card-bg);
}
#pukka-online-app .exam-formula-grid h4{
  margin:0 0 12px;
  color:var(--edutechx-text);
}
#pukka-online-app .exam-formula-fields{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
#pukka-online-app .exam-formula-actions{
  align-items:center;
  margin-top:12px;
}
#pukka-online-app .exam-formula-actions button{
  width:auto;
  min-width:150px;
}
#pukka-online-app .btn-danger,
#pukka-online-app .table-action-danger,
#pukka-online-app button.danger,
#pukka-online-app .btn-small.danger,
#pukka-online-app button[style*="background:#dc2626"],
#pukka-online-app button[style*="background: #dc2626"]{
  border-color:#b91c1c!important;
  background:#dc2626!important;
  color:#fff!important;
}
#pukka-online-app .btn-danger:hover,
#pukka-online-app .table-action-danger:hover,
#pukka-online-app button.danger:hover,
#pukka-online-app .btn-small.danger:hover,
#pukka-online-app button[style*="background:#dc2626"]:hover,
#pukka-online-app button[style*="background: #dc2626"]:hover{
  background:#b91c1c!important;
  color:#fff!important;
}
#pukka-online-app .btn-danger:focus-visible,
#pukka-online-app .table-action-danger:focus-visible,
#pukka-online-app button.danger:focus-visible,
#pukka-online-app .btn-small.danger:focus-visible,
#pukka-online-app button[style*="background:#dc2626"]:focus-visible,
#pukka-online-app button[style*="background: #dc2626"]:focus-visible{
  outline:3px solid rgba(220,38,38,.28);
  outline-offset:2px;
}
#pukka-online-app .btn-danger:disabled,
#pukka-online-app .table-action-danger:disabled,
#pukka-online-app button.danger:disabled,
#pukka-online-app .btn-small.danger:disabled,
#pukka-online-app button[style*="background:#dc2626"]:disabled,
#pukka-online-app button[style*="background: #dc2626"]:disabled{
  border-color:#fecaca!important;
  background:#fca5a5!important;
  color:#7f1d1d!important;
  cursor:not-allowed;
}
@media(max-width:1100px){
  #pukka-online-app .portal-global-search{flex:1 1 260px;max-width:none}
  #pukka-online-app .guidance-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}
  #pukka-online-app .guidance-filter-bar button{justify-self:start}
  #pukka-online-app .exam-formula-grid{grid-template-columns:1fr}
}
@media(max-width:768px){
  #pukka-online-app .portal-global-search{display:none}
  #pukka-online-app .guidance-filter-bar,
  #pukka-online-app .exam-formula-fields{grid-template-columns:1fr}
  #pukka-online-app .exam-formula-actions{display:grid}
  #pukka-online-app .exam-formula-actions button,
  #pukka-online-app .guidance-filter-bar button{width:100%;min-width:0}
}

/* EduTechX 1.0.98: canlı ders, veli ödev kart filtreleri ve mobil arama */
#pukka-online-app .portal-global-search-icon{
  top:50%;
  transform:translateY(-50%);
}
#pukka-online-app .portal-global-search input{
  box-sizing:border-box;
  margin:0!important;
  line-height:22px;
}
#pukka-online-app .live-lesson-summary-badge{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  margin-left:8px;
  padding:3px 8px;
  border:1px solid color-mix(in srgb,var(--edutechx-primary) 24%,var(--edutechx-border));
  border-radius:999px;
  background:color-mix(in srgb,var(--edutechx-primary) 10%,var(--edutechx-card-bg));
  color:var(--edutechx-primary);
  font-size:11px;
  font-weight:900;
}
#pukka-online-app .live-lesson-details-content{
  background:color-mix(in srgb,var(--edutechx-primary) 5%,var(--edutechx-bg));
}
#pukka-online-app .student-live-lesson-card{
  display:grid;
  gap:16px;
  width:min(100%,680px);
  margin:0 auto;
  padding:22px;
  border:1px solid var(--edutechx-border);
  border-left:4px solid var(--edutechx-primary);
  border-radius:8px;
  background:var(--edutechx-card-bg);
  box-shadow:0 10px 26px rgba(15,23,42,.08);
}
#pukka-online-app .student-live-lesson-card header h3{
  margin:2px 0 6px;
  color:var(--edutechx-card-title);
  font-size:22px;
}
#pukka-online-app .student-live-lesson-card header p{
  margin:0;
  color:var(--edutechx-muted);
  line-height:1.55;
}
#pukka-online-app .student-live-lesson-field{
  display:grid;
  gap:7px;
}
#pukka-online-app .student-live-lesson-field label{
  margin:0;
  color:var(--edutechx-text);
  font-size:12px;
  font-weight:900;
}
#pukka-online-app .student-live-lesson-field select{
  width:100%;
  min-height:48px;
  margin:0;
  border-color:var(--edutechx-border);
  background:var(--edutechx-card-bg);
  color:var(--edutechx-text);
}
#pukka-online-app .student-live-lesson-field select:focus{
  border-color:var(--edutechx-focus);
  outline:none;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--edutechx-focus) 18%,transparent);
}
#pukka-online-app .student-live-lesson-join{
  width:100%;
  min-height:48px;
  margin:0;
  border:1px solid var(--edutechx-primary);
  border-radius:8px;
  background:var(--edutechx-primary);
  color:#fff;
  font-weight:900;
}
#pukka-online-app .student-live-lesson-join:disabled{
  border-color:var(--edutechx-border);
  background:var(--edutechx-bg);
  color:var(--edutechx-muted);
  box-shadow:none;
  cursor:not-allowed;
}
#pukka-online-app .student-live-lesson-status{
  min-height:22px;
  margin:0;
  color:var(--edutechx-muted);
  font-size:13px;
  font-weight:800;
}
#pukka-online-app .student-live-lesson-status[data-state="ready"]{color:#166534}
#pukka-online-app .student-live-lesson-status[data-state="error"]{color:#b91c1c}
#pukka-online-app .student-live-lesson-note{
  color:var(--edutechx-muted);
  line-height:1.45;
}
#pukka-online-app .parent-homework-filter-summary{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
}
#pukka-online-app .parent-homework-active-filter{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:4px 9px;
  border:1px solid color-mix(in srgb,var(--edutechx-primary) 24%,var(--edutechx-border));
  border-radius:999px;
  background:color-mix(in srgb,var(--edutechx-primary) 10%,var(--edutechx-card-bg));
  color:var(--edutechx-primary);
  font-size:11px;
  font-weight:900;
}
#pukka-online-app .role-stat-card:focus-visible{
  outline:3px solid color-mix(in srgb,var(--edutechx-focus) 36%,transparent);
  outline-offset:3px;
}

@media(max-width:768px){
  #pukka-online-app #mainView{padding-top:0}
  #pukka-online-app .header-actions{
    position:relative;
    z-index:20;
    top:auto;
    right:auto;
    left:auto;
    display:block!important;
    width:100%;
    margin:0;
    padding:8px max(8px,env(safe-area-inset-right)) 8px max(8px,env(safe-area-inset-left));
    border:0;
    border-bottom:1px solid var(--edutechx-border);
    border-radius:0;
    background:var(--edutechx-bg);
    box-shadow:0 7px 18px rgba(15,23,42,.12);
  }
  #pukka-online-app .header-actions>.welcome,
  #pukka-online-app .session-actions>:not(.portal-global-search){display:none!important}
  #pukka-online-app .session-actions{display:block;width:100%;margin:0}
  #pukka-online-app .portal-global-search{
    display:flex;
    width:100%;
    min-width:0;
    max-width:none;
  }
  #pukka-online-app .portal-global-search input{
    min-height:44px;
    padding:10px 12px 10px 40px;
    line-height:22px;
  }
  #pukka-online-app .portal-global-search-results{max-height:min(50dvh,380px)}
  #pukka-online-app .student-live-lesson-card{padding:16px;box-shadow:none}
  #pukka-online-app .student-live-lesson-card header h3{font-size:19px}
  #pukka-online-app .parent-homework-filter-summary{align-items:flex-start;flex-direction:column}
}

@media(max-width:430px){
  #pukka-online-app .student-live-lesson-card{padding:14px}
  #pukka-online-app .student-live-lesson-join{min-height:46px;padding:10px 12px}
}

#pukka-online-app .portal-global-search #portalGlobalSearchInput {
  padding-left:46px!important;
}

/* EduTechX 1.0.100: tum portal panelleri icin ortak mobil tablo ve form duzeni */
#pukka-online-app table[data-responsive-table="true"] button:focus-visible,
#pukka-online-app table[data-responsive-table="true"] a:focus-visible{
  outline:3px solid color-mix(in srgb,var(--edutechx-focus) 38%,transparent);
  outline-offset:2px;
}

@media(max-width:900px){
  #pukka-online-app button,
  #pukka-online-app [role="button"],
  #pukka-online-app .btn-small,
  #pukka-online-app .badge,
  #pukka-online-app .inline-check,
  #pukka-online-app label{
    min-width:0;
    word-break:normal;
    overflow-wrap:break-word;
    writing-mode:horizontal-tb!important;
    text-orientation:mixed!important;
  }
  #pukka-online-app button,
  #pukka-online-app [role="button"]{
    min-height:44px;
    white-space:normal;
  }
  #pukka-online-app,
  #pukka-online-app .app-shell,
  #pukka-online-app .content-shell,
  #pukka-online-app .portal-main,
  #pukka-online-app .details-content,
  #pukka-online-app .management-panel,
  #pukka-online-app .card,
  #pukka-online-app details,
  #pukka-online-app section,
  #pukka-online-app form,
  #pukka-online-app fieldset{
    min-width:0;
    max-width:100%;
    box-sizing:border-box;
  }

  #pukka-online-app .table-container,
  #pukka-online-app .report-table-wrap,
  #pukka-online-app .schedule-sheet-scroll{
    width:100%;
    min-width:0;
    max-width:100%;
    overflow:visible;
    overscroll-behavior:auto;
  }

  #pukka-online-app table[data-responsive-table="true"]{
    display:block;
    width:100%;
    min-width:0!important;
    max-width:100%!important;
    border:0;
    border-collapse:separate;
    background:transparent;
  }
  #pukka-online-app table[data-responsive-table="true"] thead{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0 0 0 0)!important;
    clip-path:inset(50%)!important;
    white-space:nowrap!important;
    border:0!important;
  }
  #pukka-online-app table[data-responsive-table="true"] tbody{
    display:grid;
    width:100%;
    gap:12px;
  }
  #pukka-online-app table[data-responsive-table="true"] tbody>tr{
    display:block;
    width:100%;
    min-width:0;
    padding:4px 14px;
    border:1px solid var(--edutechx-border);
    border-radius:8px;
    background:var(--edutechx-card-bg);
    box-shadow:0 2px 8px rgba(15,23,42,.06);
  }
  #pukka-online-app table[data-responsive-table="true"] tbody>tr>td{
    display:block;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    padding:10px 0;
    border:0;
    border-bottom:1px solid var(--edutechx-border);
    background:transparent!important;
    color:var(--edutechx-text);
    text-align:left!important;
    white-space:normal!important;
    word-break:normal;
    overflow-wrap:break-word;
    writing-mode:horizontal-tb!important;
  }
  #pukka-online-app table[data-responsive-table="true"] tbody>tr>td:last-child{
    border-bottom:0;
  }
  #pukka-online-app table[data-responsive-table="true"] tbody>tr>td::before{
    display:block;
    margin:0 0 5px;
    color:var(--edutechx-muted);
    content:attr(data-label);
    font-size:11px;
    font-weight:900;
    line-height:1.35;
    letter-spacing:0;
    text-transform:none;
  }
  #pukka-online-app table[data-responsive-table="true"] .portal-responsive-message-row{
    padding:0;
  }
  #pukka-online-app table[data-responsive-table="true"] .portal-responsive-message-cell{
    padding:18px 14px;
    border:0;
    text-align:center!important;
  }
  #pukka-online-app table[data-responsive-table="true"] .portal-responsive-message-cell::before{
    display:none;
    content:none;
  }
  #pukka-online-app table[data-responsive-table="true"] .portal-responsive-actions,
  #pukka-online-app table[data-responsive-table="true"] .mini-actions,
  #pukka-online-app table[data-responsive-table="true"] .admin-parent-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:stretch;
    gap:8px;
    width:100%;
    min-width:0;
  }
  #pukka-online-app table[data-responsive-table="true"] .portal-responsive-actions>*,
  #pukka-online-app table[data-responsive-table="true"] .mini-actions>*,
  #pukka-online-app table[data-responsive-table="true"] .admin-parent-actions>*{
    min-width:0!important;
    max-width:100%!important;
  }
  #pukka-online-app table[data-responsive-table="true"] td>button,
  #pukka-online-app table[data-responsive-table="true"] td>a.btn,
  #pukka-online-app table[data-responsive-table="true"] .mini-actions button,
  #pukka-online-app table[data-responsive-table="true"] .mini-actions a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:100%!important;
    min-width:0!important;
    min-height:44px;
    max-width:100%!important;
    padding:9px 10px!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
    writing-mode:horizontal-tb!important;
    text-orientation:mixed!important;
    line-height:1.25;
    text-align:center;
  }
  #pukka-online-app table[data-responsive-table="true"] input:not([type="checkbox"]):not([type="radio"]),
  #pukka-online-app table[data-responsive-table="true"] select,
  #pukka-online-app table[data-responsive-table="true"] textarea{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box;
  }
  #pukka-online-app table[data-responsive-table="true"] .badge,
  #pukka-online-app table[data-responsive-table="true"] .parent-role-badge,
  #pukka-online-app table[data-responsive-table="true"] .parent-student-count,
  #pukka-online-app table[data-responsive-table="true"] .linked-student-list,
  #pukka-online-app table[data-responsive-table="true"] .management-person-cell{
    max-width:100%;
    white-space:normal!important;
    word-break:normal;
    overflow-wrap:break-word;
    writing-mode:horizontal-tb!important;
  }
  #pukka-online-app table[data-responsive-table="true"] .linked-student-list{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
  }

  #pukka-online-app .management-grid,
  #pukka-online-app .report-filter-grid,
  #pukka-online-app .admin-message-filter-grid,
  #pukka-online-app .parent-homework-filters,
  #pukka-online-app .homework-filter-grid,
  #pukka-online-app .guidance-filter-bar,
  #pukka-online-app .exam-formula-fields,
  #pukka-online-app .parent-filter-row{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    min-width:0;
  }
  #pukka-online-app input:not([type="checkbox"]):not([type="radio"]),
  #pukka-online-app select,
  #pukka-online-app textarea{
    min-width:0;
    max-width:100%;
    box-sizing:border-box;
  }
  #pukka-online-app input[type="date"],
  #pukka-online-app input[type="time"],
  #pukka-online-app input[type="datetime-local"],
  #pukka-online-app input[type="file"]{
    width:100%;
  }
  #pukka-online-app .filter-panel,
  #pukka-online-app .form-actions,
  #pukka-online-app .report-actions,
  #pukka-online-app .mini-actions{
    min-width:0;
    max-width:100%;
    flex-wrap:wrap;
  }
  #pukka-online-app img,
  #pukka-online-app video,
  #pukka-online-app canvas,
  #pukka-online-app svg{
    max-width:100%;
  }

  #pukka-online-app .academic-calendar-shell{
    min-width:0;
    max-width:100%;
    overflow:visible;
  }
  #pukka-online-app .academic-calendar-grid{
    width:100%;
    min-width:0!important;
    max-width:100%;
    grid-template-columns:repeat(7,minmax(0,1fr));
  }
  #pukka-online-app .calendar-weekday{
    min-width:0;
    padding:7px 2px;
    overflow:hidden;
    font-size:0;
    text-align:center;
  }
  #pukka-online-app .calendar-weekday::after{
    content:attr(data-short-label);
    font-size:10px;
    font-weight:900;
    line-height:1;
  }
  #pukka-online-app .calendar-day{
    min-width:0!important;
    min-height:76px;
    padding:5px;
    overflow:hidden;
  }
  #pukka-online-app .calendar-day-number{
    font-size:11px;
  }
  #pukka-online-app .calendar-event{
    width:100%;
    min-width:0!important;
    max-width:100%;
    padding:4px;
    overflow:hidden;
    white-space:normal;
    word-break:normal;
    overflow-wrap:break-word;
    line-height:1.15;
    writing-mode:horizontal-tb!important;
  }
  #pukka-online-app .calendar-toolbar,
  #pukka-online-app .calendar-nav{
    min-width:0;
    max-width:100%;
    flex-wrap:wrap;
    gap:8px;
  }
  #pukka-online-app .calendar-nav button,
  #pukka-online-app .calendar-toolbar button{
    min-width:44px;
    min-height:44px;
  }

  .institution-modal,
  .calendar-modal,
  .legal-acceptance-modal,
  .portal-form-dialog,
  .announcement-editor-dialog,
  .announcement-detail-dialog,
  .teacher-parent-modal,
  .admin-parent-modal{
    box-sizing:border-box;
    max-width:100vw;
    overflow-x:hidden;
  }
  .institution-modal-card,
  .calendar-modal-card,
  .legal-acceptance-card,
  .portal-form-dialog-card,
  .announcement-editor-card,
  .announcement-detail-card,
  .teacher-parent-modal-card,
  .admin-parent-modal-card,
  #pukka-online-app .modal-card,
  #pukka-online-app .message-detail-panel{
    width:min(100%,calc(100vw - 24px))!important;
    min-width:0!important;
    max-width:calc(100vw - 24px)!important;
    max-height:calc(100dvh - 24px)!important;
    box-sizing:border-box;
    overflow-x:hidden!important;
    overflow-y:auto!important;
  }
}

/* 1.4.0.4 final yonetim oncelikleri */
#pukka-online-app .backup-center,
#pukka-online-app .etx-central-connection{max-width:100%;}
#pukka-online-app .etx-restore-steps{grid-template-columns:repeat(2,minmax(0,1fr));}
#pukka-online-app .etx-central-connection-preview{overflow-x:hidden;overflow-y:auto;}
@media(max-width:767px){
  #pukka-online-app .etx-restore-steps{grid-template-columns:minmax(0,1fr);}
}

@media(max-width:640px){
  #pukka-online-app .management-grid,
  #pukka-online-app .report-filter-grid,
  #pukka-online-app .admin-message-filter-grid,
  #pukka-online-app .parent-homework-filters,
  #pukka-online-app .homework-filter-grid,
  #pukka-online-app .guidance-filter-bar,
  #pukka-online-app .exam-formula-fields,
  #pukka-online-app .parent-filter-row{
    grid-template-columns:1fr!important;
  }
  #pukka-online-app .academic-calendar-shell{
    padding:8px;
  }
  #pukka-online-app .academic-calendar-grid{
    gap:2px;
  }
  #pukka-online-app .calendar-day{
    min-height:64px;
    padding:3px;
  }
}

@media(max-width:430px){
  #pukka-online-app table[data-responsive-table="true"] .portal-responsive-actions,
  #pukka-online-app table[data-responsive-table="true"] .mini-actions,
  #pukka-online-app table[data-responsive-table="true"] .admin-parent-actions{
    grid-template-columns:1fr;
  }
  #pukka-online-app .calendar-day{
    min-height:56px;
  }
  #pukka-online-app .calendar-event{
    width:10px!important;
    height:10px;
    min-height:10px!important;
    margin:3px auto 0;
    padding:0!important;
    border:0;
    border-radius:50%;
    color:transparent!important;
    font-size:0;
  }
}
#pukka-online-app .portal-module-state{display:flex;align-items:center;justify-content:center;min-height:72px;padding:18px;border:1px solid var(--edutechx-border,#dbe3ef);background:var(--edutechx-card-bg,#fff);color:var(--edutechx-muted,#64748b);text-align:center;overflow-wrap:anywhere}
#pukka-online-app .portal-module-state.is-loading{border-style:dashed}
#pukka-online-app .portal-module-state.is-empty{background:#f8fafc}
#pukka-online-app .portal-module-state.is-disabled{background:#f8fafc;color:#475569}
#pukka-online-app .portal-module-state.is-error{border-color:#fecaca;background:#fff7f7;color:#991b1b}
#pukka-online-app .sidebar-group-toggle:focus-visible,#pukka-online-app .side-nav-btn:focus-visible{outline:3px solid color-mix(in srgb,var(--edutechx-primary,#2563eb) 35%,transparent);outline-offset:2px}
#pukka-online-app .guidance-plan-day-field{min-width:0;margin:14px 0;padding:14px;border:1px solid #dbe3ef;border-radius:8px;background:#f8fafc}
#pukka-online-app .guidance-plan-day-field legend{padding:0 6px;color:#334155;font-weight:800}
#pukka-online-app .guidance-plan-day-field>small{display:block;margin-top:9px;color:#64748b;line-height:1.45}
#pukka-online-app .guidance-day-chip-grid{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
#pukka-online-app .guidance-day-chip{display:inline-flex;align-items:center;min-width:0;margin:0;cursor:pointer}
#pukka-online-app .guidance-day-chip input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
#pukka-online-app .guidance-day-chip span{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 13px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;color:#334155;font-weight:700;line-height:1.25;white-space:normal;word-break:normal;overflow-wrap:break-word;writing-mode:horizontal-tb;transition:border-color .16s ease,background .16s ease,color .16s ease}
#pukka-online-app .guidance-day-chip input:checked+span{border-color:var(--edutechx-primary,#2563eb);background:#eff6ff;color:#1d4ed8;box-shadow:inset 0 0 0 1px var(--edutechx-primary,#2563eb)}
#pukka-online-app .guidance-day-chip input:focus-visible+span{outline:3px solid color-mix(in srgb,var(--edutechx-primary,#2563eb) 30%,transparent);outline-offset:2px}
#pukka-online-app .guidance-day-chip input:disabled+span{cursor:not-allowed;opacity:.55}
#pukka-online-app .guidance-day-chip-all span{border-color:#94a3b8;background:#f1f5f9}
#pukka-online-app .edutechx-module-management{width:100%;min-width:0;max-width:100%}
#pukka-online-app .edutechx-module-management>.setup-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:14px;min-width:0;max-width:100%}
#pukka-online-app .edutechx-module-management>.edutechx-module-grid{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}
#pukka-online-app .edutechx-module-management .module-setting-card{display:flex;flex-direction:column;gap:8px;width:auto;min-width:0;height:auto;padding:14px;border:1px solid #dbe3ef;background:#fff}
#pukka-online-app .edutechx-module-management .module-setting-card>.inline-check{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;width:100%;min-width:0;min-height:0;margin:0}
#pukka-online-app .edutechx-module-management .module-setting-card>.inline-check input[type="checkbox"],#pukka-online-app .edutechx-module-management>.setup-summary>.inline-check input[type="checkbox"]{flex:0 0 auto}
#pukka-online-app .edutechx-module-management .module-setting-card>.inline-check strong{display:block;flex:1 1 160px;min-width:0;line-height:1.4;white-space:normal;word-break:normal;overflow-wrap:break-word;writing-mode:horizontal-tb}
#pukka-online-app .edutechx-module-management .module-setting-card code{display:inline-flex;flex:0 1 auto;align-self:flex-start;max-width:100%;margin:0;padding:3px 7px;border:1px solid #dbe3ef;border-radius:5px;background:#f8fafc;line-height:1.35;white-space:normal;word-break:normal;overflow-wrap:break-word;writing-mode:horizontal-tb}
#pukka-online-app .edutechx-module-management .module-setting-card small{display:block;width:100%;color:#64748b;line-height:1.5;white-space:normal;word-break:normal;overflow-wrap:break-word;writing-mode:horizontal-tb}
#pukka-online-app .edutechx-module-management .module-setting-card .module-dependency-warning{color:#9a3412;font-weight:600}
#pukka-online-app .edutechx-module-management>.setup-summary>.inline-check{display:flex;align-items:flex-start;gap:10px;min-width:0;min-height:44px;margin:0;padding:10px;border:1px solid #dbe3ef;border-radius:8px;background:#fff;line-height:1.4;white-space:normal;word-break:normal;overflow-wrap:break-word;writing-mode:horizontal-tb}
@media(max-width:600px){
  #pukka-online-app .guidance-day-chip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  #pukka-online-app .guidance-day-chip,#pukka-online-app .guidance-day-chip span{width:100%;box-sizing:border-box}
  #pukka-online-app .edutechx-module-management>.setup-summary,#pukka-online-app .edutechx-module-management>.edutechx-module-grid{grid-template-columns:minmax(0,1fr)}
  #pukka-online-app .edutechx-module-management .module-setting-card{padding:12px}
}
@media(max-width:360px){#pukka-online-app .guidance-day-chip-grid{grid-template-columns:minmax(0,1fr)}}

/* EduTechX 1.5.3.0 Final Mobile Layer */
#pukka-online-app .mobile-calendar-day-detail,
#pukka-online-app .mobile-table-scroll-hint{
  display:none;
}
#pukka-online-app .mobile-table-scroll-region{
  position:relative;
  max-width:100%;
}
#pukka-online-app .mobile-table-scroll-region:focus-visible,
#pukka-online-app .calendar-day:focus-visible,
#pukka-online-app .mobile-calendar-day-event button:focus-visible{
  outline:3px solid color-mix(in srgb,var(--edutechx-focus,#2563eb) 38%,transparent);
  outline-offset:2px;
}

@media(max-width:900px){
  #pukka-online-app .mobile-table-scroll-region{
    width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-gutter:stable;
  }
  #pukka-online-app .mobile-table-scroll-region.has-horizontal-overflow{
    box-shadow:inset -12px 0 10px -12px rgba(15,23,42,.45);
  }
  #pukka-online-app .mobile-table-scroll-region.can-scroll-left{
    box-shadow:inset 12px 0 10px -12px rgba(15,23,42,.45),inset -12px 0 10px -12px rgba(15,23,42,.45);
  }
  #pukka-online-app .mobile-table-scroll-region.can-scroll-left:not(.can-scroll-right){
    box-shadow:inset 12px 0 10px -12px rgba(15,23,42,.45);
  }
  #pukka-online-app .mobile-table-scroll-hint:not([hidden]){
    display:block;
    margin:0 0 8px;
    padding:8px 10px;
    border-left:3px solid var(--edutechx-primary,#2563eb);
    background:color-mix(in srgb,var(--edutechx-primary,#2563eb) 7%,#fff);
    color:var(--edutechx-muted,#64748b);
    font-size:12px;
    line-height:1.4;
  }
  #pukka-online-app .mobile-table-scroll-hint.is-used{
    opacity:.7;
  }
  #pukka-online-app .admin-performance-table,
  #pukka-online-app .report-table,
  #pukka-online-app .mobile-scroll-table{
    width:max-content;
    min-width:720px;
  }
  #pukka-online-app .management-grid,
  #pukka-online-app .report-filter-grid,
  #pukka-online-app .admin-academic-filter-grid,
  #pukka-online-app .test-list-filters,
  #pukka-online-app .lesson-document-toolbar,
  #pukka-online-app .lesson-document-viewer-toolbar{
    max-width:100%;
  }
  #pukka-online-app input,
  #pukka-online-app select,
  #pukka-online-app textarea,
  #pukka-online-app input[type="file"]{
    box-sizing:border-box;
    max-width:100%;
  }
}

@media(max-width:768px){
  #pukka-online-app #mainView{
    padding-bottom:max(16px,env(safe-area-inset-bottom));
  }
  #pukka-online-app .mobile-topbar-action,
  #pukka-online-app .sidebar-drawer-close,
  #pukka-online-app .sidebar-logout{
    min-width:44px;
    min-height:44px;
  }
  #pukka-online-app .portal-sidebar{
    height:100dvh;
    max-height:100dvh;
    padding-bottom:max(12px,env(safe-area-inset-bottom));
    overflow-y:auto;
    overscroll-behavior:contain;
  }
  #pukka-online-app .sidebar-drawer-head{
    position:sticky;
    top:0;
    z-index:3;
  }
  #pukka-online-app .sidebar-footer{
    margin-top:auto;
    padding-bottom:env(safe-area-inset-bottom);
  }
  #pukka-online-app .portal-global-search{
    display:flex;
  }
  #pukka-online-app .portal-form-dialog,
  #pukka-online-app .announcement-editor-dialog,
  #pukka-online-app .announcement-detail-dialog,
  #pukka-online-app .teacher-parent-modal,
  #pukka-online-app .admin-parent-modal,
  #pukka-online-app .calendar-modal-overlay{
    align-items:flex-start;
    padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));
    overflow-y:auto;
  }
  #pukka-online-app .portal-form-dialog-card,
  #pukka-online-app .announcement-editor-card,
  #pukka-online-app .announcement-detail-card,
  #pukka-online-app .teacher-parent-modal-card,
  #pukka-online-app .admin-parent-modal-card,
  #pukka-online-app .calendar-modal,
  #pukka-online-app .modal-card,
  #pukka-online-app .message-detail-panel{
    width:100%;
    max-width:100%;
    max-height:calc(100dvh - max(24px,env(safe-area-inset-top)) - max(24px,env(safe-area-inset-bottom)));
    overflow-y:auto;
    overscroll-behavior:contain;
    scroll-padding-block:72px;
  }
  #pukka-online-app [role="dialog"] input,
  #pukka-online-app [role="dialog"] select,
  #pukka-online-app [role="dialog"] textarea{
    scroll-margin-block:96px;
  }
  #pukka-online-app .form-footer,
  #pukka-online-app .mini-actions,
  #pukka-online-app .modal-actions{
    flex-wrap:wrap;
  }
}

/* 1.5.6.6: mobile shell, shared schedule cards and visible report icons */
#pukka-online-app .schedule-mobile-view{display:none}

@media(max-width:1023px){
  #pukka-online-app .schedule-desktop-view{display:none!important}
  #pukka-online-app .schedule-mobile-view{display:grid}
  #pukka-online-app .weekly-schedule-scroll,
  #pukka-online-app .schedule-sheet-scroll{
    width:100%;
    min-width:0;
    max-width:100%;
    overflow:visible;
  }
  #pukka-online-app .schedule-day-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    width:100%;
    min-width:0;
  }
  #pukka-online-app .schedule-day-card{
    min-width:0;
    padding:0;
    border:1px solid var(--edutechx-border,#dbe3ef);
    border-radius:8px;
    overflow:hidden;
    background:var(--edutechx-card-bg,#fff);
  }
  #pukka-online-app .schedule-day-card>header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    min-height:44px;
    padding:10px 12px;
    border-bottom:1px solid var(--edutechx-border,#dbe3ef);
    background:color-mix(in srgb,var(--edutechx-primary,#2563eb) 8%,#fff);
  }
  #pukka-online-app .schedule-day-card>header h4{min-width:0;margin:0;font-size:15px;overflow-wrap:anywhere}
  #pukka-online-app .schedule-day-card>header span{flex:none;color:var(--edutechx-muted,#64748b);font-size:11px;font-weight:800}
  #pukka-online-app .schedule-day-lessons{display:grid;gap:9px;padding:10px}
  #pukka-online-app .schedule-mobile-lesson{
    display:grid;
    gap:7px;
    min-width:0;
    padding:11px;
    border:1px solid var(--edutechx-border,#dbe3ef);
    border-left:4px solid var(--edutechx-primary,#2563eb);
    border-radius:7px;
    background:var(--edutechx-bg,#f8fafc);
  }
  #pukka-online-app .schedule-mobile-lesson.schedule-current{border-left-color:#16a34a;background:#f0fdf4}
  #pukka-online-app .schedule-mobile-lesson.schedule-conflict{border-left-color:#dc2626;background:#fef2f2}
  #pukka-online-app .schedule-mobile-lesson-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
  #pukka-online-app .schedule-mobile-lesson time{color:var(--edutechx-primary,#2563eb);font-size:12px;font-weight:900}
  #pukka-online-app .schedule-mobile-lesson h5{min-width:0;margin:0;color:var(--edutechx-card-title,#0f172a);font-size:15px;overflow-wrap:anywhere}
  #pukka-online-app .schedule-mobile-lesson dl{display:grid;gap:5px;min-width:0;margin:0;padding-top:7px;border-top:1px solid var(--edutechx-border,#dbe3ef)}
  #pukka-online-app .schedule-mobile-lesson dl div{display:grid;grid-template-columns:minmax(62px,auto) minmax(0,1fr);gap:8px;min-width:0}
  #pukka-online-app .schedule-mobile-lesson dt{color:var(--edutechx-muted,#64748b);font-size:11px}
  #pukka-online-app .schedule-mobile-lesson dd{min-width:0;margin:0;color:var(--edutechx-text,#1e293b);font-size:11px;font-weight:700;overflow-wrap:anywhere}
  #pukka-online-app .schedule-mobile-join{width:100%;min-height:44px;margin:2px 0 0}
  #pukka-online-app .schedule-day-empty{margin:0;padding:10px;color:var(--edutechx-muted,#64748b);font-size:12px;text-align:center}
  #pukka-online-app .admin-teacher-schedule-list{grid-template-columns:minmax(0,1fr);gap:10px;width:100%;min-width:0}
  #pukka-online-app .admin-teacher-schedule-card{width:100%;min-width:0;border:1px solid var(--edutechx-border,#dbe3ef);border-radius:8px;background:var(--edutechx-card-bg,#fff)}
  #pukka-online-app .admin-teacher-schedule-card>summary{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:52px;padding:9px 12px;cursor:pointer;list-style:none}
  #pukka-online-app .admin-teacher-schedule-card>summary::-webkit-details-marker{display:none}
  #pukka-online-app .admin-teacher-schedule-card>summary>span{display:grid;place-items:center;width:34px;height:34px;border-radius:7px;background:color-mix(in srgb,var(--edutechx-primary,#2563eb) 10%,#fff);color:var(--edutechx-primary,#2563eb)}
  #pukka-online-app .admin-teacher-schedule-card>summary .nav-icon{width:20px;height:20px}
  #pukka-online-app .admin-teacher-schedule-card>summary strong{min-width:0;overflow-wrap:anywhere}
  #pukka-online-app .admin-teacher-schedule-card>summary small{color:var(--edutechx-muted,#64748b);font-size:11px;white-space:nowrap}
  #pukka-online-app .admin-teacher-schedule-body{min-width:0;padding:0 10px 10px}
}

@media(max-width:820px){
  #pukka-online-app .container{width:100%;max-width:100%;padding-right:12px;padding-left:12px}
  #pukka-online-app .portal-shell,
  #pukka-online-app .portal-main,
  #pukka-online-app .details-content,
  #pukka-online-app .management-panel,
  #pukka-online-app [data-user-settings-root],
  #pukka-online-app .settings-section{
    box-sizing:border-box;
    width:100%;
    min-width:0;
    max-width:100%;
    margin-right:0;
    margin-left:0;
  }
  #pukka-online-app .portal-main{padding:8px}
  #pukka-online-app .details-content,
  #pukka-online-app .management-panel{padding:10px}
  #pukka-online-app .card.portal-shell{margin-top:8px}
  #pukka-online-app .report-catalog-card>.nav-icon{flex:none}
  #pukka-online-app .report-catalog-card strong,
  #pukka-online-app .report-catalog-card small{min-width:0}
  #pukka-online-app .profile-file-label,
  #pukka-online-app .profile-file-label input{display:block;width:100%;min-width:0;max-width:100%}
}

@media(max-width:768px){
  body.admin-bar #pukka-online-app .mobile-portal-topbar{top:46px}
  #pukka-online-app .header-actions{box-sizing:border-box}
  #pukka-online-app .schedule-day-grid{grid-template-columns:minmax(0,1fr)}
  #pukka-online-app .profile-photo-section{grid-template-columns:minmax(0,1fr)}
  #pukka-online-app .profile-photo-section .mini-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
  #pukka-online-app .profile-photo-section .mini-actions button,
  #pukka-online-app .profile-form-section>button{width:100%}
}

@media(max-width:430px){
  #pukka-online-app .container{padding-right:8px;padding-left:8px}
  #pukka-online-app .portal-main{padding:6px}
  #pukka-online-app .details-content,
  #pukka-online-app .management-panel,
  #pukka-online-app .settings-section{padding:9px}
}

@media(max-width:360px){
  #pukka-online-app .container{padding-right:6px;padding-left:6px}
  #pukka-online-app .mobile-portal-topbar{grid-template-columns:44px minmax(0,1fr) auto;gap:4px;padding-right:4px;padding-left:4px}
  #pukka-online-app .mobile-topbar-brand{gap:4px}
  #pukka-online-app .mobile-topbar-logo{width:26px;height:26px;border-radius:7px}
  #pukka-online-app .mobile-topbar-copy strong{font-size:11px}
  #pukka-online-app .mobile-topbar-copy small{font-size:8px}
  #pukka-online-app .mobile-topbar-actions{gap:2px}
}

@media(max-width:600px){
  #pukka-online-app .mobile-card-table[data-responsive-table="true"]{
    display:block;
    width:100%;
    min-width:0;
  }
  #pukka-online-app .mobile-card-table[data-responsive-table="true"] tbody{
    display:grid;
    gap:12px;
    width:100%;
  }
  #pukka-online-app .mobile-card-table[data-responsive-table="true"] tbody tr{
    display:block;
    width:100%;
    min-width:0;
    padding:10px 12px;
    border:1px solid var(--edutechx-border,#dbe3ef);
    border-radius:8px;
    background:var(--edutechx-card-bg,#fff);
  }
  #pukka-online-app .mobile-card-table[data-responsive-table="true"] tbody td{
    display:grid;
    grid-template-columns:minmax(92px,36%) minmax(0,1fr);
    gap:10px;
    align-items:start;
    width:auto;
    min-width:0;
    max-width:100%;
    padding:9px 0;
    white-space:normal;
    word-break:normal;
    overflow-wrap:anywhere;
  }
  #pukka-online-app .mobile-card-table[data-responsive-table="true"] tbody td::before{
    content:attr(data-label);
    color:var(--edutechx-muted,#64748b);
    font-size:11px;
    font-weight:900;
    line-height:1.35;
  }
  #pukka-online-app .mobile-card-table[data-responsive-table="true"] .portal-responsive-actions{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr));
    width:100%;
  }
  #pukka-online-app .mobile-card-table[data-responsive-table="true"] .portal-responsive-actions::before{
    grid-column:1/-1;
  }
  #pukka-online-app .mobile-card-table[data-responsive-table="true"] .portal-responsive-actions button,
  #pukka-online-app .mobile-card-table[data-responsive-table="true"] .portal-responsive-actions a{
    min-height:44px;
    max-width:100%;
  }
  #pukka-online-app .mobile-card-table[data-responsive-table="true"] .portal-responsive-message-row,
  #pukka-online-app .mobile-card-table[data-responsive-table="true"] .portal-responsive-message-cell{
    display:block;
    width:100%;
  }
  #pukka-online-app .mobile-card-table[data-responsive-table="true"] .portal-responsive-message-cell::before{
    content:none;
  }
  #pukka-online-app .management-grid,
  #pukka-online-app .report-filter-grid,
  #pukka-online-app .admin-academic-filter-grid,
  #pukka-online-app .test-list-filters,
  #pukka-online-app .lesson-document-toolbar,
  #pukka-online-app .lesson-document-viewer-toolbar{
    grid-template-columns:minmax(0,1fr);
  }
}

@media(max-width:430px){
  #pukka-online-app .calendar-day{
    min-height:56px;
    cursor:pointer;
  }
  #pukka-online-app .calendar-day.selected{
    outline:2px solid var(--edutechx-primary,#2563eb);
    outline-offset:-2px;
  }
  #pukka-online-app .mobile-calendar-day-detail{
    display:grid;
    gap:10px;
    margin-top:12px;
    padding:14px;
    border:1px solid var(--edutechx-border,#dbe3ef);
    border-radius:8px;
    background:var(--edutechx-card-bg,#fff);
  }
  #pukka-online-app .mobile-calendar-day-detail header h3{
    margin:3px 0 0;
    font-size:18px;
  }
  #pukka-online-app .mobile-calendar-day-event{
    display:grid;
    gap:5px;
    padding:11px;
    border-left:4px solid var(--edutechx-primary,#2563eb);
    background:var(--edutechx-bg,#f8fafc);
  }
  #pukka-online-app .mobile-calendar-day-event span,
  #pukka-online-app .mobile-calendar-day-empty{
    color:var(--edutechx-muted,#64748b);
    font-size:12px;
    line-height:1.45;
  }
  #pukka-online-app .mobile-calendar-day-event button{
    justify-self:start;
    min-height:44px;
    margin-top:4px;
  }
}

/* 1.5.6.7: portal-only mobile edge-to-edge host and content shell */
@media(max-width:1023px){
  html.edutechx-portal-document,
  html.edutechx-portal-document body.edutechx-portal-page,
  body.edutechx-portal-page .edutechx-portal-host,
  body.edutechx-portal-page .edutechx-portal-host-chain{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin-inline:0!important;
    padding-inline:0!important;
  }
  body.edutechx-portal-page #pukka-online-app.edutechx-portal-root,
  body.edutechx-portal-page #pukka-online-app.edutechx-portal-root>.container,
  body.edutechx-portal-page #pukka-online-app.edutechx-portal-root #mainView,
  body.edutechx-portal-page #pukka-online-app.edutechx-portal-root .topbar,
  body.edutechx-portal-page #pukka-online-app.edutechx-portal-root .mobile-portal-topbar,
  body.edutechx-portal-page #pukka-online-app.edutechx-portal-root .header-actions,
  body.edutechx-portal-page #pukka-online-app.edutechx-portal-root .portal-global-search,
  body.edutechx-portal-page #pukka-online-app.edutechx-portal-root .portal-shell,
  body.edutechx-portal-page #pukka-online-app.edutechx-portal-root .portal-main,
  body.edutechx-portal-page #pukka-online-app.edutechx-portal-root .details-content,
  body.edutechx-portal-page #pukka-online-app.edutechx-portal-root .management-panel{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin-inline:0!important;
  }
  body.edutechx-portal-page #pukka-online-app.edutechx-portal-root,
  body.edutechx-portal-page #pukka-online-app.edutechx-portal-root>.container,
  body.edutechx-portal-page #pukka-online-app.edutechx-portal-root #mainView,
  body.edutechx-portal-page #pukka-online-app.edutechx-portal-root .portal-shell{
    padding-inline:0!important;
  }
  body.edutechx-portal-page #pukka-online-app.edutechx-portal-root .topbar,
  body.edutechx-portal-page #pukka-online-app.edutechx-portal-root .mobile-portal-topbar,
  body.edutechx-portal-page #pukka-online-app.edutechx-portal-root .header-actions{
    padding-inline:max(8px,env(safe-area-inset-left)) max(8px,env(safe-area-inset-right))!important;
  }
  body.edutechx-portal-page #pukka-online-app.edutechx-portal-root .portal-global-search input{
    box-sizing:border-box;
    width:100%;
    min-width:0;
    max-width:100%;
    margin-inline:0;
  }
}

@media(min-width:769px) and (max-width:1023px){
  body.edutechx-portal-page #pukka-online-app.edutechx-portal-root .header-actions,
  body.edutechx-portal-page #pukka-online-app.edutechx-portal-root .session-actions{
    flex-wrap:wrap;
  }
  body.edutechx-portal-page #pukka-online-app.edutechx-portal-root .session-actions,
  body.edutechx-portal-page #pukka-online-app.edutechx-portal-root .portal-global-search{
    width:100%;
    max-width:none;
    margin-inline:0;
  }
  body.edutechx-portal-page #pukka-online-app.edutechx-portal-root .portal-global-search{
    flex:1 1 100%;
  }
}

/* 1.5.6.9: measured public mobile viewport fallback; never used in wp-admin. */
@media(max-width:1023px){
  body.edutechx-portal-page:not(.wp-admin) #pukka-online-app.edutechx-portal-root.edutechx-mobile-fullbleed:not(.pukka-wp-admin){
    box-sizing:border-box!important;
    position:relative;
    left:calc(0px - var(--edutechx-mobile-root-offset-left,0px));
    width:var(--edutechx-mobile-viewport-width,100%)!important;
    min-width:0!important;
    max-width:var(--edutechx-mobile-viewport-width,100%)!important;
    margin-inline:0!important;
  }
}
/* Private lessons and assignment groups */
#pukka-online-app .private-lesson-filters {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 12px;
  align-items: end;
  margin-bottom: 18px;
}

#pukka-online-app .private-lesson-filters button {
  min-height: 44px;
}

#pukka-online-app .private-lesson-form {
  margin-bottom: 22px;
}

#pukka-online-app .private-lesson-section + .private-lesson-section {
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid #dbe3ec;
}

#pukka-online-app .private-lesson-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));
  gap: 14px;
}

#pukka-online-app .private-lesson-card {
  min-width: 0;
  padding: 16px;
  border: 1px solid #dbe3ec;
  border-left: 4px solid #0f766e;
  border-radius: 8px;
  background: #fff;
}

#pukka-online-app .private-lesson-card.status-completed { border-left-color: #15803d; }
#pukka-online-app .private-lesson-card.status-cancelled { border-left-color: #b91c1c; }
#pukka-online-app .private-lesson-card > header,
#pukka-online-app .private-lesson-card .section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

#pukka-online-app .private-lesson-kicker,
#pukka-online-app .private-lesson-inline-label {
  color: #0f766e;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

#pukka-online-app .private-lesson-card h3 {
  margin: 12px 0;
  font-size: 18px;
}

#pukka-online-app .private-lesson-card dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 0 0 12px;
}

#pukka-online-app .private-lesson-card dt { color: #64748b; font-size: 12px; }
#pukka-online-app .private-lesson-card dd { margin: 2px 0 0; overflow-wrap: anywhere; font-weight: 700; }
#pukka-online-app .private-lesson-card p { overflow-wrap: anywhere; }
#pukka-online-app .edutechx-private-lesson-card,
#pukka-online-app .private-lesson-schedule {
  border-color: #0f766e !important;
  background: #ecfdf5 !important;
  color: #134e4a !important;
}
#pukka-online-app .edutechx-private-lesson-card strong,
#pukka-online-app .edutechx-private-lesson-card h3,
#pukka-online-app .edutechx-private-lesson-card h5,
#pukka-online-app .edutechx-private-lesson-card span:not(.badge),
#pukka-online-app .edutechx-private-lesson-card small:not(.badge) { color: #134e4a !important; }
#pukka-online-app .one-to-one-lesson-inline-label {
  color: #1d4ed8;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}
#pukka-online-app .edutechx-one-to-one-lesson-card,
#pukka-online-app .one-to-one-lesson-schedule {
  border-color: #2563eb !important;
  background: #eff6ff !important;
  color: #1e3a8a !important;
}
#pukka-online-app .schedule-partial-warning {
  margin: 0 0 12px;
  padding: 10px 12px;
  border-left: 4px solid #b45309;
  border-radius: 6px;
  background: #fffbeb;
  color: #78350f;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.45;
  overflow-wrap: anywhere;
}
#pukka-online-app .edutechx-meeting-card,
#pukka-online-app .meeting-schedule {
  border-color: #0e7490 !important;
  background: #ecfeff !important;
  color: #164e63 !important;
  cursor: pointer;
}
#pukka-online-app .edutechx-meeting-card strong,
#pukka-online-app .edutechx-meeting-card span,
#pukka-online-app .edutechx-meeting-card small,
#pukka-online-app .meeting-schedule strong,
#pukka-online-app .meeting-schedule span,
#pukka-online-app .meeting-schedule small { color: #164e63 !important; }
#pukka-online-app .meeting-inline-label {
  color: #155e75 !important;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}
#pukka-online-app .edutechx-meeting-card:focus-visible,
#pukka-online-app .meeting-schedule:focus-visible {
  outline: 3px solid #0e7490;
  outline-offset: 2px;
}
#pukka-online-app .program-meeting-detail {
  width: min(620px, 100%);
  max-height: min(720px, calc(100dvh - 40px));
}
#pukka-online-app .program-meeting-detail .calendar-modal-body,
#pukka-online-app .program-meeting-detail .calendar-modal-event,
#pukka-online-app .program-meeting-detail p { overflow-wrap: anywhere; }
#pukka-online-app .edutechx-one-to-one-lesson-card strong,
#pukka-online-app .edutechx-one-to-one-lesson-card h5,
#pukka-online-app .edutechx-one-to-one-lesson-card span:not(.badge),
#pukka-online-app .edutechx-one-to-one-lesson-card small:not(.badge) { color: #1e3a8a !important; }
#pukka-online-app .private-lesson-fee-field output {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 9px 11px;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  background: #f8fafc;
  color: #0f172a;
  font-weight: 800;
}
#pukka-online-app .private-lesson-fee-field output.is-error { border-color: #b91c1c; color: #991b1b; }
#pukka-online-app .schedule-sheet-entry span,
#pukka-online-app .schedule-mobile-lesson dd,
#pukka-online-app .schedule-lesson span { overflow-wrap: anywhere; }

@media (max-width: 640px) {
  #pukka-online-app .private-lesson-filters,
  #pukka-online-app .private-lesson-grid,
  #pukka-online-app .private-lesson-card dl {
    grid-template-columns: 1fr;
  }
  #pukka-online-app .private-lesson-card { padding: 14px; }
}

#pukka-online-app .parent-payment-filters {
  margin-bottom: 14px;
}

#pukka-online-app .parent-payment-summary {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 16px;
}

#pukka-online-app .parent-payment-summary .dash-card h3 {
  font-size: 18px;
  overflow-wrap: anywhere;
}

#pukka-online-app .parent-payment-table {
  margin-bottom: 20px;
}

#pukka-online-app .parent-payment-parents {
  display: grid;
  gap: 5px;
  min-width: 130px;
}

#pukka-online-app .parent-payment-parents span {
  display: grid;
  gap: 1px;
  overflow-wrap: anywhere;
}

#pukka-online-app .parent-payment-parents small {
  color: #64748b;
}

#pukka-online-app .parent-payment-entry-title {
  margin-top: 20px;
  font-size: 17px;
}

@media (max-width: 1023px) {
  #pukka-online-app .parent-payment-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  #pukka-online-app .parent-payment-filters,
  #pukka-online-app .parent-payment-summary {
    grid-template-columns: minmax(0, 1fr);
  }

  #pukka-online-app .parent-payment-summary .dash-card {
    min-width: 0;
  }
}
.meeting-admin-shell{display:grid;gap:18px}
.meeting-filter-grid{display:grid;grid-template-columns:minmax(180px,2fr) repeat(3,minmax(140px,1fr)) auto;gap:12px;align-items:end}
.meeting-editor{border-top:1px solid #dbe3ec;border-bottom:1px solid #dbe3ec;padding:18px 0}
.meeting-participant-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:16px 0}
.meeting-participant-columns>section{min-width:0}
.meeting-participant-columns h4{margin:0 0 10px;font-size:15px}
.meeting-participant-list{display:grid;gap:6px;max-height:280px;overflow:auto;border:1px solid #dbe3ec;padding:8px;background:#f8fafc}
.meeting-participant-option{display:flex;gap:9px;align-items:flex-start;padding:7px;background:#fff;border:1px solid #e2e8f0}
.meeting-participant-option input{margin-top:3px}
.meeting-participant-option span{display:grid;min-width:0}
.meeting-participant-option strong,.meeting-participant-option small{overflow-wrap:anywhere}
.meeting-student-filter{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}
.meeting-participant-summary{display:grid;gap:5px;min-width:180px}
.meeting-participant-summary>div{display:grid;gap:2px}
.meeting-participant-summary span{overflow-wrap:anywhere}
@media(max-width:900px){.meeting-filter-grid,.meeting-participant-columns{grid-template-columns:1fr}.meeting-student-filter{grid-template-columns:1fr}}