/* Home/Güvenlik ekranlarının Medi UI yüzeyi. */
#guvenlik-app,#guvenlik-calisan-detay{display:block;min-width:0;padding:1rem;color:#334155}
#guvenlik-app * ,#guvenlik-calisan-detay *{box-sizing:border-box}
.guvenlik-page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;padding:1rem;border:1px solid #bfd7e8;border-radius:12px;background:#fff}
.guvenlik-page-heading{display:flex;align-items:center;gap:.75rem}.guvenlik-page-heading .medi-page-header__icon{flex:0 0 auto}
#guvenlik-app>.box{border:0;background:transparent;box-shadow:none}
#guvenlik-app>.box>.box-header{display:none}
#guvenlik-app .box-body{min-width:0;padding:0}
#guvenlik-app .row,#guvenlik-calisan-detay .row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:.75rem;margin:0}
#guvenlik-app :is(.col-md-12,.col-sm-12,.col-xs-12),#guvenlik-calisan-detay :is(.col-md-12,.col-sm-12,.col-xs-12){grid-column:1/-1;min-width:0;padding:0}
#guvenlik-app :is(.col-md-6,.col-sm-6,.col-xs-6),#guvenlik-calisan-detay :is(.col-md-6,.col-sm-6,.col-xs-6){grid-column:span 6;min-width:0;padding:0}
#guvenlik-app :is(.col-md-4,.col-sm-4),#guvenlik-calisan-detay :is(.col-md-4,.col-sm-4){grid-column:span 4;min-width:0;padding:0}
#guvenlik-app :is(.col-md-3,.col-sm-3),#guvenlik-calisan-detay :is(.col-md-3,.col-sm-3){grid-column:span 3;min-width:0;padding:0}
#guvenlik-app .nav-tabs-custom{min-width:0;border:1px solid #dbe7ef;border-radius:12px;background:#fff;box-shadow:0 1px 2px #0f172a0d;overflow:hidden}
#guvenlik-app ul.nav-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin:0;padding:.65rem;border-bottom:1px solid #dbe7ef;background:#f7fbff;list-style:none}
#guvenlik-app ul.nav-tabs>li{margin:0}
#guvenlik-app ul.nav-tabs>li>a{position:relative;display:inline-flex;min-height:40px;align-items:center;gap:.4rem;padding:.55rem .8rem;border:1px solid transparent;border-radius:8px;color:#475569;font-size:14px;font-weight:700;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s}
#guvenlik-app ul.nav-tabs>li>a:hover,#guvenlik-app ul.nav-tabs>li>a:focus-visible{border-color:#bae6fd;background:#fff;color:#0c4a6e;outline:0}
#guvenlik-app ul.nav-tabs>li.active>a{border-color:#38bdf8;background:#e0f2fe;color:#082f49;box-shadow:0 1px 2px #0000000d}
#guvenlik-app ul.nav-tabs>li.active>a:after{content:"";position:absolute;right:.75rem;bottom:0;left:.75rem;height:3px;border-radius:3px 3px 0 0;background:#0284c7}
#guvenlik-app .tab-content{min-width:0;padding:1rem}
#guvenlik-app .tab-pane{display:none;min-width:0}#guvenlik-app .tab-pane.active{display:block}
#guvenlik-app table,#guvenlik-calisan-detay table{width:100%;border-collapse:collapse;background:#fff}
#guvenlik-app th,#guvenlik-app td,#guvenlik-calisan-detay th,#guvenlik-calisan-detay td{padding:.7rem .75rem;border-bottom:1px solid #e2e8f0;text-align:left;vertical-align:middle}
#guvenlik-app th,#guvenlik-calisan-detay th{background:#f8fafc;color:#334155;font-size:.78rem;font-weight:750;letter-spacing:.025em}
#guvenlik-app tbody tr:hover,#guvenlik-calisan-detay tbody tr:hover{background:#f8fafc}
#guvenlik-app .form-control,#guvenlik-calisan-detay .form-control{display:block;width:100%;min-height:40px;padding:.5rem .65rem;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#0f172a;font:inherit}
#guvenlik-app textarea.form-control,#guvenlik-calisan-detay textarea.form-control{min-height:88px;resize:vertical}
#guvenlik-app .form-control:focus,#guvenlik-calisan-detay .form-control:focus{border-color:#0ea5e9;outline:2px solid #bae6fd;outline-offset:0}
#guvenlik-app .form-group,#guvenlik-calisan-detay .form-group{display:grid;gap:.35rem;margin-bottom:.75rem}
#guvenlik-app label,#guvenlik-calisan-detay label{font-size:.875rem;font-weight:650;color:#334155}
#guvenlik-app .input-group,#guvenlik-calisan-detay .input-group{display:flex;width:100%;align-items:stretch}.input-group>.form-control{min-width:0;flex:1}.input-group-btn{display:flex;margin-left:.4rem}
#guvenlik-app .select2-container,#guvenlik-calisan-detay .select2-container{width:100%!important}
#guvenlik-app :is(.btn,.zy-security-button),#guvenlik-calisan-detay :is(.btn,.zy-security-button){display:inline-flex;min-height:36px;align-items:center;justify-content:center;gap:.4rem;padding:.45rem .8rem;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#334155;font-size:.875rem;font-weight:700;text-decoration:none;cursor:pointer;transition:background-color .2s,border-color .2s,transform .2s}
#guvenlik-app :is(.btn,.zy-security-button):not(:disabled):hover,#guvenlik-calisan-detay :is(.btn,.zy-security-button):not(:disabled):hover{border-color:#7dd3fc;background:#f0f9ff;color:#0c4a6e;transform:translateY(-1px)}
#guvenlik-app :is(.btn-primary,.btn-info,.btn-success),#guvenlik-calisan-detay :is(.btn-primary,.btn-info,.btn-success){border-color:#176b87;background:#176b87;color:#fff}
#guvenlik-app :is(.btn-primary,.btn-info,.btn-success):not(:disabled):hover,#guvenlik-calisan-detay :is(.btn-primary,.btn-info,.btn-success):not(:disabled):hover{border-color:#12566e;background:#12566e;color:#fff}
#guvenlik-app .btn-danger,#guvenlik-calisan-detay .btn-danger{border-color:#fecaca;background:#fff;color:#b91c1c}
#guvenlik-app .btn-warning,#guvenlik-calisan-detay .btn-warning{border-color:#fde68a;background:#fffbeb;color:#92400e}
#guvenlik-app .btn-xs,#guvenlik-calisan-detay .btn-xs{min-height:32px;padding:.3rem .55rem;font-size:.8125rem}
#guvenlik-app .pull-right,#guvenlik-calisan-detay .pull-right{margin-left:auto}#guvenlik-app .hidden,#guvenlik-calisan-detay .hidden{display:none!important}
.guvenlik-medi-table{min-width:0}.guvenlik-medi-table .medi-table-viewport{overflow:auto}.guvenlik-medi-table table{min-width:max-content}
#tab_3 .guvenlik-medi-table,#tab_3 .guvenlik-medi-table .medi-table-viewport{width:100%;max-width:100%}
#tab_3 .guvenlik-medi-table table#TableCalisanListesi{width:100%!important}
.guvenlik-medi-table .medi-table-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:10px 12px;border-top:1px solid #dbe5ef;font-size:12px}
.guvenlik-medi-table [data-medi-table-pagination]{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.guvenlik-medi-table [data-medi-table-pagination] button{min-height:32px}
.guvenlik-medi-table td .btn{margin:.1rem}
.guvenlik-tab-actions{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;margin-bottom:.75rem}
.guvenlik-row-actions{display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap}
.guvenlik-row-action{display:inline-flex;min-width:34px;min-height:34px;align-items:center;justify-content:center;gap:.35rem;padding:.35rem .55rem;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#475569;font:inherit;font-size:.8125rem;font-weight:700;text-decoration:none;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s,transform .2s}
.guvenlik-row-action:hover,.guvenlik-row-action:focus-visible{border-color:#7dd3fc;background:#f0f9ff;color:#0c4a6e;outline:0;transform:translateY(-1px)}
.guvenlik-row-action--exit{border-color:#bae6fd;color:#0369a1}.guvenlik-row-action--exit:hover,.guvenlik-row-action--exit:focus-visible{background:#e0f2fe;color:#075985}
.guvenlik-row-action--edit,.guvenlik-row-action--vehicle{border-color:#fde68a;color:#a16207}.guvenlik-row-action--edit:hover,.guvenlik-row-action--edit:focus-visible,.guvenlik-row-action--vehicle:hover,.guvenlik-row-action--vehicle:focus-visible{background:#fffbeb;color:#854d0e}
.guvenlik-row-action--delete{border-color:#fecaca;color:#b91c1c}.guvenlik-row-action--delete:hover,.guvenlik-row-action--delete:focus-visible{background:#fef2f2;color:#991b1b}
.guvenlik-row-action--print{border-color:#cbd5e1;color:#475569}.guvenlik-row-action--print:hover,.guvenlik-row-action--print:focus-visible{background:#f8fafc;color:#0f172a}
.guvenlik-row-action--menu{border-color:#cbd5e1;color:#475569}
.guvenlik-row-menu .dropdown-menu{right:0;left:auto;z-index:1080;min-width:160px;padding:6px;border:1px solid #dbe7ef;border-radius:10px;box-shadow:0 12px 28px #0f172a2e}
.guvenlik-row-menu .dropdown-menu>li+li{margin-top:2px}
.guvenlik-row-menu-item{display:flex;width:100%;min-height:34px;align-items:center;gap:.55rem;padding:.45rem .65rem;border:0;border-radius:7px;background:#fff;color:#334155;font:inherit;font-size:.8125rem;font-weight:650;text-align:left;text-decoration:none;white-space:nowrap;cursor:pointer}
.guvenlik-row-menu-item:hover,.guvenlik-row-menu-item:focus{background:#f0f9ff;color:#075985;text-decoration:none;outline:0}
.guvenlik-row-menu-item--delete{color:#b91c1c}
#guvenlik-app .guvenlik-delete-action{border-color:#dc2626!important;background:#dc2626!important;color:#fff!important;box-shadow:0 1px 2px #7f1d1d33}
#guvenlik-app .guvenlik-delete-action:not(:disabled):hover,#guvenlik-app .guvenlik-delete-action:focus-visible,#guvenlik-app .guvenlik-delete-action:focus{border-color:#991b1b!important;background:#b91c1c!important;color:#fff!important;outline:2px solid #fecaca;outline-offset:1px}
#ZyrZiyaretciEkleModal .zyr-esya-baslik{display:flex;align-items:center;justify-content:space-between;gap:.75rem}
#ZyrZiyaretciEkleModal .zyr-esya-baslik .btn{margin-left:auto;flex:0 0 auto}
#guvenlik-app .zy-duration-cell{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
#tab_8 .guvenlik-medi-table thead tr:first-child{text-transform:none;letter-spacing:.025em}
#tab_8 .zyr-toolbar-actions{display:flex;align-items:center}
#tab_7 .motorlu-arac-toolbar-actions{display:flex;align-items:center}
#tab_6 .ziyaretci-yonetim-toolbar-actions{display:flex;align-items:center}
#guvenlik-app .zy-overdue-indicator{display:inline-flex;width:18px;height:18px;flex:0 0 18px;align-items:center;justify-content:center;border-radius:9999px;background:#fff1f2;color:#e11d48;font-size:16px;animation:guvenlik-overdue-blink 1.1s ease-in-out infinite}
@keyframes guvenlik-overdue-blink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.25;transform:scale(.9)}}
@media(prefers-reduced-motion:reduce){#guvenlik-app .zy-overdue-indicator{animation:none}}
#guvenlik-app .overlay{position:absolute;inset:0;z-index:20;display:grid;place-items:center;background:#ffffffc7;color:#176b87;font-size:1.5rem}
#guvenlik-app .modal,#guvenlik-calisan-detay .modal{position:fixed;inset:0;z-index:1050;display:none;place-items:center;padding:1rem;background:#0f172a80}
#guvenlik-app .modal.is-open,#guvenlik-calisan-detay .modal.is-open{display:grid!important}
#guvenlik-app .modal-dialog,#guvenlik-calisan-detay .modal-dialog{width:min(680px,calc(100vw - 2rem));max-height:calc(100vh - 2rem);margin:0}
#guvenlik-app .modal-lg,#guvenlik-calisan-detay .modal-lg{width:min(1080px,calc(100vw - 2rem))}
#guvenlik-app .modal-content,#guvenlik-calisan-detay .modal-content{display:flex;max-height:calc(100vh - 2rem);flex-direction:column;overflow:hidden;border:1px solid #cbd5e1;border-radius:14px;background:#fff;box-shadow:0 24px 64px #0f172a40}
#guvenlik-app .modal-header,#guvenlik-calisan-detay .modal-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid #e2e8f0}
#guvenlik-app .modal-title,#guvenlik-calisan-detay .modal-title{margin:0;color:#0f172a;font-size:1.125rem;font-weight:750}
#guvenlik-app .modal-header .close,#guvenlik-calisan-detay .modal-header .close{order:2;width:36px;min-height:36px;padding:0;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#475569;font-size:1.35rem;cursor:pointer}
#guvenlik-app .modal-body,#guvenlik-calisan-detay .modal-body{overflow:auto;padding:1.25rem}
#guvenlik-app .modal-footer,#guvenlik-calisan-detay .modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:1rem 1.25rem;border-top:1px solid #e2e8f0}

/* Eski ziyaretçi kayıt formunun eksik Bootstrap kolonlarını Medi grid'e uyarla. */
#guvenlik-app #ZiyaretciekleModal .col-md-9{grid-column:span 9;min-width:0;padding:0}
#guvenlik-app #ZiyaretciekleModal .col-12{grid-column:1/-1;min-width:0;padding:0}
#guvenlik-app #ZiyaretciekleModal .esya-detay>.col-md-8{grid-column:span 8;min-width:0;padding:0}
#guvenlik-app #ZiyaretciekleModal .esya-detay>.col-md-4{grid-column:span 4;min-width:0;padding:0}
#guvenlik-app #ZiyaretciekleModal .guvenlik-ziyaretci-foto{display:flex;flex-direction:column;align-items:center;gap:.75rem}
#guvenlik-app #ZiyaretciekleModal .guvenlik-ziyaretci-foto img{display:block;max-width:100%;border-radius:50%}
#guvenlik-app #ZiyaretciekleModal .input-group{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.35rem;align-items:start}
#guvenlik-app #ZiyaretciekleModal .input-group>.input-group-addon:first-child{grid-column:1/-1;min-width:0;max-width:none;padding:0;white-space:normal;overflow:visible;background:transparent}
#guvenlik-app #ZiyaretciekleModal .input-group>:is(.form-control,.select2-container){grid-column:1;min-width:0}
#guvenlik-app #ZiyaretciekleModal .input-group>.input-group-btn{grid-column:2;grid-row:1;margin:0;align-self:stretch}
#guvenlik-app #ZiyaretciekleModal .input-group>.input-group-addon~.input-group-btn{grid-row:2}
#guvenlik-app #ZiyaretciekleModal :is(.modal-header,.modal-footer){flex-shrink:0}
#guvenlik-app #ZiyaretciekleModal .modal-body{min-height:0}
@media(max-width:900px){#guvenlik-app #ZiyaretciekleModal .col-md-9{grid-column:1/-1}}
#guvenlik-app .guvenlik-person-picker{display:grid;gap:1rem}
#guvenlik-app .guvenlik-person-types{display:flex;flex-wrap:wrap;gap:.55rem 1rem;margin:0;padding:0;border:0}
#guvenlik-app .guvenlik-person-types legend{width:100%;margin-bottom:.2rem;color:#334155;font-size:.82rem;font-weight:750}
#guvenlik-app .guvenlik-person-types label{display:inline-flex;align-items:center;gap:.4rem;min-height:36px;padding:.4rem .65rem;border:1px solid #dbe7ef;border-radius:8px;background:#f8fafc;cursor:pointer}
#guvenlik-app .guvenlik-person-types label:hover{border-color:#7dd3fc;background:#f0f9ff}
#guvenlik-app .guvenlik-person-search{display:grid;gap:.35rem}
#guvenlik-app .guvenlik-person-status{min-height:1.3rem;color:#64748b;font-size:.83rem}
#guvenlik-app .guvenlik-person-status[data-state=error]{color:#b91c1c}
#guvenlik-app .guvenlik-person-list{display:grid;max-height:360px;gap:.5rem;margin:0;padding:0;overflow:auto;list-style:none}
#guvenlik-app .guvenlik-person-item{border:1px solid #e2e8f0;border-radius:10px;background:#fff}
#guvenlik-app .guvenlik-person-choice{display:flex;align-items:flex-start;gap:.7rem;padding:.75rem;cursor:pointer}
#guvenlik-app .guvenlik-person-choice:hover{background:#f0f9ff}
#guvenlik-app .guvenlik-person-choice input{margin-top:.2rem}
#guvenlik-app .guvenlik-person-choice span{display:grid;gap:.15rem}
#guvenlik-app .guvenlik-person-choice strong{color:#0f172a}
#guvenlik-app .guvenlik-person-choice small{color:#64748b;font-weight:400}
#guvenlik-calisan-detay .security-detail-grid{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:1rem}
#guvenlik-calisan-detay .security-card{min-width:0;padding:1rem;border:1px solid #dbe7ef;border-radius:12px;background:#fff;box-shadow:0 1px 2px #0f172a0d}
#guvenlik-calisan-detay .profile-user-img{display:block;width:112px;height:112px;margin:0 auto .75rem;border:4px solid #e0f2fe;border-radius:999px;object-fit:cover}
#guvenlik-calisan-detay .profile-username{text-align:center}.security-detail-list{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.45rem .75rem;margin-top:1rem}.security-detail-list dt{color:#64748b}.security-detail-list dd{margin:0;font-weight:650}
@media(max-width:900px){#guvenlik-app,#guvenlik-calisan-detay{padding:.75rem}#guvenlik-app :is(.col-md-6,.col-md-4,.col-md-3,.col-sm-6,.col-sm-4,.col-sm-3),#guvenlik-calisan-detay :is(.col-md-6,.col-md-4,.col-md-3,.col-sm-6,.col-sm-4,.col-sm-3){grid-column:1/-1}.security-detail-grid{grid-template-columns:1fr}}