/* FOGL021 – a négy felület közös, modern távollét ablaka. */
.fogl021-leave-dialog .modal-dialog{width:min(650px,calc(100vw - 24px));margin:5vh auto 20px}
.fogl021-leave-dialog .modal-content{border:1px solid #e1eaf4;border-radius:20px;overflow:hidden;box-shadow:0 26px 70px rgba(19,48,82,.20)}
.fogl021-leave-dialog .modal-header{background:#f8fbff;padding:20px 24px;border-bottom:1px solid #e5edf6}
.fogl021-leave-dialog .bootstrap-dialog-title{font-size:19px;font-weight:800;color:#193e66}
.fogl021-leave-dialog .modal-body{padding:0;background:#fff}
.fogl-leave-form-grid--two{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:17px}
.fogl021-leave-dialog select.fogl-leave-select,.fogl-home-leave-dialog select.fogl-leave-select,.fogl-leave-deputies,.fogl-modern-deputy{appearance:none;-webkit-appearance:none;background-color:#f9fcff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='m1 1 6 6 6-6' fill='none' stroke='%2358789a' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px top 50%;padding-right:34px;border:1px solid #d5e1ee;border-radius:11px;min-height:44px;color:#23466b;box-shadow:none}
.fogl021-leave-dialog select[multiple],.fogl-modern-deputy[multiple]{appearance:auto;background-image:none;padding:8px;min-height:90px}
.fogl021-leave-dialog select:focus,.fogl021-leave-dialog input:focus{outline:2px solid #bddbfc;outline-offset:0;border-color:#79afe9}
.fogl021-leave-dialog .fogl-leave-approve{background:#e6f5ef;color:#197052;border:1px solid #c2e6d7;border-radius:10px;font-weight:700;padding:11px 17px}
.fogl021-leave-dialog .fogl-leave-approve:hover{background:#d5ecdf}
@media(max-width:600px){.fogl-leave-form-grid--two{grid-template-columns:1fr}.fogl021-leave-dialog .modal-dialog{width:100%;margin:0}.fogl021-leave-dialog .modal-content{border-radius:18px 18px 0 0}}


/* FOGL021 finomítás – egységes távolléti modal, egyszerűbb sorrend és egyes helyettesítő választás */
.fogl021-leave-dialog .modal-dialog{width:min(700px,calc(100vw - 24px));margin:4vh auto 20px}
.fogl021-leave-dialog .modal-content{border:1px solid #d8e3ef;border-radius:22px;overflow:hidden;box-shadow:0 26px 70px rgba(19,48,82,.20)}
.fogl021-leave-dialog .modal-header{background:#ffffff;border-bottom:1px solid #e7eef6;padding:14px 18px}
.fogl021-leave-dialog .bootstrap-dialog-title{font-size:18px;font-weight:800;color:#1f4268}
.fogl021-leave-dialog .bootstrap-dialog-close-button{font-size:24px;line-height:1;color:#7e95ae;opacity:1}
.fogl021-leave-dialog .modal-body{padding:0;background:#fff}
.fogl-leave-form-shell{padding:22px 24px 24px}
.fogl-leave-form-intro{margin-bottom:18px}
.fogl-leave-form-grid--simple-dates{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px}
.fogl-leave-period-card{margin-bottom:16px}
.fogl-leave-static-field{display:flex;align-items:center;min-height:48px;padding:12px 16px;border:1px solid #d6e1ed;border-radius:14px;background:#f7faff;color:#1e3f69;font-weight:700;letter-spacing:.01em}
.fogl-leave-source-holder{display:none}
.fogl-leave-deputy-wrap--single{padding-left:0}
.fogl-leave-deputy-wrap--single .fogl-leave-deputy-single{appearance:none;-webkit-appearance:none;background-color:#f9fcff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='m1 1 6 6 6-6' fill='none' stroke='%2358789a' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px top 50%;padding-right:34px;border:1px solid #d5e1ee;border-radius:11px;min-height:44px;color:#23466b;box-shadow:none}
.fogl-leave-control{margin-bottom:16px}
.fogl-leave-helper{margin-top:6px;margin-bottom:0}
.fogl-leave-form-actions{gap:12px;justify-content:flex-end}
.fogl-leave-form-actions .fogl-leave-delete{order:1}
.fogl-leave-form-actions .fogl-leave-cancel{order:2}
.fogl-leave-form-actions .fogl-leave-primary{order:3}
.fogl-leave-form-actions .fogl-leave-approve{display:none !important}
.fogl-leave-employee-select,.fogl-leave-select,.fogl-leave-date,.fogl-leave-deputy-single{font-size:15px}
@media (max-width: 600px){
  .fogl021-leave-dialog .modal-dialog{width:100%;margin:0}
  .fogl021-leave-dialog .modal-content{border-radius:18px 18px 0 0}
  .fogl-leave-form-shell{padding:16px}
  .fogl-leave-form-grid--simple-dates{grid-template-columns:1fr;gap:12px}
}


/* FOGL021 – vizuális finomhangolás a fejléchez és az új lenyílókhoz */
.fogl021-leave-dialog .modal-header,
.fogl021-leave-dialog .bootstrap-dialog-header{background:#4d90cf !important;border-bottom:0 !important;}
.fogl021-leave-dialog .bootstrap-dialog-title,
.fogl021-leave-dialog .modal-title{color:#dfe7f1 !important;}
.fogl021-leave-dialog .bootstrap-dialog-close-button,
.fogl021-leave-dialog .close{color:#d7e1ec !important;opacity:1 !important;text-shadow:none !important;}
.fogl021-leave-dialog .close:hover,
.fogl021-leave-dialog .close:focus{color:#eef3f8 !important;opacity:1 !important;}
.fogl-leave-select-wrap{position:relative;}
.fogl-leave-select-wrap > .glyphicon{display:none !important;}
.fogl021-leave-dialog .select2-container{display:block;width:100% !important;}
.fogl021-leave-dialog .select2-container .select2-choice,
.fogl021-leave-dialog .select2-container .select2-choices{height:46px;line-height:46px;border:1px solid #d5e1ee;border-radius:14px;background:#f9fcff;box-shadow:none;color:#23466b;padding:0 42px 0 14px;}
.fogl021-leave-dialog .select2-container .select2-choice .select2-arrow{width:38px;border:0;background:transparent;}
.fogl021-leave-dialog .select2-container .select2-choice .select2-arrow b{background-position:0 10px;}
.fogl021-leave-dialog .select2-container .select2-chosen{color:#23466b;font-size:15px;margin-right:6px;}
.fogl021-leave-dialog .select2-container.select2-container-active .select2-choice,
.fogl021-leave-dialog .select2-container-active .select2-choice{border-color:#79afe9;box-shadow:0 0 0 2px rgba(121,175,233,.20);}
.fogl-leave-select2-dropdown.select2-drop,
.fogl021-leave-dialog .select2-drop{border:1px solid #d9e4ef;border-radius:14px;box-shadow:0 18px 34px rgba(19,48,82,.14);overflow:hidden;margin-top:6px;background:#fff;}
.fogl021-leave-dialog .select2-search{padding:10px 10px 0;}
.fogl021-leave-dialog .select2-search input{border:1px solid #d4dfeb;border-radius:10px;background:#f9fcff;padding:7px 10px;height:36px;box-shadow:none;}
.fogl021-leave-dialog .select2-results{max-height:240px;margin:8px 0 0;padding:0 6px 8px;}
.fogl021-leave-dialog .select2-results .select2-result-label{padding:10px 12px;border-radius:10px;color:#25486f;font-size:14px;}
.fogl021-leave-dialog .select2-results .select2-highlighted{background:#eaf4ff;color:#123b67;}
.fogl021-leave-dialog .select2-results .select2-result-selectable .select2-result-label:hover{background:#f2f8ff;}
.fogl021-leave-dialog .fogl-leave-deputy-wrap--single .select2-container .select2-choice{padding-right:40px;}

/* FOGL021 CUSTOM-3: saját lenyílók. Nem a régi Select2 és nem a natív lista nyílik. */
.fogl021-leave-dialog .modal-header{
    position:relative !important;
    min-height:64px;
    padding:18px 58px 18px 20px !important;
    background:#458dca !important;
    border-bottom:0 !important;
    border-radius:20px 20px 0 0;
}
.fogl021-leave-dialog .bootstrap-dialog-header{display:block !important;width:100%;}
.fogl021-leave-dialog .bootstrap-dialog-title,
.fogl021-leave-dialog .modal-title{
    display:block !important;
    margin:0 !important;
    font-size:18px !important;
    font-weight:800 !important;
    line-height:26px !important;
    color:#e3eaf2 !important;
    padding:0 !important;
}
.fogl021-leave-dialog .bootstrap-dialog-close-button{
    position:absolute !important;
    top:50% !important;
    right:20px !important;
    left:auto !important;
    transform:translateY(-50%) !important;
    float:none !important;
    display:flex !important;
    align-items:center;
    justify-content:center;
    width:30px !important;
    height:30px !important;
    margin:0 !important;
    color:#e1eaf2 !important;
    line-height:1 !important;
}
.fogl021-leave-dialog .bootstrap-dialog-close-button .close,
.fogl021-leave-dialog .bootstrap-dialog-close-button button{float:none !important;margin:0 !important;color:#e1eaf2 !important;text-shadow:none !important;opacity:1 !important;}
.fogl021-leave-dialog .bootstrap-dialog-close-button:hover,
.fogl021-leave-dialog .bootstrap-dialog-close-button:hover .close{color:#fff !important;opacity:1 !important;}

/* Eredeti Symfony mezők: adatforrásként megmaradnak, látható felület csak a saját gomb. */
.fogl021-leave-dialog .modal-body select.fogl021-source-select,
.fogl-home-leave-dialog .modal-body .fogl-leave-select-wrap > select.fogl021-source-select{
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
}
.fogl021-leave-dialog .modal-body .fogl-leave-select-wrap > .select2-container,
.fogl021-leave-dialog .modal-body .fogl-leave-deputy-wrap .select2-container{display:none !important;}
.fogl021-leave-dialog .fogl021-select-control{display:block;width:100%;min-width:0;}
.fogl021-leave-dialog .fogl021-select-trigger{
    appearance:none !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:15px;
    width:100% !important;
    min-height:48px !important;
    padding:10px 16px !important;
    margin:0 !important;
    border:1px solid #d4e1ef !important;
    border-radius:12px !important;
    background:#fbfdff !important;
    box-shadow:none !important;
    text-align:left !important;
    font-family:inherit !important;
    font-size:14px !important;
    font-weight:600 !important;
    line-height:1.45 !important;
    color:#173b67 !important;
    cursor:pointer;
    transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease;
}
.fogl021-leave-dialog .fogl021-select-trigger:hover{background:#f5faff !important;border-color:#a5c9e9 !important;}
.fogl021-leave-dialog .fogl021-select-trigger:focus,
.fogl021-leave-dialog .fogl021-select-control.is-open .fogl021-select-trigger{
    outline:0 !important;
    border-color:#73afe5 !important;
    box-shadow:0 0 0 3px rgba(41,136,218,.12) !important;
}
.fogl021-leave-dialog .fogl021-select-trigger:disabled{opacity:.65;cursor:default;}
.fogl021-leave-dialog .fogl021-select-value{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.fogl021-leave-dialog .fogl021-select-chevron{
    display:block;
    flex:0 0 9px;
    width:9px;height:9px;
    border-bottom:2px solid #7a9bb9;
    border-right:2px solid #7a9bb9;
    transform:translateY(-2px) rotate(45deg);
    margin-right:4px;
    transition:transform .16s ease;
}
.fogl021-leave-dialog .fogl021-select-control.is-open .fogl021-select-chevron{transform:translateY(2px) rotate(225deg);}
.fogl021-leave-dialog .fogl-leave-deputy-wrap--single{
    padding:0 !important;
    overflow:visible !important;
    border:0 !important;
    background:none !important;
}
.fogl021-leave-dialog .fogl-leave-deputy-wrap--single .fogl021-select-trigger{height:auto !important;}

/* A legördülő a modal közvetlen gyermeke, ezért nem vágja le a kártya kerete. */
.fogl021-select-panel{
    position:fixed;
    z-index:3000 !important;
    display:flex;
    flex-direction:column;
    max-width:calc(100vw - 16px);
    padding:5px;
    border:1px solid #d5e3f0;
    border-radius:15px;
    background:#fff;
    box-shadow:0 20px 45px rgba(20,58,99,.22);
    font-family:Arial, sans-serif;
    overflow:hidden;
}
.fogl021-select-search{flex:0 0 auto;padding:5px 6px 8px;}
.fogl021-select-search input{
    width:100% !important;
    height:38px !important;
    padding:8px 11px !important;
    border:1px solid #d6e3f0 !important;
    border-radius:9px !important;
    background:#f8fbff !important;
    outline:none !important;
    box-shadow:none !important;
    color:#25496d !important;
    font-size:13px !important;
}
.fogl021-select-search input:focus{border-color:#7aafe0 !important;box-shadow:0 0 0 3px rgba(65,140,210,.10) !important;}
.fogl021-select-results{
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-width:thin;
    padding:3px 3px 4px;
}
.fogl021-select-group{
    margin:5px 4px 3px;
    padding:7px 9px;
    color:#67829f;
    background:#f2f7fc;
    border-radius:7px;
    font-size:11px;
    font-weight:800;
    letter-spacing:.01em;
}
.fogl021-select-option{
    appearance:none !important;
    display:block !important;
    width:100% !important;
    min-height:36px !important;
    margin:2px 0 !important;
    padding:9px 11px !important;
    border:0 !important;
    border-radius:9px !important;
    background:#fff !important;
    color:#294b70 !important;
    text-align:left !important;
    font-family:inherit !important;
    font-size:13px !important;
    font-weight:500 !important;
    line-height:1.35 !important;
    white-space:normal;
    cursor:pointer;
}
.fogl021-select-option:hover:not(:disabled),
.fogl021-select-option:focus:not(:disabled){outline:none !important;background:#eaf4ff !important;color:#12599d !important;}
.fogl021-select-option.is-selected{background:#edf6ff !important;font-weight:800 !important;color:#145d9a !important;}
.fogl021-select-option:disabled{cursor:not-allowed;color:#9aa9b8 !important;background:#fbfcfe !important;}
.fogl021-select-empty{padding:18px 12px;text-align:center;color:#7389a3;font-size:12px;}
@media(max-width:600px){
    .fogl021-leave-dialog .modal-header{border-radius:16px 16px 0 0;padding:15px 50px 15px 16px !important;}
    .fogl021-select-panel{border-radius:12px;}
    .fogl021-leave-dialog .fogl021-select-trigger{font-size:15px !important;}
}

/* FOGL021 – tájékoztató a jogviszonyon túlnyúló dátumokra. */
.fogl-leave-form .fogl021-employment-warning:not([hidden]){margin:-5px 0 15px;padding:9px 12px;border-radius:10px;background:#fff4eb;border:1px solid #f2d4b8;color:#875529;font-size:13px;line-height:1.5;}
.fogl-leave-form .fogl-leave-primary:disabled{cursor:not-allowed;opacity:.53;}

/* FOGL022 – automatikus betegszabadság / betegállomány elszámolás. */
.fogl-leave-form .fogl022-sick-note:not([hidden]){margin:9px 0 2px;padding:9px 12px;border:1px solid #d6e3f0;border-radius:9px;background:#f7fbff;color:#345779;font-size:12px;line-height:1.55;}

/* FOGL 025 – a sikerjelzés a távolléti űrlap gombsorának bal szélén. */
.fogl-leave-form-actions{flex-wrap:wrap;}
.fogl-leave-form-actions .fogl-leave-output{order:0;flex:0 0 auto;display:flex;align-items:center;margin-right:auto;min-height:44px;}
.fogl-leave-output:empty{display:none!important;}
.fogl-leave-form-actions .fogl-leave-async-result{display:inline-flex;align-items:center;justify-content:center;height:44px;width:44px;flex:0 0 44px;}
.fogl-leave-form-actions .fogl-leave-success-check{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;background:#e3f7ea;border:2px solid #7acb92;color:#13804a;font-size:21px;font-weight:bold;}
.fogl-leave-form-actions .fogl-leave-output .panel-danger{margin:0;flex:1 1 100%;min-width:180px;}
@media(max-width:600px){
  .fogl-leave-form-actions{display:flex!important;flex-wrap:wrap!important;align-items:center;justify-content:flex-end;}
  .fogl-leave-form-actions .fogl-leave-output{margin-right:auto;}
  .fogl-leave-form-actions .fogl-leave-actions-spacer{display:none!important;}
  .fogl-leave-form-actions .btn{width:auto!important;min-width:84px!important;flex:0 1 auto;}
}