*{box-sizing:border-box}body{margin:0;background:#f5f5f7;color:#242731;font:15px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}header{background:white;border-bottom:1px solid #e5e5e9;height:76px;display:flex;align-items:center;gap:24px;padding:0 max(24px,calc((100vw - 1180px)/2));white-space:nowrap}header #identity{margin-left:auto;font-size:13px;white-space:normal}.brand{font-family:Georgia,serif;font-size:26px;letter-spacing:3px;color:#61253d;text-decoration:none;display:flex;align-items:center;gap:22px}.brand span{font:14px -apple-system,sans-serif;letter-spacing:0;color:#686b74;border-left:1px solid #ddd;padding-left:22px}main{max-width:1180px;margin:32px auto;padding:0 24px}main.login{max-width:470px;margin-top:12vh;background:white;border:1px solid #e5e5e9;border-radius:12px;padding:36px}h1{font-size:28px;line-height:1.2;letter-spacing:-.7px;margin:0 0 12px}h2{font-size:19px;margin:0 0 16px}p{margin:8px 0 18px}.muted,small{color:#707481}.head{display:flex;justify-content:space-between;align-items:start;gap:24px;margin-bottom:24px}.actions{display:flex;gap:10px;flex-wrap:wrap}button,.button{font:600 14px/1.3 -apple-system,sans-serif;border:1px solid #d5d6dc;background:white;color:#373943;padding:11px 16px;border-radius:7px;cursor:pointer;text-decoration:none}button:hover{border-color:#803b55;background:#fbf7f9}button.primary{background:#6d2943;color:white;border-color:#6d2943}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #d0a8b6;outline-offset:2px}.notice{padding:12px 16px;border-left:3px solid #a46d28;background:#fff9ee;color:#6b4b20;font-size:14px;margin-bottom:20px}.success{background:#eaf5ee;color:#286443;border-color:#32734e}.panel{background:white;border:1px solid #e1e2e7;border-radius:10px;overflow:hidden;margin-bottom:20px}.job{display:flex;gap:20px;align-items:center;padding:20px 24px;border-bottom:1px solid #eeeff2}.job:last-child{border-bottom:none}.job .info{min-width:0;flex:1}.job h2{font-size:16px;margin-bottom:4px}.job p{font-size:13px;margin:0;color:#727581}.badge{display:inline-block;font-size:12px;border-radius:5px;padding:3px 8px;background:#f2eef0;color:#6d2943}.badge.done{background:#e9f4ed;color:#286443}.editor{max-width:880px}.section{padding:24px 28px;border-bottom:1px solid #e7e8ed}.section:last-child{border:0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{margin-bottom:18px}.field:last-child{margin-bottom:0}label,.label{display:block;font-size:14px;font-weight:600;margin-bottom:7px}input:not([type=checkbox]),select,textarea{width:100%;font:14px/1.5 -apple-system,sans-serif;border:1px solid #ced0d7;border-radius:6px;padding:10px 12px;background:white;color:#2e3039}textarea{min-height:76px;resize:vertical}.hint{font-size:12px;color:#737681;margin:6px 0}.choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.choices label{font-weight:400;border:1px solid #e0e1e6;padding:10px;border-radius:6px;margin:0;display:flex;align-items:flex-start;gap:8px}.choices input{margin-top:4px;accent-color:#6d2943}.sticky{position:sticky;bottom:0;padding:16px 24px;background:rgba(255,255,255,.96);border-top:1px solid #dedfe4;display:flex;justify-content:space-between;align-items:center;gap:12px}.recipient{border:1px solid #e2e3e7;border-radius:7px;padding:16px;margin-bottom:14px}.recipient .actions{justify-content:flex-end}.question{padding:18px 24px;border-bottom:1px solid #eeeff2}.question p{margin-bottom:6px}details summary{cursor:pointer;padding:12px 0;color:#6d2943}dialog{border:1px solid #ddd;border-radius:12px;max-width:520px;width:90%;padding:28px}dialog::backdrop{background:#15172266}#error{white-space:pre-wrap;color:#a12635;font-size:14px}.login button{width:100%;margin-top:18px}.numbers{display:flex;gap:16px;margin:22px 0}.numbers div{background:white;border:1px solid #e3e4e9;border-radius:8px;padding:14px 20px}.numbers strong{font-size:24px;display:block}.source{font-size:12px;color:#777;overflow-wrap:anywhere}@media(max-width:680px){header{height:68px;padding:0 16px;gap:12px}.brand span{display:none}.brand{font-size:22px}.head{display:block}.head .actions{margin-top:16px}main{padding:0 16px;margin-top:24px}h1{font-size:24px}.grid,.choices{grid-template-columns:1fr}.section{padding:20px}.job{padding:16px;gap:10px}.numbers{gap:8px}.numbers div{padding:12px}.sticky{padding:14px}.recipient{padding:12px}} /* Guided employee form */ [hidden]{display:none!important}.gw-home{max-width:980px}.gw-guide{margin:0 0 20px}.gw-step-top{display:flex;justify-content:space-between;gap:12px;font-size:13px;margin-bottom:18px}.gw-steps{display:flex;gap:6px;margin:0 0 26px}.gw-steps button{flex:1;display:flex;gap:8px;align-items:center;justify-content:center;padding:10px 6px;font-size:12px;background:transparent;border-color:transparent;color:#707481}.gw-steps button span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#e5e5eb}.gw-steps button[aria-current=step]{color:#682640;background:#f1e8ec;border-color:#dec7d0}.gw-steps button[aria-current=step] span{color:white;background:#682640}#gw-title{font-size:25px;line-height:1.25;outline:none;margin:0 0 8px}#gw-hint{font-size:15px;color:#606572;margin:0}.gw-unknown{font-size:12px;margin-top:8px;padding:6px 10px;font-weight:500}.gw-review{margin:0}.gw-review>div{display:grid;grid-template-columns:170px 1fr;gap:20px;padding:13px 0;border-bottom:1px solid #e8e8ed}.gw-review dt{color:#626673}.gw-review dd{margin:0;overflow-wrap:anywhere}#gw-actions>div:first-child{max-width:55%}#gw-actions small{display:block;font-size:12px}#gw-save-status{font-size:13px}.gw-caption{font-size:12px;font-weight:600;color:#6d2943;letter-spacing:.5px}.gw-next h2{font-size:24px;margin:12px 0 8px}.gw-next p{max-width:650px}.gw-next{border-left:3px solid #6d2943}.gw-progress{display:flex;align-items:center;gap:18px;margin-top:20px;font-size:13px;color:#626773}.gw-progress progress{height:8px;width:200px;accent-color:#6d2943}.gw-list-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.gw-list-head h2{margin:0}.gw-demo{font-size:13px;color:#737783}.gw-home .question p{font-size:15px;line-height:1.6}.gw-home #gw-home-status:empty{display:none}.editor .field label{font-size:16px;line-height:1.45}.editor .hint{font-size:13px;line-height:1.55}.editor input,.editor textarea,.editor select{font-size:15px}.editor .section{padding:28px}.editor .choices label{font-size:15px}.editor .grid{grid-template-columns:1fr}#gw-actions{position:sticky;margin-bottom:30px;border-radius:0 0 10px 10px}.editor form>.panel{margin-bottom:0}.gw-guide h2:focus-visible{outline:none} @media(max-width:680px){.gw-steps button{flex-direction:column;font-size:11px;padding:8px 2px;gap:5px}.gw-review>div{grid-template-columns:1fr;gap:4px}.gw-list-head{align-items:flex-start;flex-direction:column}.gw-progress{gap:10px}.gw-progress progress{width:120px}.editor .section{padding:20px}.gw-step-top .muted{display:none}#gw-actions{flex-wrap:wrap}#gw-actions>div:first-child{max-width:100%;width:100%}#gw-actions .actions{width:100%;justify-content:flex-end}.gw-home .job{flex-wrap:wrap}.gw-home .job .info{flex-basis:70%}} /* Keep navigation readable without covering the question beneath it. */ #gw-actions{background:#fff}.editor .field{scroll-margin-block:100px} @media(max-width:680px){.editor .head{margin-bottom:16px}.editor .head p{margin-bottom:10px}.editor .notice{padding:10px 12px;margin-bottom:16px}.gw-step-top{margin-bottom:10px}.gw-steps{margin-bottom:18px}.gw-steps button{padding-block:6px}.gw-guide{margin-bottom:16px}#gw-actions{padding:10px 14px;gap:8px}#gw-actions small{font-size:11px;line-height:1.4}#gw-actions .actions{width:auto;margin-left:auto}#gw-actions>div:first-child{width:auto;max-width:calc(100% - 114px)}#gw-actions:has(#gw-back:not([hidden])){flex-wrap:wrap}#gw-actions:has(#gw-back:not([hidden]))>div:first-child{max-width:100%}} /* v16: department-specific explanations remain separate from answers. */ .job-guidance{padding:14px 18px;border:1px solid #e0e5ed;border-radius:8px;background:#fff;color:#5c6777;font-size:14px;line-height:1.6;margin:0 0 20px}.gw-home .panel,.editor .panel{border-color:#e0e5eb;box-shadow:none}.gw-home .job h2{font-size:16px;font-weight:550}.gw-home .gw-caption{display:none}.gw-home .gw-next{border-left:1px solid #e0e5eb}.gw-home .gw-next h2{font-size:21px}.gw-home .gw-next p{font-size:14px;color:#606e7e}.editor .choices label{border-color:#dce1e8}.editor .choices label:has(input:checked){border-color:#b8879d;background:#fbf6f8} /* Complete questions and a concrete example precede the choices. */ .question-example{font-size:14px;line-height:1.65;color:#526173;margin:8px 0 16px;padding:12px 14px;background:#f6f8fb;border-radius:6px}.editor .label{font-size:16px;line-height:1.6;margin-bottom:8px}.editor label{line-height:1.6}#extra-data{min-height:70px}.editor #gw-title{font-size:23px;line-height:1.45}#cloud-save-warning{padding:16px;margin-bottom:16px;border:1px solid #e3c7a4;border-radius:8px;background:#fff9ef;font-size:14px;line-height:1.6}#cloud-save-warning .actions{margin-top:12px}#cloud-save-warning p{margin:0} /* Conditional detail questions use readable full-width choices. */ .detail-intro{font-size:14px;line-height:1.6;background:#fff;border:1px solid #e0e5eb;border-radius:8px;padding:14px 18px;margin-bottom:20px}.detail-intro p{margin:0 0 6px}.detail-intro p:last-child{margin:0}.detail-followups:empty{display:none}.detail-followups:not(:empty){margin-top:30px;border-top:1px solid #e5e6eb;padding-top:24px}.detail-question{border:0;padding:0;margin:0 0 30px;min-width:0;scroll-margin-block:110px}.detail-question legend{font-size:16px;font-weight:600;line-height:1.6;padding:0;margin-bottom:10px;width:100%}.detail-question .hint{margin:0 0 12px}.detail-options{display:grid;grid-template-columns:1fr;gap:8px}.detail-options label{display:flex;align-items:flex-start;gap:10px;padding:11px 13px;border:1px solid #dce1e8;border-radius:7px;font-weight:400!important;margin:0;font-size:15px;cursor:pointer}.detail-options label:has(input:checked){background:#fbf6f8;border-color:#b8879d}.detail-options input[type=radio],.detail-options input[type=checkbox]{width:auto;flex:none;margin:5px 0 0;accent-color:#6d2943}.detail-options span{overflow-wrap:anywhere}.detail-note{margin-top:8px}.detail-note summary{font-size:13px;padding:8px 0;color:#606976}.detail-note textarea{min-height:60px}.detail-review-note{margin-top:22px;padding:18px;background:#f8f6f2;border:1px solid #e4ddcf;border-radius:8px}.detail-review-note li{margin:8px 0}.scope-suggestions{margin:0 24px 18px}.fast-multiple{margin-bottom:12px}.fast-multiple .hint{margin-top:8px}.detail-question:last-child{margin-bottom:0}.editor .field textarea,.editor .detail-question textarea{min-height:64px}.review-flags{padding:16px;border:1px solid #e6d9bd;background:#fffaf0;border-radius:8px}.review-flags li{margin:6px 0}.review-flags small{display:block}input[readonly]{background:#f7f8fa}.detail-note label{font-size:14px!important}.scope-suggestions{max-width:calc(100% - 48px)} .question-flow .fast-multiple .detail-options{grid-template-columns:repeat(2,minmax(0,1fr))}.question-flow .section>p,.question-flow .section>details{display:none}.question-flow .section[data-step="4"]>p,.question-flow .section[data-step="4"]>details{display:block}.question-flow .detail-followups{margin:0;border:0;padding:0}.question-flow .detail-question{margin:0}.question-flow .field{margin:0}.question-flow .detail-followups:has(>.detail-question:not([hidden])){display:block}.question-flow .flow-note:has(strong){display:block}.question-flow .flow-note:not(:has(strong)){display:none}.question-flow #gw-actions{position:static;margin-bottom:24px}.question-flow #gw-hint{font-size:14px}.question-flow .section[data-step="4"] .field{margin-top:24px}.question-flow .grid:has(>.field:not([hidden])){display:block}.question-flow .section:has(>#recipient-area:not([hidden])) #recipient-area>.hint{display:block}.question-flow .detail-note summary{padding-top:14px}.question-flow [data-step="4"] .detail-followups{margin-top:24px} @media(max-width:680px){.question-flow .fast-multiple .detail-options{grid-template-columns:1fr}.question-flow #gw-actions>div:first-child{max-width:100%;width:100%}} .question-flow .job-guidance{display:none}.question-flow #gw-title{font-size:19px;margin-bottom:6px}.question-flow .gw-steps{margin-bottom:18px}.question-flow .gw-step-top{margin-bottom:12px}.question-flow .fast-multiple~.gw-unknown{display:none}.question-flow .detail-intro{margin-bottom:16px}.question-flow .head{margin-bottom:20px} .question-ref{display:block;color:#6d2943;font-size:12px;font-weight:650;letter-spacing:.2px;margin:0 0 8px;line-height:1.5}.detail-question>.question-ref{margin-top:4px}.job .info .activity-hint{margin-top:7px;color:#536273;font-size:13px;line-height:1.6}.question-flow .section>.question-ref{display:block}.gw-review .question-ref{font-size:11px} /* ── İş seçimi penceresi (16.09.2026) ───────────────────────────────── */ dialog:has(.is-secim) { width: min(760px, 94vw); max-width: 94vw; padding: 0; } .is-secim { display: flex; flex-direction: column; max-height: min(86vh, 900px); } .is-secim-bas { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 18px 20px 10px; } .is-secim-bas h2 { margin: 0; font-size: 1.05rem; } .is-secim-bas p { margin: 4px 0 0; font-size: .78rem; color: #6b6f77; } .is-secim-kapat { border: 0; background: none; font-size: 1rem; color: #6b6f77; cursor: pointer; padding: 2px 6px; } .is-secim-yardim { margin: 0; padding: 0 20px 12px; font-size: .82rem; line-height: 1.5; color: #5b5f68; } .is-secim-arac { display: flex; gap: 8px; padding: 0 20px 12px; flex-wrap: wrap; } .is-secim-arac input { flex: 1 1 240px; min-width: 0; } .is-secim-arac select { flex: 1 1 auto; min-width: 0; } /* 🏷 Sektör süzgeci: yalnız listeyi gerçekten daraltan bölümlerde çıkar. */ #is-secim-sektor-kutu { display: flex; align-items: center; gap: 8px; flex: 0 1 300px; min-width: 0; } #is-secim-sektor-kutu[hidden] { display: none; } .is-secim-sektor-etiket { font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: #7d7a75; white-space: nowrap; } .is-secim-sektor-not { margin: -6px 20px 10px; font-size: 12px; line-height: 1.45; color: #7d7a75; } .is-secim-sektor-not[hidden] { display: none; } .is-secim-liste { overflow-y: auto; padding: 0 20px 4px; border-top: 1px solid #e6e3df; } .is-secim-grup { margin: 14px 0 0; } .is-secim-grup h3 { margin: 0 0 6px; font-size: .74rem; letter-spacing: .12em; text-transform: uppercase; color: #7d1128; } .is-secim-grup h3 span { color: #a9adb5; font-weight: 400; letter-spacing: 0; } .is-secim-satir { display: flex; align-items: flex-start; gap: 10px; padding: 9px 10px; border: 1px solid transparent; border-radius: 10px; cursor: pointer; } .is-secim-satir:hover { background: #faf7f4; border-color: #ecd9de; } .is-secim-satir input { margin-top: 3px; flex: 0 0 auto; } .is-secim-metin { display: block; min-width: 0; } .is-secim-metin b { display: block; font-size: .9rem; font-weight: 600; line-height: 1.35; } .is-secim-metin small { display: block; margin-top: 3px; font-size: .8rem; color: #4d5158; line-height: 1.55; } .is-secim-satir.eklenmis { opacity: .55; cursor: default; } .is-secim-satir.eklenmis:hover { background: none; border-color: transparent; } .is-secim-rozet { margin-left: auto; flex: 0 0 auto; align-self: center; font-size: .7rem; color: #2f7a52; white-space: nowrap; } .is-secim-alt { display: flex; justify-content: flex-end; gap: 8px; padding: 12px 20px 16px; border-top: 1px solid #e6e3df; background: #fdfcfb; } .is-secim-bos, .is-secim-yukleniyor { padding: 22px 20px; margin: 0; font-size: .88rem; color: #6b6f77; } #is-secim-hata { padding: 0 20px 12px; margin: 0; color: #a3222f; font-size: .82rem; } @media (max-width: 560px) { .is-secim-bas, .is-secim-yardim, .is-secim-arac, .is-secim-sektor-not, .is-secim-liste, .is-secim-alt { padding-left: 14px; padding-right: 14px; } .is-secim-sektor-not { margin-left: 0; margin-right: 0; } .is-secim-alt button { flex: 1 1 auto; } .is-secim-rozet { display: none; } } .gw-list-acts { display: flex; gap: 8px; flex-wrap: wrap; } .is-secim-satir.listemde { background: #fbf7f8; border-color: #f0dfe3; } .gw-list-note { flex: 1 0 100%; order: 3; margin: 8px 0 0; font-size: .82rem; color: #6b6f77; line-height: 1.5; } .gw-job-remove { margin-left: 6px; } /* ── İş seçimi penceresi v27: örnekler, seçim şeridi, elle ekleme ── */ .is-secim-satir.secili { background: #fbf4f5; border-color: #e6c8cf; } .is-secim-ornek { display: block; margin-top: 5px; font-size: .78rem; color: #5b5f68; line-height: 1.5; } .is-secim-ornek b { display: block; font-size: .68rem; font-weight: 600; letter-spacing: .09em; text-transform: uppercase; color: #a08089; margin-bottom: 1px; } .is-secim-ornek i { display: block; font-style: normal; padding-left: 11px; position: relative; } .is-secim-ornek i::before { content: "·"; position: absolute; left: 2px; color: #c9a3ac; } .is-secim-veri { display: block; margin-top: 2px; font-size: .74rem; color: #9aa0a8; line-height: 1.45; } .is-secim-elle { margin: 18px 0 6px; padding: 12px 12px 4px; border: 1px dashed #d9dce1; border-radius: 12px; background: #fcfbfa; } .is-secim-elle h3 { margin: 0 0 4px; font-size: .84rem; font-weight: 600; color: #16181d; letter-spacing: 0; text-transform: none; } .is-secim-elle p { margin: 0 0 8px; font-size: .79rem; color: #6b6f77; line-height: 1.5; } .is-secim-elle-giris { display: flex; gap: 8px; flex-wrap: wrap; } .is-secim-elle-giris input { flex: 1 1 260px; min-width: 0; } .is-secim-elle-hata { margin: 6px 0 0; font-size: .78rem; color: #a3222f; } .is-secim-serit { border-top: 1px solid #e6e3df; padding: 10px 20px 0; background: #fdfcfb; } .is-secim-serit-baslik { display: block; font-size: .7rem; letter-spacing: .12em; text-transform: uppercase; color: #7d1128; font-weight: 600; margin-bottom: 6px; } .is-secim-serit-bos { margin: 0 0 8px; font-size: .78rem; color: #9aa0a8; } .is-secim-cipler { display: flex; flex-wrap: wrap; gap: 6px; max-height: 96px; overflow-y: auto; padding-bottom: 8px; } .is-secim-cip { display: inline-flex; align-items: center; gap: 6px; max-width: 320px; font-size: .78rem; background: #fff; border: 1px solid #e6c8cf; border-radius: 999px; padding: 3px 4px 3px 8px; } .is-secim-cip b { flex: 0 0 auto; width: 17px; height: 17px; border-radius: 50%; background: #7d1128; color: #fff; font-size: .65rem; display: inline-flex; align-items: center; justify-content: center; font-weight: 600; } .is-secim-cip i { font-style: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .is-secim-cip.elle { border-style: dashed; } .is-secim-cip button { border: 0; background: none; color: #9aa0a8; cursor: pointer; padding: 0 4px; font-size: .8rem; } .is-secim-cip button:hover { color: #a3222f; } .is-secim-cikar-not { align-self: center; font-size: .76rem; color: #a3222f; } /* ── Rehberli sıra şeridi ── */ .sira-serit { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin: 0 0 14px; padding: 11px 14px; border: 1px solid #e6c8cf; border-left: 3px solid #7d1128; border-radius: 12px; background: #fdf7f8; } .sira-metin { flex: 1 1 260px; min-width: 0; } .sira-metin b { display: block; font-size: .8rem; color: #7d1128; } .sira-metin span { display: block; font-size: .75rem; color: #5b5f68; line-height: 1.5; } .sira-bar { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; } .sira-bar progress { width: 120px; height: 6px; } .sira-bar span { font-size: .78rem; color: #5b5f68; font-variant-numeric: tabular-nums; } .sira-dugmeler { display: flex; gap: 6px; flex: 0 0 auto; flex-wrap: wrap; } .sira-dugmeler button { font-size: 11.5px; min-height: 32px; padding: 6px 11px; } .sira-cikar { color: #8b6a72; } .sira-cikar:hover { color: #a3222f; border-color: #e0b6bf; } .sira-birak { flex: 0 0 auto; } @media (max-width: 720px) { .is-secim-serit { padding-left: 14px; padding-right: 14px; } .sira-bar progress { width: 90px; } } /* ── 🛡 Koruma tedbirleri bloğu (çalışan) ── */ #tedbir-blok { border-top: 2px solid #7d1128; } .ted-bas { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; flex-wrap: wrap; } .ted-bas h2 { margin: 0 0 4px; } .ted-bas p { margin: 0; font-size: .82rem; color: #6b6f77; line-height: 1.6; max-width: 640px; } .ted-ilerleme { display: flex; align-items: center; gap: 8px; font-size: .78rem; color: #5b5f68; } .ted-ilerleme progress { width: 110px; height: 6px; } .ted-grup { border-top: 1px solid #eceef1; padding: 14px 24px 6px; } .ted-grup h3 { margin: 0 0 8px; font-size: .7rem; letter-spacing: .12em; text-transform: uppercase; color: #7d1128; font-weight: 600; } .ted-satir { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 20px; padding: 12px 0; border-bottom: 1px solid #f2f3f5; } .ted-satir:last-child { border-bottom: 0; } .ted-soru b { display: block; font-size: .9rem; font-weight: 600; line-height: 1.45; } .ted-soru small { display: block; margin-top: 4px; font-size: .8rem; color: #4d5158; line-height: 1.55; } .ted-ornek { display: block; margin-top: 5px; font-size: .77rem; color: #5b5f68; } .ted-ornek b { display: block; font-size: .67rem; font-weight: 600; letter-spacing: .09em; text-transform: uppercase; color: #a08089; margin-bottom: 1px; } .ted-ornek i { display: block; font-style: normal; padding-left: 11px; position: relative; } .ted-ornek i::before { content: "·"; position: absolute; left: 2px; color: #c9a3ac; } .ted-yon { display: block; margin-top: 6px; font-size: .75rem; color: #8a6d24; } .ted-kilit { display: block; margin-top: 6px; font-size: .75rem; color: #2f7a52; } .ted-satir.kilitli { opacity: .72; } .ted-cevap { display: flex; flex-direction: column; gap: 6px; } .ted-secenekler { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; } .ted-secenekler label { display: flex; align-items: center; gap: 6px; font-size: .78rem; font-weight: 400; margin: 0; padding: 7px 9px; border: 1px solid #e1dce2; border-radius: 6px; background: #fff; cursor: pointer; } .ted-secenekler label.secili { border-color: #ae667d; background: #fbf3f6; box-shadow: inset 0 0 0 1px #ae667d; } .ted-secenekler input { width: auto; margin: 0; accent-color: #7d1128; } .ted-cevap input[type=text] { font-size: .78rem; padding: 7px 9px; } .ted-alt { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; border-top: 1px solid #eceef1; } #ted-durum { font-size: .8rem; color: #5b5f68; } .ted-uyari { margin: 0; padding: 0 24px 16px; font-size: .72rem; color: #9aa0a8; line-height: 1.6; } @media (max-width: 860px) { .ted-satir { grid-template-columns: 1fr; gap: 10px; } .ted-grup { padding-left: 16px; padding-right: 16px; } .ted-uyari { padding-left: 16px; padding-right: 16px; } } /* İş rozeti: kaydedilmiş ama ek soruları eksik iş */ .badge.warn{background:#fdf1dc;color:#8a5b12;border-color:#e4c78a} /* ── v41 · Çalışma profili ekranı ───────────────────────────────────── Grafik renkleri kategoriktir ve dataviz doğrulayıcısından geçmiştir (light, yüzey #fff: lightness band / chroma / CVD / normal görme / kontrast). */ .profil-ekran{--gr-iyi:#0a7a52;--gr-orta:#c08319;--gr-devam:#3f5fa8;--gr-bekleyen:#9a94a0} .profil-hero{display:grid;grid-template-columns:minmax(220px,1fr) minmax(280px,1.3fr);gap:28px;align-items:center;padding:24px} .ph-etiket{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 6px} .ph-rakam{font-size:62px;line-height:1;font-weight:600;letter-spacing:-2px;margin:0;font-variant-numeric:tabular-nums} .ph-rakam span{font-size:24px;font-weight:500;color:var(--muted);margin-left:3px} .ph-alt{margin:8px 0 12px;color:var(--muted);font-size:13px} .ph-ray{height:6px;border-radius:99px;background:var(--iz);overflow:hidden} .ph-ray i{display:block;height:100%;border-radius:99px;background:var(--gr-iyi);transition:width .4s} .ph-not{margin:10px 0 0;font-size:12px;color:var(--muted)} .ph-cagri{margin:10px 0 0;font-size:12.5px;font-weight:600;color:var(--gr-iyi)} .profil-hero,.profil-ekran .panel{padding:22px 24px} .profil-ekran .panel h2{margin:0 0 14px} .ph-sag{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .ph-kutu{border:1px solid var(--iz);border-radius:10px;padding:12px 14px;background:var(--canvas)} .ph-kutu span{display:block;font-size:11.5px;color:var(--muted);line-height:1.35} .ph-kutu b{display:block;font-size:24px;font-weight:600;letter-spacing:-.6px;margin-top:2px;font-variant-numeric:tabular-nums} .ph-kutu small{display:block;font-size:11px;color:var(--muted)} .profil-asama{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;counter-reset:asama} .profil-asama li{position:relative;padding:14px 14px 14px 46px;border:1px solid var(--iz);border-radius:10px;background:var(--canvas)} .profil-asama li.suan{border-color:var(--gr-orta);background:var(--durum-izlemede-yumusak)} .profil-asama li.bitti{border-color:color-mix(in srgb,var(--gr-iyi) 35%,transparent);background:var(--durum-iyi-yumusak)} .pa-nokta{position:absolute;left:12px;top:13px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center; font-size:12px;font-weight:600;background:var(--surface);border:1px solid var(--iz);color:var(--muted)} .profil-asama li.bitti .pa-nokta{background:var(--gr-iyi);border-color:var(--gr-iyi);color:#fff} .profil-asama li.suan .pa-nokta{background:var(--gr-orta);border-color:var(--gr-orta);color:#fff} .pa-ad{display:block;font-weight:600;font-size:13.5px} .pa-alt{display:block;font-size:12px;color:var(--muted);margin-top:2px} .profil-ikili{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;align-items:start} .gr-yigin{position:relative;height:14px;border-radius:7px;background:var(--iz);overflow:hidden;margin:6px 0 14px} .gr-parca{position:absolute;top:0;height:100%;box-shadow:-2px 0 0 0 var(--surface);cursor:default} .gr-parca:first-child{box-shadow:none} .gr-parca:focus-visible{outline:2px solid var(--brand);outline-offset:2px} .gr-anahtar{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:14px;font-size:12.5px;color:var(--muted)} .gr-anahtar li{display:flex;align-items:center;gap:6px} .gr-anahtar i{width:9px;height:9px;border-radius:2px;display:inline-block} .gr-anahtar b{color:var(--ink);font-variant-numeric:tabular-nums} .profil-not{font-size:12.5px;margin:12px 0 0} .gr-satirlar{display:grid;gap:9px} .gr-satir{display:grid;grid-template-columns:minmax(120px,1.35fr) 2fr auto;align-items:center;gap:12px;font-size:12.5px} .gr-satir:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:4px} .gr-ad{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .gr-ray{height:8px;border-radius:4px;background:var(--iz);overflow:hidden} .gr-ray i{display:block;height:100%;border-radius:4px} .gr-deger{font-variant-numeric:tabular-nums;font-weight:600;min-width:46px;text-align:right} .gr-deger small{color:var(--muted);font-weight:400} .gr-tablo{width:100%;border-collapse:collapse;font-size:13px} .gr-tablo th{text-align:left;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-weight:600;padding:0 10px 8px 0} .gr-tablo td{padding:9px 10px 9px 0;border-top:1px solid var(--iz);vertical-align:middle} .gr-tablo .gr-sayi{font-variant-numeric:tabular-nums;color:var(--muted)} .gr-tablo tr td:last-child{text-align:right;padding-right:0} .gr-gizli{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} .profil-devam{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap} .profil-devam h2{margin:0 0 4px} #profil-ipucu{position:absolute;z-index:60;max-width:280px;padding:8px 10px;border-radius:8px;font-size:12px;line-height:1.45; background:#25242a;color:#fff;box-shadow:0 8px 24px -12px rgba(0,0,0,.6);pointer-events:none} @media(max-width:820px){ .profil-hero{grid-template-columns:1fr;gap:20px} .profil-asama{grid-template-columns:1fr} .ph-rakam{font-size:48px} } /* 🚫 "Bu bölümde iş yok" kapanışı (D21) */ .bolum-isyok h2{margin:0 0 6px} .bolum-isyok p{margin:0 0 10px} .bolum-isyok-gerekce{padding:10px 12px;border-left:3px solid var(--gr-devam,#3f5fa8); background:var(--canvas);border-radius:0 8px 8px 0;white-space:pre-wrap} /* 🖱 Çalışma profili — her parça tıklanabilir (21.09.2026). Düğmeler kart görünümünü bozmadan gerçek