/* 3308: Akademik Analiz'in beyaz kapak, tipografi ve tablo ölçüleri. */
.au-page.m3308 { max-width:none; padding:0; font-family:var(--font-body); color:var(--metin-murekkep); }
.m3308-cover { display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; padding:16px 24px 18px; margin-bottom:16px; border:1px solid var(--hat-kart); border-radius:3px 0 0 0; background:var(--yuzey); box-shadow:0 26px 48px -30px color-mix(in srgb,var(--marka-600) 35%,transparent); }
.m3308-cover-text { flex:1; min-width:0; }
.m3308-cover h1 { margin:0; font:700 var(--yazi-kapak,23px)/1.1 var(--font-display); letter-spacing:-.026em; color:var(--marka-700); }
/* Başlık üstü modül etiketi: sayfanın 3308 Uygulamaları'na ait olduğunu söyler.
   Üst barın eğik kesim dilinde lacivert etiket (vitrin seçeneği 3). */
.m3308-ust-etiket { flex:1 0 100%; width:fit-content; margin:0; line-height:0; }
.m3308-ust-etiket a { display:inline-block; padding:3px 18px; clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%); background:var(--marka-600); color:#fff; font:700 11.5px/1.5 var(--font-display); letter-spacing:.05em; text-transform:uppercase; text-decoration:none; transition:background .15s; }
.m3308-ust-etiket a:hover { background:var(--marka-700); }
/* clip-path odak çerçevesini de keser; halka kesilmeyen dış kutuda çizilir. */
.m3308-ust-etiket a:focus-visible { outline:none; }
.m3308-ust-etiket:has(a:focus-visible) { outline:2px solid var(--turkuaz-500); outline-offset:2px; }
.m3308-cover-baslik { display:flex; align-items:center; gap:8px; min-width:0; }
/* Yenileme, başlığın yanında sessiz bir ikon düğmedir; Kaydet'le aynı ağırlıkta görünmez. */
/* Yenile, geri düğmesiyle aynı kart: 30 px, ince kenarlık, beyaz yüzey. */
.m3308-yenile { flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; border:1px solid var(--n-300,var(--hat-girdi)); border-radius:9px; padding:0; background:var(--yuzey); color:var(--marka-700); box-shadow:0 1px 2px color-mix(in srgb,var(--marka-700) 8%,transparent); cursor:pointer; transition:background .15s,color .15s,border-color .15s; }
.m3308-yenile svg { width:16px; height:16px; }
.m3308-yenile:hover:not(:disabled) { border-color:var(--marka-500); background:color-mix(in srgb,var(--marka-500) 8%,var(--yuzey)); color:var(--marka-700); }
.m3308-yenile:focus-visible { outline:2px solid var(--marka-500); outline-offset:2px; }
.m3308-yenile:disabled { cursor:default; opacity:.5; }
.m3308-yenile--yukleniyor svg { animation:m3308-doner 1s linear infinite; }
@keyframes m3308-doner { to { transform:rotate(360deg); } }
@media (prefers-reduced-motion:reduce) { .m3308-yenile--yukleniyor svg { animation:none; } }
@media (pointer:coarse) { .m3308-yenile { width:44px; height:44px; } }
.m3308-cover p,.m3308-connection p { margin:5px 0 0; font-size:12px; line-height:1.5; color:var(--metin-ikincil); }
/* Açıklama kapağın tam genişliğinde, geri düğmesinin altından başlar. */
.m3308-cover .m3308-cover-aciklama { flex:1 0 100%; margin:0; }
.m3308-connection { display:flex; align-items:center; flex-wrap:wrap; gap:10px; border:1px solid var(--hat-kart); border-left:3px solid var(--turkuaz-500); background:var(--yuzey); padding:12px 18px; margin-bottom:18px; font-size:13px; }
.m3308-connection>div { flex:1; min-width:180px; }
.m3308-content { background:var(--yuzey); border:1px solid var(--hat-kart); border-radius:3px 0 0 0; padding:20px; min-width:0; }
.m3308-toolbar { display:flex; align-items:flex-end; flex-wrap:wrap; gap:12px; padding-bottom:16px; }
.m3308-toolbar .app-field { min-width:160px; flex:0 1 210px; }
.m3308-search-create { display:flex; align-items:center; gap:12px; flex:0 1 480px; min-width:0; max-width:100%; }
.m3308-search-create .au-btn { flex-shrink:0; white-space:nowrap; }
.m3308-toolbar-divider { flex:0 0 1px; height:24px; background:var(--hat-kart); }
.m3308-toolbar--sinif>.au-btn { flex-shrink:0; white-space:nowrap; }
/* Üç nokta menüsü (K12WebApp CommonPopupMenu). Kapaktaki: yenile kartı biçiminde, "3308 Uygulamaları" etiketinin laciverti; panel ortak op-menu-panel. */
.au-page.m3308 .op-menu-trigger.m3308-uc-nokta { display:inline-grid; place-items:center; width:30px; height:30px; min-width:30px; min-height:30px; padding:0; border:1px solid var(--marka-600); border-radius:9px; background:var(--marka-600); color:#fff; box-shadow:0 1px 2px color-mix(in srgb,var(--marka-700) 12%,transparent); }
.au-page.m3308 .op-menu-trigger.m3308-uc-nokta:hover:not(:disabled),.au-page.m3308 .op-menu-trigger.m3308-uc-nokta:has(+ .op-menu-panel:popover-open) { border-color:var(--marka-700); background:var(--marka-700); }
/* Tablo satırlarındaki tetik ilk tasarımında kalır: petrol ucu degradesi (K12WebApp satır menüsü). */
.au-page.m3308 .m3308-islem-hucre .op-menu-trigger.m3308-uc-nokta { border:0; border-radius:var(--kose-dugme); background:linear-gradient(135deg,var(--marka-rampa-uc),color-mix(in srgb,var(--marka-rampa-uc) 78%,#000)); box-shadow:0 4px 10px -4px color-mix(in srgb,var(--marka-rampa-uc) 60%,transparent); }
.au-page.m3308 .m3308-islem-hucre .op-menu-trigger.m3308-uc-nokta:hover:not(:disabled),.au-page.m3308 .m3308-islem-hucre .op-menu-trigger.m3308-uc-nokta:has(+ .op-menu-panel:popover-open) { background:linear-gradient(135deg,color-mix(in srgb,var(--marka-rampa-uc) 82%,#000),color-mix(in srgb,var(--marka-rampa-uc) 64%,#000)); }
.au-page.m3308 .op-menu-trigger.m3308-uc-nokta:focus-visible { outline:2px solid var(--marka-500); outline-offset:2px; }
.m3308-uc-nokta svg { width:16px; height:16px; }
.au-page.m3308 .op-menu-trigger.m3308-uc-nokta.m3308-btn--yukleniyor::after { border-color:rgb(255 255 255 / .35); border-top-color:#fff; }
.m3308-table .m3308-islem-hucre { width:1%; padding-right:4px; text-align:center; }
.m3308-islem-hucre .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.m3308 .op-menu-panel { min-width:220px; border-color:var(--hat-kart); border-radius:var(--kose-kart); background:var(--yuzey); color:var(--metin-murekkep); box-shadow:0 18px 40px -18px color-mix(in srgb,var(--marka-600) 45%,transparent); font:400 13px/1.45 var(--font-body); }
.au-page.m3308 .op-menu-panel :is(a,button,.au-btn) { justify-content:flex-start; width:100%; min-height:34px; padding:7px 10px; border:0; border-radius:var(--kose-dugme); background:transparent; box-shadow:none; color:var(--metin-murekkep); font:inherit; letter-spacing:normal; text-align:left; white-space:normal; }
.au-page.m3308 .op-menu-panel :is(a,button,.au-btn):is(:hover,:focus-visible):not(:disabled) { background:color-mix(in srgb,var(--marka-500) 8%,var(--yuzey)); outline:0; }
.au-page.m3308 .op-menu-panel .au-btn--danger { color:var(--danger-metin,var(--danger)); }
.au-page.m3308 .op-menu-panel .au-btn--danger:is(:hover,:focus-visible):not(:disabled) { background:color-mix(in srgb,var(--danger) 8%,var(--yuzey)); }
.m3308-field { display:flex; flex-direction:column; gap:6px; margin:0 0 12px; min-width:0; font-size:13px; }
.m3308-field>span { font-size:11px; font-weight:600; color:var(--metin-ikincil); }
.m3308-field input,.m3308-field textarea { width:100%; min-height:34px; padding:7px 10px; border:1px solid var(--hat-girdi); border-radius:var(--kose-dugme); background:var(--yuzey); color:var(--metin-murekkep); font:400 13px/1.4 var(--font-body); }
.m3308-toolbar .m3308-field { margin:0; }
.m3308-search { flex:1 1 320px; flex-direction:row; align-items:center; gap:10px; }
.m3308-search input { min-width:0; }
.m3308-year { width:90px; }
.m3308-count { font-size:12px; color:var(--metin-ikincil); margin-bottom:8px; }
.m3308-table-scroll { max-width:100%; max-height:min(540px,60dvh); overflow:auto; border:1px solid var(--hat-kart); }
.m3308-table { width:100%; border-collapse:separate; border-spacing:0; font:400 13px/1.45 var(--font-body); }
.m3308-table>caption { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.m3308-table thead { position:sticky; top:0; z-index:1; background:var(--marka-rampa-serit); color:var(--on-brand); }
.m3308-table th { text-align:left; padding:10px 13px; font-size:11.5px; font-weight:700; text-transform:uppercase; letter-spacing:.07em; white-space:nowrap; background:transparent; }
.m3308-table td { padding:10px 13px; border-bottom:1px solid var(--hat-kart); vertical-align:middle; }
.m3308-table tbody tr:nth-child(even) { background:color-mix(in srgb,var(--marka-500) 3%,var(--yuzey)); }
.m3308-row-actions { display:flex; flex-wrap:wrap; gap:6px; min-width:180px; }
.m3308-row-actions .au-btn { font-size:12px; min-height:30px; white-space:nowrap; }
.m3308-empty { padding:32px 18px; text-align:center; color:var(--metin-ikincil); font-size:13px; }
.m3308-empty strong { font:700 16px/1.4 var(--font-display); color:var(--marka-700); }
.m3308-error { padding:12px 16px; border:1px solid var(--hat-kart); font-size:13px; border-radius:var(--kose-dugme); line-height:1.5; color:var(--danger-metin,var(--fg)); background:color-mix(in srgb,var(--danger) 6%,var(--yuzey)); }
.m3308-fieldset { padding:0; margin:0 0 20px; border:0; min-width:0; }
.m3308-fieldset>legend { font:700 15px/1.4 var(--font-display); margin-bottom:14px; }
.m3308-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 18px; }
.m3308-fields .m3308-field { margin:0; }
.m3308-content.m3308-content--institution { padding:0; border:0; background:transparent; }
#m3308-kurum-panel { min-width:0; }
.m3308-form--sections { display:flex; flex-direction:column; gap:12px; }
.m3308-form--sections .m3308-form-section { padding:20px; border:1px solid var(--hat-kart); border-radius:var(--kose-bolum); background:var(--yuzey); }
.m3308-form--sections .m3308-fieldset { margin:0; }
.m3308-form--sections .m3308-fieldset>legend { display:flex; align-items:center; flex-wrap:wrap; gap:12px; width:100%; padding:0; color:var(--marka-600); }
.m3308-form--sections .m3308-fields { grid-template-columns:minmax(0,1fr); gap:14px; }
.m3308-form-note { margin-top:16px; color:var(--metin-ikincil); font:400 12px/1.6 var(--font-body); }
.m3308-form-note p { margin:0 0 8px; }
.m3308-form-note ol { margin:0; padding-left:20px; }
.m3308-form-note li+li { margin-top:4px; }
.m3308-field--wide,.m3308-days { grid-column:1/-1; }
.m3308-days { display:flex; flex-wrap:wrap; gap:12px; border:1px solid var(--hat-kart); padding:12px; font-size:13px; }
.m3308-days label { display:flex; align-items:center; gap:6px; }
.m3308-form-actions { display:flex; justify-content:flex-end; margin-top:16px; }
.m3308-qr { display:block; width:200px; height:200px; object-fit:contain; }
.m3308-modal .optik-popup { width:min(940px,calc(100vw - 32px)); max-width:none; max-height:calc(100dvh - 32px); margin:auto; padding:0; overflow:hidden; border:1px solid var(--hat-kart); border-radius:var(--kose-bolum); background:var(--yuzey); color:var(--metin-murekkep); box-shadow:0 24px 70px color-mix(in srgb,var(--marka-700) 25%,transparent); font:400 13px/1.5 var(--font-body); }
/* Genişlik içeriğe göre: onay/kod 420, kısa form 520 tek sütun, uzun form 760 iki sütun, tablo sütunları kadar. */
.m3308-modal--confirm .optik-popup { width:min(420px,calc(100vw - 32px)); }
.m3308-modal--compact .optik-popup { width:min(520px,calc(100vw - 32px)); }
.m3308-modal--wide .optik-popup { width:min(760px,calc(100vw - 32px)); }
/* Tablolu pencereler ekranın %75'ini kaplar; dar ekranda en az 640 px, telefonda kenarlarda 16 px kalır. */
.m3308-modal--list .optik-popup { width:min(max(75vw,640px),calc(100vw - 32px)); max-width:none; }
.m3308-modal--list .m3308-table th,.m3308-modal--list .m3308-table td { padding-inline:16px; }
.m3308-modal--dallar .optik-popup { width:min(640px,calc(100vw - 32px)); }
.m3308-modal--compact .m3308-fields { grid-template-columns:minmax(0,1fr); }
.m3308-modal--compact .m3308-fieldset { margin-bottom:0; }
.m3308-modal .optik-popup[open] { display:flex; flex-direction:column; }
.m3308-modal .optik-popup__baslik { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 18px; border-top:4px solid var(--marka-500); border-bottom:1px solid var(--hat-kart); flex:0 0 auto; }
.m3308-modal .optik-popup__baslik h2 { font:700 20px/1.25 var(--font-display); color:var(--marka-700); margin:0; }
.m3308-modal .optik-popup__kapat { width:36px; min-width:36px; height:36px; font-size:22px; }
.m3308-modal .optik-popup__govde { overflow:auto; overscroll-behavior:contain; padding:16px 18px; min-height:0; }
.m3308-modal .optik-popup__eylemler { flex:0 0 auto; display:flex; justify-content:flex-end; flex-wrap:wrap; gap:8px; padding:12px 18px; border-top:1px solid var(--hat-kart); }
.m3308-modal .optik-popup__eylemler:empty { display:none; }
.m3308-modal .optik-popup__hata { background:color-mix(in srgb,var(--danger-metin) 6%,var(--yuzey)); color:var(--danger-metin); padding:12px; border:1px solid var(--hat-kart); }
.m3308-modal .optik-popup__govde>p:first-child { margin-top:0; }
.m3308-modal .optik-popup__govde>p:last-child { margin-bottom:0; }
.m3308-modal .m3308-form>.m3308-form-section>.m3308-fieldset { margin-bottom:0; }
.m3308-modal--list .m3308-row-actions { min-width:0; flex-wrap:nowrap; }
.m3308-modal--list .m3308-table-scroll { max-height:min(480px,55dvh); }
.m3308-detail-actions { display:flex; flex-wrap:wrap; justify-content:flex-start; gap:8px; margin-top:12px; }
.m3308-modal .optik-popup__hata { margin:0 0 12px; }
@media (max-width:640px) {
  .m3308-cover { padding:14px 12px; flex-wrap:wrap; }
  .m3308-cover h1 { font-size:20px; }
  .m3308-cover-text { flex:1 1 0; }
  .m3308-content { padding:12px; }
  .m3308-form--sections .m3308-form-section { padding:16px 12px; }
  .m3308-fields { grid-template-columns:1fr; }
  .m3308-search-create,.m3308-search { gap:8px; }
  .m3308-modal .optik-popup__baslik,.m3308-modal .optik-popup__eylemler { padding:14px 12px; }
  .m3308-modal .optik-popup__govde { padding:16px 12px; }
  .m3308-table tbody td:first-child { position:sticky; left:0; background:var(--yuzey); box-shadow:5px 0 8px -7px var(--marka-600); }
}
@media (pointer:coarse) {
  .m3308 .au-btn,.m3308-days label { min-height:44px; }
  .m3308-field input,.m3308-field textarea { min-height:44px; font-size:16px; }
  .m3308-modal .au-btn,.m3308-modal .optik-popup__kapat { min-height:44px; min-width:44px; }
  .au-page.m3308 .op-menu-trigger.m3308-uc-nokta { width:44px; height:44px; min-width:44px; min-height:44px; }
  .au-page.m3308 .op-menu-panel :is(a,button,.au-btn) { min-height:44px; }
}

/* 3308 gezinmesi gerçek üst barda: Analiz'in eğimli ana sekmeleri ve lacivert alt bandı. */
.wrap:has(.au-page.m3308) { padding-top:12px; }
.m3308-topnav { display:flex; align-self:stretch; align-items:stretch; flex:1 1 auto; min-width:0; overflow-x:auto; overflow-y:hidden; scrollbar-width:none; margin-left:calc(var(--ust-aralik,18px) * -1 + 3px); background:var(--ust-cam); font-family:var(--font-display); clip-path:polygon(15px 0,100% 0,calc(100% - 15px) 100%,0 100%); }
.m3308-topnav::-webkit-scrollbar { display:none; }
.m3308-topnav>a { position:relative; flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:44px; padding:0 23px; margin-left:-15px; clip-path:polygon(15px 0,100% 0,calc(100% - 15px) 100%,0 100%); background:transparent; color:var(--ust-metin-soluk-uzeri); font-size:13.5px; font-weight:600; line-height:1.2; white-space:nowrap; text-decoration:none; }
.m3308-topnav>a:first-child { margin-left:0; }
.m3308-topnav>a+a::before { content:""; position:absolute; left:8.5px; inset-block:0; width:1px; background:var(--ust-ayrac); transform:skewX(-15deg); }
.m3308-topnav svg { width:17px; height:17px; flex:0 0 auto; }
.m3308-topnav>a:hover { background:color-mix(in srgb,var(--ust-metin) 14%,transparent); color:var(--ust-metin); }
.m3308-topnav>a[aria-current="page"] { background:var(--ust-dolu); color:var(--marka-600); font-weight:700; }
.m3308-topnav>a[aria-current="page"]::after { content:""; position:absolute; inset:auto 0 0; height:3px; background:var(--turkuaz-500); }
.m3308-topnav>a:focus-visible { outline:2px solid var(--turkuaz-500); outline-offset:-3px; }
/* Kaynak AccessCodeDialog: transfer kodu ve geçerlilik süresi. */
.m3308-navigation { position:sticky; top:var(--topbar-h); z-index:40; min-width:0; background:var(--marka-500); color:var(--on-brand); font-family:var(--font-body); }
.m3308-mobile-groups { display:none; }
.m3308-subnav { display:flex; align-items:stretch; gap:4px; min-width:0; overflow-x:auto; scrollbar-width:thin; overscroll-behavior-x:contain; padding:0 24px 0 var(--m3308-menu-sol,24px); }
.m3308-subnav>a { position:relative; flex:0 0 auto; display:flex; align-items:center; min-height:44px; padding:0 14px; color:color-mix(in srgb,var(--on-brand) 72%,transparent); font-size:13px; font-weight:500; text-decoration:none; white-space:nowrap; }
.m3308-subnav>a:hover { background:color-mix(in srgb,var(--on-brand) 6%,transparent); color:var(--on-brand); }
.m3308-subnav>a[aria-current="page"] { color:var(--on-brand); font-weight:700; }
.m3308-subnav>a[aria-current="page"]::after { content:""; position:absolute; inset:auto 0 0; height:3px; background:var(--basari); }
.m3308-institution-tabs { display:flex; align-items:center; gap:4px; flex:0 1 auto; min-width:240px; max-width:100%; overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:thin; padding:4px 8px; background:var(--marka-600); box-shadow:inset 1px 0 0 color-mix(in srgb,var(--fg) 28%,transparent); }
.m3308-institution-tabs [role="tab"] { flex:0 0 auto; display:flex; align-items:center; gap:7px; min-height:34px; border:0; border-radius:var(--kose-dugme); padding:7px 10px; background:transparent; color:color-mix(in srgb,var(--on-brand) 74%,transparent); font:500 12.5px/1.4 var(--font-body); white-space:nowrap; cursor:pointer; }
.m3308-institution-tabs [role="tab"]::before { content:""; width:4px; height:4px; border-radius:50%; background:currentColor; opacity:.35; }
.m3308-institution-tabs [role="tab"]:hover { color:var(--on-brand); background:color-mix(in srgb,var(--on-brand) 8%,transparent); }
.m3308-institution-tabs [aria-selected="true"],.m3308-institution-tabs [aria-selected="true"]:hover { color:var(--on-brand); background:color-mix(in srgb,var(--on-brand) 20%,transparent); font-weight:600; }
.m3308-institution-tabs [role="tab"]:disabled { cursor:wait; opacity:.6; }
.m3308-navigation a:focus-visible,.m3308-institution-tabs [role="tab"]:focus-visible { outline:2px solid var(--on-brand); outline-offset:-3px; }
@media (max-width:719px) {
  .m3308-topnav { display:none; }
  .m3308-mobile-groups { display:flex; overflow-x:auto; scrollbar-width:thin; gap:4px; padding:0 12px; background:var(--marka-600); }
  .m3308-mobile-groups>a { flex:0 0 auto; display:flex; align-items:center; min-height:44px; padding:0 12px; color:color-mix(in srgb,var(--on-brand) 75%,transparent); text-decoration:none; white-space:nowrap; font-size:13px; }
  .m3308-mobile-groups>a[aria-current="page"] { color:var(--marka-600); background:var(--yuzey); font-weight:700; border-bottom:3px solid var(--turkuaz-500); }
  .m3308-subnav { padding:0 12px; }
  .m3308-institution-tabs { min-width:calc(100vw - 48px); }
}
@media (pointer:coarse) {
  .m3308-institution-tabs [role="tab"] { min-height:44px; }
}
/* Pencere açmadan çalışan indirme/işlem düğmesi: bekleme süresince düğme içinde dönen halka. */
.m3308 .au-btn.m3308-btn--yukleniyor,.m3308-modal .au-btn.m3308-btn--yukleniyor { position:relative; color:transparent; cursor:progress; opacity:1; }
.au-btn.m3308-btn--yukleniyor::after { content:""; position:absolute; inset:0; margin:auto; width:14px; height:14px; border:2px solid color-mix(in srgb,var(--marka-600) 25%,transparent); border-top-color:var(--marka-600); border-radius:50%; animation:m3308-doner .7s linear infinite; }
.au-btn--danger.m3308-btn--yukleniyor::after { border-color:color-mix(in srgb,var(--danger) 25%,transparent); border-top-color:var(--danger); }
@media (prefers-reduced-motion:reduce) { .au-btn.m3308-btn--yukleniyor::after { animation-duration:2s; } }
/* Excel'den yapıştır (EduPage Kayıt Yönetimi "Al"): tek pencere — yapıştır, altında önizleme; sütun anlamı başlıktan seçilir. */
.m3308-yapistir__aciklama { margin:0 0 14px; font-size:12.5px; line-height:1.5; color:var(--metin-ikincil); }
.m3308-yapistir__alan { min-height:120px; resize:vertical; font:400 13px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace; tab-size:24; white-space:pre; }
.m3308-yapistir__baslikli { display:inline-flex; align-items:center; gap:8px; min-height:34px; font-size:13px; color:var(--metin-murekkep); cursor:pointer; }
.m3308-yapistir__ozet { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:10px; }
.m3308-yapistir__rozet { padding:3px 10px; border:1px solid var(--hat-kart); border-radius:999px; font-size:12px; font-weight:600; color:var(--metin-ikincil); background:var(--yuzey); }
.m3308-yapistir__rozet--guncel { border-color:color-mix(in srgb,var(--marka-600) 35%,transparent); color:var(--marka-700); background:color-mix(in srgb,var(--marka-500) 8%,var(--yuzey)); }
.m3308-yapistir__rozet--sorun { border-color:color-mix(in srgb,var(--danger) 30%,transparent); color:var(--danger-metin,var(--danger)); }
.m3308-yapistir .m3308-table-scroll { max-height:min(340px,42dvh); }
.m3308-yapistir__arac { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 16px; margin:4px 0 10px; }
.m3308-yapistir__arac .m3308-yapistir__ozet { margin:0; }
.m3308-yapistir__uyari { margin:0; font-size:12.5px; font-weight:600; color:var(--analiz-dikkat-metin,var(--marka-700)); }
.m3308-yapistir__tablo th.m3308-yapistir__sutun { padding:6px 8px; text-transform:none; letter-spacing:0; }
.m3308-yapistir__sutun select { width:100%; min-width:150px; min-height:30px; padding:4px 8px; border:1px solid rgb(255 255 255 / .55); border-radius:var(--kose-dugme); background:rgb(255 255 255 / .14); color:#fff; font:600 12px/1.3 var(--font-body); cursor:pointer; }
.m3308-yapistir__sutun select option { color:var(--metin-murekkep); background:var(--yuzey); }
.m3308-yapistir__sutun select:focus-visible { outline:2px solid #fff; outline-offset:1px; }
.m3308-yapistir__tablo td.m3308-yapistir__secili { background:color-mix(in srgb,var(--marka-500) 7%,transparent); font-weight:600; }
.m3308-yapistir__sonuc { font-size:12px; font-weight:600; }
.m3308-yapistir__sonuc--guncellenecek,.m3308-yapistir__sonuc--eklenecek { color:var(--marka-700); }
.m3308-yapistir__sonuc--tamamlandi { color:var(--basari-metin,#15803d); }
.m3308-yapistir__sonuc--ayni { color:var(--metin-ikincil); font-weight:500; }
.m3308-yapistir__sonuc--bulunamadi,.m3308-yapistir__sonuc--taninmadi,.m3308-yapistir__sonuc--tekrar,.m3308-yapistir__sonuc--hatali { color:var(--danger-metin,var(--danger)); }
@media (pointer:coarse) { .m3308-yapistir__alan { font-size:16px; } .m3308-yapistir__baslikli { min-height:44px; } }