/* AFC PDKS V3.19.12 – SADECE yönetim rollerinin telefon görünümü. Sınırlama: maksimum 760px + appView + employee-mobile-app OLMAYAN hesaplar. JS uygulaması, QR kamera, oturum açma ve Supabase işlemlerine müdahale edilmez. */ .pdks-manager-mobile-bar,.pdks-mobile-menu,.pdks-mobile-menu-shade{display:none} @media (max-width:760px){ #appView.app-shell:not(.employee-mobile-app){display:block;min-height:100dvh;background:#f3f5f7} #appView.app-shell:not(.employee-mobile-app) .main{width:100%;min-width:0;padding-bottom:calc(84px + env(safe-area-inset-bottom))} #appView.app-shell:not(.employee-mobile-app) .topbar{display:flex;position:relative;align-items:center;gap:9px;justify-content:space-between;background:#fff;border-bottom:1px solid #e2e8eb;min-height:84px;padding:16px 13px 16px 68px;box-shadow:0 2px 8px #1c2c3908} #appView.app-shell:not(.employee-mobile-app) .topbar::before{content:"";position:absolute;left:12px;top:16px;width:45px;height:45px;background:url("assets/arden-fc-logo.png") center/contain no-repeat} #appView.app-shell:not(.employee-mobile-app) .topbar .eyebrow{font-size:10px;color:#6d7d88;letter-spacing:.08em} #appView.app-shell:not(.employee-mobile-app) .topbar h2{font-size:19px;line-height:1.2;margin:4px 0 0;overflow-wrap:anywhere} #appView.app-shell:not(.employee-mobile-app) .topbar .pill{font-size:11px;padding:7px 9px;white-space:nowrap} #appView.app-shell:not(.employee-mobile-app) .content{padding:14px 12px 24px;min-width:0;max-width:none} #appView.app-shell:not(.employee-mobile-app) .panel{min-width:0;width:100%;max-width:none;border-radius:18px;border:1px solid #e2e8eb;padding:17px 15px;box-shadow:0 3px 14px #263b5010;margin-bottom:14px} #appView.app-shell:not(.employee-mobile-app) .panel h3{font-size:18px;line-height:1.3} #appView.app-shell:not(.employee-mobile-app) .panel p{font-size:13px;line-height:1.55} #appView.app-shell:not(.employee-mobile-app) .branch-head{align-items:flex-start;flex-wrap:wrap;gap:12px} #appView.app-shell:not(.employee-mobile-app) .branch-head button{min-height:42px} #appView.app-shell:not(.employee-mobile-app) .small-primary, #appView.app-shell:not(.employee-mobile-app) .approval-green{background:#195c43!important;color:#fff!important;border:0!important;border-radius:10px;min-height:43px;font-weight:750} #appView.app-shell:not(.employee-mobile-app) .approval-red, #appView.app-shell:not(.employee-mobile-app) .afc-modal-danger{background:#a9343c!important;color:#fff!important;border:0!important;border-radius:10px;min-height:43px;font-weight:750} #appView.app-shell:not(.employee-mobile-app) .secondary-btn{border-radius:10px;min-height:42px} #appView.app-shell:not(.employee-mobile-app) input:not([type=checkbox]), #appView.app-shell:not(.employee-mobile-app) select, #appView.app-shell:not(.employee-mobile-app) textarea{font-size:16px;max-width:100%;min-height:43px} #appView.app-shell:not(.employee-mobile-app) input[type=checkbox]{width:18px;height:18px;accent-color:#195c43;flex:none} #appView.app-shell:not(.employee-mobile-app) .attendance-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:15px 0} #appView.app-shell:not(.employee-mobile-app) .attendance-stat{min-width:0;border-radius:14px;padding:15px 11px;background:#f3f6f7} #appView.app-shell:not(.employee-mobile-app) .attendance-stat strong{font-size:25px;font-variant-numeric:tabular-nums} #appView.app-shell:not(.employee-mobile-app) .attendance-stat small{font-size:11px;overflow-wrap:anywhere} #appView.app-shell:not(.employee-mobile-app) .employee-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px} #appView.app-shell:not(.employee-mobile-app) .employee-stat{min-width:0;padding:11px 8px;border-radius:13px} #appView.app-shell:not(.employee-mobile-app) .employee-stat strong{font-size:22px} #appView.app-shell:not(.employee-mobile-app) .employee-stat small{font-size:10px;overflow-wrap:anywhere} #appView.app-shell:not(.employee-mobile-app) .employee-filters{display:grid;grid-template-columns:1fr;gap:9px} #appView.app-shell:not(.employee-mobile-app) .employee-tabs{display:flex;overflow-x:auto;flex-wrap:nowrap;gap:7px;overscroll-behavior-x:contain;scrollbar-width:thin;max-width:100%;margin:13px -2px;padding:2px 2px 9px} #appView.app-shell:not(.employee-mobile-app) .employee-tabs button{white-space:nowrap;flex:0 0 auto;min-height:41px;padding:9px 12px;border-radius:24px;font-size:12px} #appView.app-shell:not(.employee-mobile-app) .employee-tabs .employee-tab-active{background:#195c43;color:white;border-color:#195c43} #appView.app-shell:not(.employee-mobile-app) .employee-table{width:100%;max-width:100%;overflow:visible;border:0;background:transparent} #appView.app-shell:not(.employee-mobile-app) .employee-management-table{display:block;width:100%;min-width:0;table-layout:auto;border-collapse:separate} #appView.app-shell:not(.employee-mobile-app) .employee-management-table thead{display:none} #appView.app-shell:not(.employee-mobile-app) .employee-management-table tbody{display:grid;gap:11px;width:100%} #appView.app-shell:not(.employee-mobile-app) .employee-management-table tr{display:grid;grid-template-columns:54px minmax(0,1fr);grid-template-rows:auto;gap:5px 11px;padding:15px 12px;border-radius:15px;background:#fff;border:1px solid #e2e8eb;box-shadow:0 2px 9px #243c4c0a;min-width:0} #appView.app-shell:not(.employee-mobile-app) .employee-management-table td{display:block;width:auto!important;padding:0!important;min-width:0;border:0;font-size:12px;line-height:1.45;text-align:left;overflow-wrap:anywhere} #appView.app-shell:not(.employee-mobile-app) .employee-management-table td:nth-child(1){grid-column:1;grid-row:1 / span 2;align-self:start} #appView.app-shell:not(.employee-mobile-app) .employee-management-table td:nth-child(1) .employee-photo-small{width:52px;height:52px} #appView.app-shell:not(.employee-mobile-app) .employee-management-table td:nth-child(2){grid-column:2;grid-row:1;font-size:15px;color:#192b34;font-weight:800} #appView.app-shell:not(.employee-mobile-app) .employee-management-table td:nth-child(6){grid-column:2;grid-row:2} #appView.app-shell:not(.employee-mobile-app) .employee-management-table td:nth-child(5){grid-column:1 / -1;grid-row:3;margin-top:5px;color:#435661} #appView.app-shell:not(.employee-mobile-app) .employee-management-table td:nth-child(5)::before{content:"Şube: ";font-weight:700;color:#627783} #appView.app-shell:not(.employee-mobile-app) .employee-management-table td:nth-child(3){grid-column:1 / -1;grid-row:4;color:#435661} #appView.app-shell:not(.employee-mobile-app) .employee-management-table td:nth-child(3)::before{content:"Kullanıcı adı: ";font-weight:700;color:#627783} #appView.app-shell:not(.employee-mobile-app) .employee-management-table td:nth-child(4){grid-column:1 / -1;grid-row:5;color:#435661} #appView.app-shell:not(.employee-mobile-app) .employee-management-table td:nth-child(4)::before{content:"T.C.: ";font-weight:700;color:#627783} #appView.app-shell:not(.employee-mobile-app) .employee-management-table td:nth-child(7){grid-column:1 / -1;grid-row:6;border-top:1px solid #e8edf0;padding-top:10px!important;margin-top:5px} #appView.app-shell:not(.employee-mobile-app) .employee-management-table .employee-row-actions{display:flex;flex-wrap:wrap;justify-content:stretch;gap:7px} #appView.app-shell:not(.employee-mobile-app) .employee-management-table .employee-row-actions button{flex:1;min-width:0;min-height:40px} #appView.app-shell:not(.employee-mobile-app) .employee-management-table .employee-row-actions .employee-detail-button{flex:0 0 54px} /* Fotoğraf Talepleri sekmesi: önizleme fotoğrafı, onay ve ret hep görünür. */ #appView.app-shell:not(.employee-mobile-app) .photo-approvals{padding-top:13px} #appView.app-shell:not(.employee-mobile-app) .photo-approvals .branch-list{display:grid;gap:10px;margin-top:13px} #appView.app-shell:not(.employee-mobile-app) .photo-approvals .branch-item{display:grid;grid-template-columns:52px 1fr;gap:9px 12px;align-items:center;padding:14px;background:#fafcfd;border:1px solid #e2e8eb;border-radius:14px} #appView.app-shell:not(.employee-mobile-app) .photo-approvals .employee-photo-small{grid-column:1;grid-row:1;width:50px;height:50px} #appView.app-shell:not(.employee-mobile-app) .photo-approvals .branch-info{grid-column:2;grid-row:1;min-width:0} #appView.app-shell:not(.employee-mobile-app) .photo-approvals .branch-item button{grid-row:2;min-width:0;width:100%} #appView.app-shell:not(.employee-mobile-app) .photo-approvals .branch-item button:nth-last-child(2){grid-column:1 / -1;grid-row:2;width:100%} #appView.app-shell:not(.employee-mobile-app) .photo-approvals .branch-item button:last-child{grid-column:1 / -1;grid-row:3;width:100%} #appView.app-shell:not(.employee-mobile-app) .personnel-action-buttons{grid-template-columns:1fr 1fr;gap:8px} #appView.app-shell:not(.employee-mobile-app) .personnel-action-buttons button{white-space:normal;min-width:0;overflow-wrap:anywhere;font-size:12px} #appView.app-shell:not(.employee-mobile-app) .employee-form, #appView.app-shell:not(.employee-mobile-app) .branch-form, #appView.app-shell:not(.employee-mobile-app) .user-form{grid-template-columns:1fr;min-width:0} #appView.app-shell:not(.employee-mobile-app) .photo-picker{max-width:100%} #appView.app-shell:not(.employee-mobile-app) .branch-list{gap:10px} #appView.app-shell:not(.employee-mobile-app) .branch-item{display:flex;flex-wrap:wrap;align-items:center;gap:12px;background:#fff;border-radius:13px;padding:14px;min-width:0} #appView.app-shell:not(.employee-mobile-app) .branch-info{min-width:0;flex:1 1 170px} #appView.app-shell:not(.employee-mobile-app) .branch-item>button{flex:0 0 auto} #appView.app-shell:not(.employee-mobile-app) .branch-actions{justify-content:stretch;flex-wrap:wrap} #appView.app-shell:not(.employee-mobile-app) .branch-actions button{flex:1} #appView.app-shell:not(.employee-mobile-app) .geo-tools{grid-template-columns:1fr;min-width:0;padding:13px} #appView.app-shell:not(.employee-mobile-app) .geo-tools > *{grid-column:1 / -1} #appView.app-shell:not(.employee-mobile-app) .geo-buttons{display:grid;grid-template-columns:1fr} #appView.app-shell:not(.employee-mobile-app) .branch-map{height:260px} #appView.app-shell:not(.employee-mobile-app) .approval-filters{display:grid;grid-template-columns:1fr;gap:9px;margin:13px 0} #appView.app-shell:not(.employee-mobile-app) .approval-filters select{min-width:0;width:100%;margin:0} #appView.app-shell:not(.employee-mobile-app) .approval-actions{justify-content:flex-end} #appView.app-shell:not(.employee-mobile-app) .approval-inline-actions{display:flex;gap:8px;flex-wrap:wrap} #appView.app-shell:not(.employee-mobile-app) .approval-inline-actions button{flex:1;min-width:0} #appView.app-shell:not(.employee-mobile-app) .attendance-panel:has(.approval-filters) .attendance-table-wrap, #appView.app-shell:not(.employee-mobile-app) .attendance-panel:not(:has(.approval-filters)) .attendance-table-wrap{overflow:visible;width:100%;max-width:none} #appView.app-shell:not(.employee-mobile-app) .attendance-panel .attendance-table{display:block;width:100%;min-width:0!important;border:0} #appView.app-shell:not(.employee-mobile-app) .attendance-panel .attendance-table thead{display:none} #appView.app-shell:not(.employee-mobile-app) .attendance-panel .attendance-table tbody{display:grid;gap:10px} #appView.app-shell:not(.employee-mobile-app) .attendance-panel .attendance-table tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;background:#fff;border:1px solid #e2e7eb;border-radius:14px;padding:14px 12px;min-width:0;box-shadow:0 2px 10px #172f4409} #appView.app-shell:not(.employee-mobile-app) .attendance-panel .attendance-table tbody td{display:block;width:auto!important;min-width:0;padding:3px 0!important;border:0!important;font-size:12px;line-height:1.45;overflow-wrap:anywhere} #appView.app-shell:not(.employee-mobile-app) .attendance-panel .attendance-table tbody td:first-child{grid-column:1 / -1;font-size:14px;font-weight:750} #appView.app-shell:not(.employee-mobile-app) .attendance-panel:not(:has(.approval-filters)) .attendance-table tbody td:nth-child(2)::before{content:"Şube"} #appView.app-shell:not(.employee-mobile-app) .attendance-panel:not(:has(.approval-filters)) .attendance-table tbody td:nth-child(3)::before{content:"Giriş"} #appView.app-shell:not(.employee-mobile-app) .attendance-panel:not(:has(.approval-filters)) .attendance-table tbody td:nth-child(4)::before{content:"Çıkış"} #appView.app-shell:not(.employee-mobile-app) .attendance-panel:not(:has(.approval-filters)) .attendance-table tbody td:nth-child(5)::before{content:"Süre"} #appView.app-shell:not(.employee-mobile-app) .attendance-panel:not(:has(.approval-filters)) .attendance-table tbody td:nth-child(6)::before{content:"Durum"} #appView.app-shell:not(.employee-mobile-app) .attendance-panel:not(:has(.approval-filters)) .attendance-table tbody td:nth-child(7)::before{content:"İşlem"} #appView.app-shell:not(.employee-mobile-app) .attendance-panel:has(.approval-filters) .attendance-table tbody td:nth-child(2)::before{content:"Personel / Şube"} #appView.app-shell:not(.employee-mobile-app) .attendance-panel:has(.approval-filters) .attendance-table tbody td:nth-child(3)::before{content:"Talep / Tarih"} #appView.app-shell:not(.employee-mobile-app) .attendance-panel:has(.approval-filters) .attendance-table tbody td:nth-child(4)::before{content:"Açıklama / Aşama"} #appView.app-shell:not(.employee-mobile-app) .attendance-panel:has(.approval-filters) .attendance-table tbody td:nth-child(5)::before{content:"İşlem"} #appView.app-shell:not(.employee-mobile-app) .attendance-table tbody td:not(:first-child)::before{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.03em;font-weight:800;color:#7f8c96;margin-bottom:3px} #appView.app-shell:not(.employee-mobile-app) .attendance-panel:has(.approval-filters) .attendance-table tbody td:nth-child(1){grid-column:1 / -1;min-height:20px} #appView.app-shell:not(.employee-mobile-app) .attendance-panel:has(.approval-filters) .attendance-table tbody td:nth-child(2){grid-column:1 / -1} #appView.app-shell:not(.employee-mobile-app) .attendance-panel:has(.approval-filters) .attendance-table tbody td:nth-child(3){grid-column:1 / -1} #appView.app-shell:not(.employee-mobile-app) .attendance-panel:has(.approval-filters) .attendance-table tbody td:nth-child(4){grid-column:1 / -1} #appView.app-shell:not(.employee-mobile-app) .attendance-panel:has(.approval-filters) .attendance-table tbody td:nth-child(5){grid-column:1 / -1;border-top:1px solid #ebeff2!important;padding-top:8px!important} #appView.app-shell:not(.employee-mobile-app) .attendance-panel:has(.approval-filters) .attendance-table tbody td:nth-child(1):empty{display:none} #appView.app-shell:not(.employee-mobile-app) .export-actions{display:flex;gap:8px;flex-wrap:wrap} #appView.app-shell:not(.employee-mobile-app) .attendance-filters{grid-template-columns:1fr 1fr;gap:10px} #appView.app-shell:not(.employee-mobile-app) .attendance-filter{min-width:0;margin:0} #appView.app-shell:not(.employee-mobile-app) .attendance-filter input, #appView.app-shell:not(.employee-mobile-app) .attendance-filter select{width:100%;min-width:0} #appView.app-shell:not(.employee-mobile-app) .table-pagination{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;align-items:center} #appView.app-shell:not(.employee-mobile-app) .table-pagination button{min-height:39px} #appView.app-shell:not(.employee-mobile-app) .qr-two{grid-template-columns:1fr;gap:12px} #appView.app-shell:not(.employee-mobile-app) .qr-section{padding:15px} #appView.app-shell:not(.employee-mobile-app) .qr-image img, #appView.app-shell:not(.employee-mobile-app) .qr-image canvas{max-width:100%;height:auto} #appView.app-shell:not(.employee-mobile-app) .qr-select{width:100%;max-width:100%} #appView.app-shell:not(.employee-mobile-app) .user-branch-list{grid-template-columns:1fr;max-height:240px} /* Orijinal yönetim menüsü sadece Diğer panelinde açılır: role göre nav zaten filtreli. */ #appView.app-shell:not(.employee-mobile-app) .sidebar{display:none!important} #appView.app-shell:not(.employee-mobile-app) .pdks-manager-mobile-bar{position:fixed;z-index:80;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:calc(74px + env(safe-area-inset-bottom));padding:8px 4px calc(8px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -3px 14px #172a3a1d;border-top:1px solid #e2e8eb;gap:2px} #appView.app-shell:not(.employee-mobile-app) .pdks-manager-mobile-bar button{border:0;background:transparent;color:#758492;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;min-width:0;cursor:pointer;font-size:10px;font-weight:700;border-radius:12px;padding:5px 0} #appView.app-shell:not(.employee-mobile-app) .pdks-manager-mobile-bar button .mobile-bar-icon{font-size:23px;font-weight:700;line-height:1.1} #appView.app-shell:not(.employee-mobile-app) .pdks-manager-mobile-bar button[aria-current="page"]{color:#195c43;background:#eaf3ee} #appView.app-shell:not(.employee-mobile-app) .pdks-mobile-menu-shade{display:none;position:fixed;z-index:100;inset:0;background:rgba(8,20,30,.48)} #appView.app-shell:not(.employee-mobile-app) .pdks-mobile-menu{display:flex;position:fixed;z-index:101;top:auto;left:0;right:0;bottom:0;max-height:85dvh;transform:translateY(105%);visibility:hidden;pointer-events:none;transition:transform .22s ease;flex-direction:column;gap:10px;background:#fff;border-radius:22px 22px 0 0;padding:16px 16px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -8px 40px #0c1b2b22;overflow-y:auto} #appView.app-shell:not(.employee-mobile-app).pdks-mobile-drawer-open .pdks-mobile-menu-shade{display:block} #appView.app-shell:not(.employee-mobile-app).pdks-mobile-drawer-open .pdks-mobile-menu{transform:translateY(0);visibility:visible;pointer-events:auto} #appView.app-shell:not(.employee-mobile-app) .pdks-mobile-menu-title{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:19px;color:#1c303d} #appView.app-shell:not(.employee-mobile-app) .pdks-mobile-menu-title button{border:1px solid #e2e8eb;background:#fff;border-radius:10px;width:42px;height:42px;font-size:18px} #appView.app-shell:not(.employee-mobile-app) .pdks-mobile-menu-caption{font-size:12px;color:#687884} #appView.app-shell:not(.employee-mobile-app) .pdks-mobile-menu-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px} #appView.app-shell:not(.employee-mobile-app) .pdks-mobile-menu-buttons button{min-height:54px;white-space:normal;overflow-wrap:anywhere;padding:10px;border:1px solid #e3e9ec;background:#f7f9fa;border-radius:13px;text-align:left;font-size:13px;font-weight:750;color:#294150;cursor:pointer} #appView.app-shell:not(.employee-mobile-app) .pdks-mobile-menu-buttons button[aria-current="page"]{background:#eaf3ee;color:#195c43;border-color:#c5dfd0} #appView.app-shell:not(.employee-mobile-app) .pdks-mobile-menu-logout{border:1px solid #e7c8cd;background:#fff1f2;color:#a9343c;border-radius:12px;padding:13px;font-weight:800;margin-top:4px} #appView.app-shell:not(.employee-mobile-app) .afc-modal-overlay{padding:12px} #appView.app-shell:not(.employee-mobile-app) .afc-modal{max-height:90dvh;overflow:auto} } @media (max-width:380px){ #appView.app-shell:not(.employee-mobile-app) .attendance-filters{grid-template-columns:1fr} #appView.app-shell:not(.employee-mobile-app) .personnel-action-buttons{grid-template-columns:1fr} } @media print{.pdks-manager-mobile-bar,.pdks-mobile-menu,.pdks-mobile-menu-shade{display:none!important}}