/* FOGL DESIGN – csak a főoldal három grafikai nézetéhez. */
:root{
    --fogl-navy:#0b2f63;
    --fogl-blue:#1682df;
    --fogl-blue-dark:#0f73ca;
    --fogl-muted:#61799a;
    --fogl-line:#dce8f4;
    --fogl-bg:#f5f9fd;
    --fogl-sidebar:272px;
}
html,body{min-height:100%;}
body{padding:0!important;background:var(--fogl-bg);color:var(--fogl-navy);font-family:Arial,"Helvetica Neue",sans-serif;}
body>.container,body>.container-fluid{max-width:none;}
.fogl-design-root,.fogl-design-root *{box-sizing:border-box;}
.fogl-design-root a{text-decoration:none;}

/* BRAND */
.fogl-brand{display:flex;align-items:center;color:var(--fogl-navy);}
.fogl-brand-icon{position:relative;display:block;width:104px;height:74px;flex:0 0 104px;}
.fogl-person{position:absolute;display:block;border-radius:50%;}
.fogl-person:after{content:"";position:absolute;left:50%;transform:translateX(-50%);border-radius:22px 22px 9px 9px;}
.fogl-person-center{left:36px;top:2px;width:32px;height:32px;background:#55aef0;z-index:2;}
.fogl-person-center:after{top:29px;width:55px;height:34px;background:#1f87dc;}
.fogl-person-left{left:6px;top:15px;width:25px;height:25px;background:#78a5cf;}
.fogl-person-left:after{top:23px;width:36px;height:27px;background:#78a5cf;}
.fogl-person-right{right:6px;top:15px;width:25px;height:25px;background:#1475c6;}
.fogl-person-right:after{top:23px;width:36px;height:27px;background:#1475c6;}
.fogl-brand-text strong{display:block;font-weight:700;letter-spacing:-1.5px;line-height:.9;}
.fogl-brand-text small{display:block;font-weight:400;line-height:1.05;}
.fogl-brand-large{gap:18px;}
.fogl-brand-large .fogl-brand-text strong{font-size:56px;}
.fogl-brand-large .fogl-brand-text small{font-size:27px;margin-top:10px;}
.fogl-brand-card{justify-content:center;gap:12px;}
.fogl-brand-card .fogl-brand-icon{width:76px;height:56px;flex-basis:76px;transform:scale(.73);transform-origin:center;}
.fogl-brand-card .fogl-brand-text strong{font-size:38px;}
.fogl-brand-card .fogl-brand-text small{font-size:17px;margin-top:5px;}
.fogl-brand-sidebar{gap:8px;color:#fff;}
.fogl-brand-sidebar .fogl-brand-icon{width:64px;height:48px;flex-basis:64px;transform:scale(.58);transform-origin:left center;margin-right:-17px;}
.fogl-brand-sidebar .fogl-brand-text strong{font-size:31px;letter-spacing:-.5px;}
.fogl-brand-sidebar .fogl-brand-text small{font-size:14px;margin-top:5px;}

/* LOGIN */
.fogl-login-page{height:100vh;min-height:760px;overflow:hidden;display:grid;grid-template-columns:minmax(380px,448px) minmax(0,1fr);background:#edf5ff;position:relative;}
.fogl-login-page:before{content:"";position:absolute;z-index:0;width:560px;height:560px;border-radius:50%;left:-170px;top:-170px;background:rgba(198,222,250,.58);}
.fogl-login-page:after{content:"";position:absolute;z-index:0;width:420px;height:420px;border-radius:50%;right:-130px;bottom:-130px;background:rgba(191,221,255,.42);}
.fogl-login-visual,.fogl-login-panel-wrap{position:relative;z-index:1;min-width:0;}
.fogl-login-panel-wrap{grid-column:1;display:flex;align-items:stretch;justify-content:center;padding:0;}
.fogl-login-panel{width:100%;max-width:none;max-height:none;background:rgba(255,255,255,.98);border-radius:0 0 34px 0;padding:18px 28px 24px;box-shadow:0 18px 44px rgba(43,85,132,.08);overflow:auto;scrollbar-width:thin;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;}
.fogl-login-panel .fogl-brand-card{display:none;}
.fogl-login-panel h2{text-align:left;font-size:24px;font-weight:800;margin:0 0 10px;color:#163a74;}
.fogl-login-note{text-align:left;color:#7088aa;font-size:15px;line-height:1.45;margin:0 0 24px;}
.fogl-login-role-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px;}
.fogl-login-role{position:relative;min-height:102px;display:flex;align-items:center;justify-content:flex-start;gap:14px;border:1px solid #c8d8e9;border-radius:18px;background:#fff;padding:16px 16px 16px 18px;box-shadow:0 6px 20px rgba(21,66,128,.04);}
.fogl-login-role.active{background:#f5faff;border:2px solid #3189f1;padding:15px 15px 15px 17px;box-shadow:0 12px 28px rgba(49,137,241,.12);}
.fogl-login-role.active:after{content:"✓";position:absolute;right:10px;top:10px;width:22px;height:22px;border-radius:50%;background:#3189f1;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700;}
.fogl-login-role strong,.fogl-login-role small{display:block;}
.fogl-login-role strong{font-size:16px;line-height:1.2;color:#17396f;}
.fogl-login-role small{font-size:13px;line-height:1.35;color:#6e86a6;margin-top:4px;white-space:normal;}
.fogl-role-symbol{width:38px;flex:0 0 38px;text-align:center;font-size:27px;color:#1983dd;}
.fogl-role-admin{display:flex;align-items:center;color:#8299b7;gap:0;font-size:23px;justify-content:center;}
.fogl-role-admin .glyphicon-cog{font-size:14px;margin-left:-3px;margin-top:15px;}
.fogl-login-field{margin-bottom:18px;}
.fogl-login-field label{display:block;font-weight:800;font-size:15px;margin:0 0 8px;color:#173a6f;}
.fogl-login-input-wrap{height:48px;border:1px solid #cad9e9;border-radius:12px;background:#fff;display:flex;align-items:center;overflow:hidden;}
.fogl-input-icon{width:48px;text-align:center;color:#95a8c1;font-size:18px;flex:0 0 48px;}
.fogl-login-input-wrap input{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;width:100%;height:100%;padding:0 8px 0 0;font-size:16px;color:#163761;}
.fogl-login-input-wrap input::placeholder{color:#8b9fb9!important;opacity:1!important;}
.fogl-password-toggle{width:48px;height:100%;border:0;background:none;color:#8299b6;flex:0 0 48px;}
.fogl-login-options{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px;margin:2px 0 16px;}
.fogl-login-options label{font-weight:400;margin:0;display:flex;align-items:center;gap:7px;color:#3b5475;}
.fogl-login-options input{margin:0;}
.fogl-login-options a{color:#1b79df;font-weight:600;}
.fogl-login-submit{width:100%;height:54px;border:0;border-radius:14px;background:linear-gradient(90deg,#3e92ec,#0b74d4);color:#fff;font-size:18px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 16px 28px rgba(23,111,212,.22);}
.fogl-login-submit .glyphicon{margin-right:0;}
.fogl-login-output{margin-top:8px;}
.fogl-login-separator{display:flex;align-items:center;gap:16px;color:#6f84a1;font-size:15px;margin:18px 0 14px;}
.fogl-login-separator:before,.fogl-login-separator:after{content:"";height:1px;background:#d8e4ef;flex:1;}
.fogl-microsoft-button{width:100%;height:46px;border:1px solid #d1deeb;border-radius:12px;background:#fff;color:#223e63;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:13px;}
.fogl-ms-logo{display:grid;grid-template-columns:repeat(2,10px);grid-template-rows:repeat(2,10px);gap:2px;}
.fogl-ms-logo i:nth-child(1){background:#f25022}.fogl-ms-logo i:nth-child(2){background:#7fba00}.fogl-ms-logo i:nth-child(3){background:#00a4ef}.fogl-ms-logo i:nth-child(4){background:#ffb900}
.fogl-secure{text-align:center;color:#778eab;font-size:13px;margin-top:14px;}
.fogl-secure .glyphicon{margin-right:5px;}

.fogl-login-visual{grid-column:2;position:relative;display:flex;align-items:stretch;overflow:hidden;background:linear-gradient(180deg,rgba(239,246,255,.08),rgba(232,242,255,.08)),url('/design/login-office-design.jpg') center center/cover no-repeat;}
.fogl-login-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(237,245,255,.96) 0%,rgba(237,245,255,.88) 25%,rgba(237,245,255,.64) 50%,rgba(237,245,255,.16) 76%,rgba(237,245,255,.04) 100%);}
.fogl-login-visual:after{content:"";position:absolute;right:-86px;bottom:-62px;width:280px;height:330px;border-radius:40px 0 0 0;background:rgba(191,220,252,.58);}
.fogl-login-visual-content{position:relative;z-index:2;padding:30px clamp(34px,4vw,70px) 36px clamp(40px,4.8vw,78px);display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;width:100%;}
.fogl-login-visual-copy{max-width:760px;margin-top:10px;}
.fogl-login-visual h1{font-size:clamp(52px,4.7vw,78px);line-height:.95;letter-spacing:-2.4px;font-weight:800;margin:22px 0 20px;max-width:760px;color:#143b77;}
.fogl-login-lead{font-size:clamp(22px,1.9vw,32px);line-height:1.33;color:#5572a0;margin:0;max-width:720px;}
.fogl-login-features{display:grid;grid-template-columns:repeat(2,minmax(220px,290px));gap:22px;max-width:640px;margin-top:34px;}
.fogl-login-feature{display:flex;align-items:center;gap:18px;padding:18px 18px;border-radius:22px;background:rgba(255,255,255,.78);border:1px solid rgba(203,218,235,.85);box-shadow:0 18px 28px rgba(53,93,145,.08);backdrop-filter:blur(5px);font-size:15px;line-height:1.25;color:#0b2f63;text-align:left;min-height:92px;}
.fogl-login-feature strong{font-weight:800;font-size:18px;line-height:1.2;}
.fogl-feature-icon{width:54px;height:54px;flex:0 0 54px;border-radius:16px;display:grid;place-items:center;font-size:24px;margin:0;}
.fogl-green{background:#dff3e8;color:#18a15d;}.fogl-purple{background:#ebe4ff;color:#6f4dd8;}.fogl-blue{background:#e1efff;color:#1a7edf;}.fogl-orange{background:#ffeed9;color:#d6871a;}
.fogl-login-visual-note{position:absolute;right:95px;bottom:160px;z-index:3;background:rgba(255,255,255,.7);border-radius:50%;width:170px;height:170px;padding:42px 28px 24px;color:#3c67a8;font-size:24px;line-height:1.22;font-family:"Brush Script MT",cursive;transform:rotate(-8deg);text-align:center;box-shadow:0 16px 24px rgba(55,99,158,.09);}

@media(max-width:1420px){
    .fogl-login-page{grid-template-columns:minmax(350px,420px) minmax(0,1fr);}
    .fogl-login-visual h1{font-size:clamp(48px,4.2vw,68px);}
    .fogl-login-features{grid-template-columns:repeat(2,minmax(220px,1fr));max-width:620px;}
    .fogl-login-feature strong{font-size:17px;}
}
@media(max-width:1180px){
    .fogl-login-page{grid-template-columns:minmax(340px,390px) minmax(0,1fr);}
    .fogl-login-panel{padding:18px 20px 22px;}
    .fogl-login-visual-content{padding:24px 28px 28px 34px;}
    .fogl-login-visual h1{font-size:clamp(44px,4vw,60px);}
    .fogl-login-lead{font-size:clamp(20px,1.8vw,28px);}
    .fogl-login-features{gap:16px;}
    .fogl-login-visual-note{right:36px;bottom:90px;width:146px;height:146px;font-size:21px;padding:34px 18px 18px;}
}
@media(max-width:980px){
    .fogl-login-page{height:auto;min-height:100vh;display:block;background:#edf5ff;overflow:visible;}
    .fogl-login-page:before,.fogl-login-page:after{display:none;}
    .fogl-login-panel-wrap{display:block;}
    .fogl-login-panel{min-height:0;border-radius:0 0 26px 26px;padding:18px 16px 24px;}
    .fogl-login-visual{min-height:760px;}
    .fogl-login-visual:after{right:-80px;bottom:-80px;width:220px;height:260px;}
    .fogl-login-visual-content{min-height:760px;padding:30px 20px 32px;justify-content:flex-start;}
    .fogl-login-visual h1{font-size:48px;max-width:620px;}
    .fogl-login-features{margin-top:28px;max-width:560px;}
    .fogl-login-visual-note{right:28px;bottom:74px;}
}
@media(max-width:767px){
    .fogl-login-panel{border-radius:0 0 22px 22px;}
    .fogl-login-role-row{grid-template-columns:1fr;}
    .fogl-login-role{min-height:88px;}
    .fogl-login-visual{min-height:680px;}
    .fogl-login-visual-content{min-height:680px;padding:24px 14px 26px;}
    .fogl-login-visual-copy{margin-top:0;}
    .fogl-login-visual h1{font-size:34px;line-height:1.02;letter-spacing:-1px;margin:16px 0 12px;max-width:420px;}
    .fogl-login-lead{font-size:20px;line-height:1.35;max-width:420px;}
    .fogl-login-features{grid-template-columns:1fr;max-width:none;gap:12px;margin-top:18px;}
    .fogl-login-feature{min-height:78px;padding:14px 14px;border-radius:18px;}
    .fogl-login-feature strong{font-size:16px;}
    .fogl-feature-icon{width:48px;height:48px;flex-basis:48px;font-size:21px;}
    .fogl-login-visual-note{display:none;}
}
@media(max-width:480px){
    .fogl-login-panel h2{font-size:22px;}
    .fogl-login-note{font-size:14px;}
    .fogl-login-options{display:block;}
    .fogl-login-options a{display:inline-block;margin-top:8px;}
    .fogl-login-visual{min-height:610px;}
    .fogl-login-visual-content{min-height:610px;}
    .fogl-login-visual h1{font-size:29px;}
    .fogl-login-lead{font-size:18px;}
}

/* DASHBOARD SHELL */
.fogl-dashboard{min-height:100vh;background:#f6f9fc;color:var(--fogl-navy);}
.fogl-sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--fogl-sidebar);z-index:1000;background:#fff;border-right:1px solid #e0eaf4;display:flex;flex-direction:column;box-shadow:2px 0 12px rgba(50,84,120,.025);}
.fogl-sidebar-brand{height:86px;background:linear-gradient(135deg,#235d91,#123e6c);padding:14px 20px;display:flex;align-items:center;}
.fogl-side-nav{padding:18px 13px;overflow:auto;flex:1;scrollbar-width:thin;}
.fogl-side-link,.fogl-side-group summary{min-height:48px;border-radius:10px;color:#0f3566;display:flex;align-items:center;gap:14px;padding:10px 15px;font-size:16px;cursor:pointer;list-style:none;}
.fogl-side-link .glyphicon,.fogl-side-group summary .glyphicon{width:26px;text-align:center;font-size:21px;flex:0 0 26px;}
.fogl-side-link:hover,.fogl-side-group summary:hover{background:#f0f7ff;color:#0f73ca;}
.fogl-side-link.active{background:linear-gradient(135deg,#2b91e8,#1779cf);color:#fff;}
.fogl-side-group summary::-webkit-details-marker{display:none;}
.fogl-chevron{margin-left:auto;font-size:21px;color:#6685a7;}
.fogl-side-group[open]>.fogl-side-sub{display:block;}
.fogl-side-sub{border-left:1px solid #d6e3f0;margin:2px 0 7px 28px;padding:0 0 0 25px;}
.fogl-side-sub a{display:block;color:#365b82;font-size:14px;padding:7px 3px;}
.fogl-side-sub a:hover{color:#0f7bd7;}
.fogl-sidebar-logout{padding:15px 19px;border-top:1px solid #dce7f1;}
.fogl-sidebar-logout a{height:50px;display:flex;align-items:center;gap:14px;color:#113a69;font-size:16px;}
.fogl-sidebar-logout .glyphicon{font-size:22px;}
.fogl-dashboard-shell{margin-left:var(--fogl-sidebar);min-height:100vh;}
.fogl-topbar{height:86px;background:#fff;border-bottom:1px solid #e1eaf3;display:flex;align-items:center;gap:22px;padding:0 31px;position:sticky;top:0;z-index:900;}
.fogl-menu-toggle{border:0;background:none;color:#0b3568;font-size:25px;padding:6px;}
.fogl-search{width:min(510px,38vw);height:46px;background:#f2f6fb;border-radius:11px;color:#6983a5;display:flex;align-items:center;gap:14px;padding:0 18px;font-size:15px;}
.fogl-search .glyphicon{font-size:20px;}
.fogl-top-spacer{flex:1;}
.fogl-date,.fogl-user{display:flex;align-items:center;color:#0c3264;}
.fogl-date{gap:13px;border-right:1px solid #dce6f0;padding-right:26px;font-size:14px;}
.fogl-date>.glyphicon{font-size:22px;}
.fogl-date small,.fogl-user small{display:block;color:#6a82a1;font-size:13px;margin-top:3px;font-weight:400;}
.fogl-user{gap:12px;min-width:195px;}
.fogl-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(#e2edf7,#bdd7eb);display:grid;place-items:center;color:#237bbd;font-size:26px;}
.fogl-user strong{display:block;font-size:15px;white-space:nowrap;}
.fogl-user>.glyphicon-menu-down{margin-left:auto;font-size:12px;}
.fogl-dashboard-content{padding:26px 28px 34px;max-width:1600px;margin:0 auto;}
.fogl-dashboard-hero{height:270px;border-radius:14px;overflow:hidden;position:relative;margin-bottom:15px;background-color:#edf5fd;background-repeat:no-repeat;background-position:right center;background-size:auto 100%;}
.fogl-dashboard-employee .fogl-dashboard-hero{background-image:linear-gradient(90deg,#edf6ff 0%,rgba(237,246,255,.97) 40%,rgba(237,246,255,.18) 63%,rgba(237,246,255,0) 100%),url('/design/dashboard-employee-design.jpg');}
.fogl-dashboard-admin .fogl-dashboard-hero{height:220px;background-image:linear-gradient(90deg,#edf6ff 0%,rgba(237,246,255,.97) 40%,rgba(237,246,255,.12) 64%,rgba(237,246,255,0) 100%),url('/design/dashboard-admin-design.jpg');}
.fogl-hero-copy{position:absolute;left:34px;top:50%;transform:translateY(-50%);width:52%;}
.fogl-hero-copy h1{font-weight:700;font-size:clamp(36px,3.1vw,48px);line-height:1.04;letter-spacing:-1.3px;margin:0 0 21px;color:#0c3266;}
.fogl-dashboard-admin .fogl-hero-copy h1{font-size:clamp(32px,2.7vw,43px);}
.fogl-hero-copy p{margin:0;color:#365d84;font-size:19px;line-height:1.45;max-width:650px;}

/* CARDS */
.fogl-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:14px;}
.fogl-stat-card{min-height:137px;border:5px solid #fff;border-radius:14px;padding:16px 18px;display:flex;align-items:center;gap:17px;color:#0e3466;box-shadow:0 3px 14px rgba(52,92,132,.035);}
.fogl-stat-icon{width:72px;height:72px;border-radius:17px;display:grid;place-items:center;flex:0 0 72px;font-size:31px;background:rgba(255,255,255,.36);}
.fogl-stat-copy{min-width:0;}
.fogl-stat-copy strong,.fogl-stat-copy b,.fogl-stat-copy small{display:block;}
.fogl-stat-copy strong{font-size:16px;white-space:nowrap;}
.fogl-stat-copy b{font-size:27px;margin:7px 0 3px;}
.fogl-stat-copy small{font-size:14px;color:#557397;white-space:nowrap;}
.fogl-stat-arrow{margin-left:auto;font-size:31px;font-weight:300;}
.fogl-card-blue{background:linear-gradient(135deg,#edf7ff,#e4f2ff);color:#157ed9;}
.fogl-card-green{background:linear-gradient(135deg,#effcf8,#e4f8f1);color:#14a765;}
.fogl-card-purple{background:linear-gradient(135deg,#f7f3ff,#eee8ff);color:#6e4cd0;}
.fogl-card-red{background:linear-gradient(135deg,#fff5f4,#ffeae7);color:#eb432e;}
.fogl-card-orange{background:linear-gradient(135deg,#fff9ef,#fff0de);color:#d77e05;}
.fogl-stat-card:hover{filter:brightness(.995);transform:translateY(-1px);}
.fogl-stat-card .fogl-stat-copy{color:#0c3264;}
.fogl-stat-card .fogl-stat-icon,.fogl-stat-card .fogl-stat-arrow{color:inherit;}
.fogl-dashboard-columns{display:grid;gap:14px;align-items:stretch;}
.fogl-dashboard-columns-employee{grid-template-columns:minmax(0,1.5fr) minmax(360px,1fr);}
.fogl-dashboard-columns-admin{grid-template-columns:minmax(0,1.55fr) minmax(370px,.95fr);}
.fogl-panel{background:#fff;border:1px solid #e2ebf3;border-radius:13px;box-shadow:0 4px 18px rgba(48,86,124,.045);padding:24px 26px;}
.fogl-panel h2{font-size:21px;font-weight:700;margin:0 0 22px;color:#0c3264;}
.fogl-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;}
.fogl-action{min-height:134px;border-radius:12px;padding:20px;display:flex;align-items:center;gap:20px;position:relative;}
.fogl-action-icon{width:72px;height:72px;border-radius:17px;background:rgba(255,255,255,.37);display:grid;place-items:center;flex:0 0 72px;font-size:31px;}
.fogl-action>span:nth-child(2){color:#0d3467;min-width:0;}
.fogl-action strong,.fogl-action small{display:block;}
.fogl-action strong{font-size:16px;line-height:1.35;margin-bottom:7px;}
.fogl-action small{font-size:14px;color:#557397;line-height:1.45;}
.fogl-action i{font-style:normal;font-size:29px;margin-left:auto;}
.fogl-action-grid-admin .fogl-action{min-height:109px;padding:15px 17px;gap:15px;}
.fogl-action-grid-admin .fogl-action-icon{width:60px;height:60px;flex-basis:60px;font-size:27px;}
.fogl-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;}
.fogl-panel-heading span{font-size:14px;color:#087ce1;white-space:nowrap;}
.fogl-news{min-height:73px;display:grid;grid-template-columns:98px 12px 1fr;gap:12px;align-items:start;padding:11px 0;border-bottom:1px solid #e5edf5;}
.fogl-news:last-child{border-bottom:0;}
.fogl-news>span{font-size:14px;color:#6682a3;padding-top:2px;}
.fogl-news>i{width:11px;height:11px;border-radius:50%;margin-top:4px;}
.fogl-news>i.blue{background:#1685e5}.fogl-news>i.green{background:#13a65d}.fogl-news>i.orange{background:#ff571a}
.fogl-news strong,.fogl-news small{display:block;}
.fogl-news strong{font-size:15px;color:#0d3465;line-height:1.25;}
.fogl-news small{font-size:14px;color:#5b7597;margin-top:5px;line-height:1.3;}
.fogl-right-column{display:grid;grid-template-rows:auto auto;gap:12px;}
.fogl-quick-panel{padding-top:19px;}
.fogl-quick-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;text-align:center;}
.fogl-quick-grid a{color:#284b74;font-size:13px;}
.fogl-quick-grid a>span{width:60px;height:60px;border-radius:16px;display:grid;place-items:center;margin:0 auto 8px;font-size:25px;}
.fogl-quick-grid small{font-size:12px;line-height:1.3;color:#385b81;}

/* RESPONSIVE DASHBOARD */
@media(max-width:1280px){
    :root{--fogl-sidebar:240px;}
    .fogl-dashboard-content{padding:20px;}
    .fogl-topbar{padding:0 20px;}
    .fogl-search{width:36vw;}
    .fogl-stat-card{padding:13px 12px;gap:12px;}
    .fogl-stat-icon{width:60px;height:60px;flex-basis:60px;font-size:27px;}
    .fogl-stat-copy strong{font-size:14px;}
    .fogl-stat-copy small{font-size:12px;}
    .fogl-dashboard-columns-admin{grid-template-columns:1.45fr .95fr;}
}
@media(max-width:1050px){
    .fogl-sidebar{transform:translateX(-100%);transition:transform .22s ease;width:272px;}
    .fogl-sidebar.is-open{transform:translateX(0);box-shadow:12px 0 35px rgba(18,53,89,.18);}
    .fogl-dashboard-shell{margin-left:0;}
    .fogl-search{width:min(430px,50vw);}
    .fogl-dashboard-columns,.fogl-dashboard-columns-admin,.fogl-dashboard-columns-employee{grid-template-columns:1fr;}
    .fogl-dashboard-hero,.fogl-dashboard-admin .fogl-dashboard-hero{height:235px;}
    .fogl-hero-copy{width:60%;}
}
@media(max-width:820px){
    .fogl-topbar{height:74px;gap:13px;padding:0 13px;}
    .fogl-search{display:none;}
    .fogl-date{margin-left:auto;padding-right:14px;}
    .fogl-user{min-width:0;}
    .fogl-user .fogl-avatar{width:42px;height:42px;font-size:21px;}
    .fogl-user>span:nth-child(2){display:none;}
    .fogl-dashboard-content{padding:14px;}
    .fogl-stat-grid{grid-template-columns:1fr 1fr;}
    .fogl-dashboard-hero,.fogl-dashboard-admin .fogl-dashboard-hero{height:225px;background-size:cover;background-position:center;}
    .fogl-dashboard-employee .fogl-dashboard-hero,.fogl-dashboard-admin .fogl-dashboard-hero{background-image:linear-gradient(90deg,rgba(237,246,255,.98),rgba(237,246,255,.83)),url('/design/dashboard-employee-design.jpg');}
    .fogl-dashboard-admin .fogl-dashboard-hero{background-image:linear-gradient(90deg,rgba(237,246,255,.98),rgba(237,246,255,.83)),url('/design/dashboard-admin-design.jpg');}
    .fogl-hero-copy{width:88%;left:25px;}
    .fogl-hero-copy h1,.fogl-dashboard-admin .fogl-hero-copy h1{font-size:35px;}
    .fogl-hero-copy p{font-size:16px;}
}
@media(max-width:600px){
    .fogl-date{display:none;}
    .fogl-stat-grid{grid-template-columns:1fr;}
    .fogl-stat-card{min-height:112px;}
    .fogl-action-grid{grid-template-columns:1fr;}
    .fogl-action{min-height:112px;}
    .fogl-panel{padding:19px 16px;}
    .fogl-news{grid-template-columns:72px 10px 1fr;gap:8px;}
    .fogl-quick-grid{grid-template-columns:repeat(3,1fr);row-gap:18px;}
    .fogl-dashboard-hero,.fogl-dashboard-admin .fogl-dashboard-hero{height:245px;}
    .fogl-hero-copy h1,.fogl-dashboard-admin .fogl-hero-copy h1{font-size:30px;}
}

/* RESPONSIVE LOGIN */
@media(max-width:1180px){
    .fogl-login-page{grid-template-columns:50% 50%;}
    .fogl-login-visual-content{padding-left:38px;padding-right:20px;}
    .fogl-brand-large .fogl-brand-icon{transform:scale(.82);transform-origin:left center;width:87px;flex-basis:87px;margin-right:-12px;}
    .fogl-brand-large .fogl-brand-text strong{font-size:45px;}
    .fogl-brand-large .fogl-brand-text small{font-size:21px;}
    .fogl-login-visual h1{font-size:43px;}
    .fogl-login-lead{font-size:19px;}
    .fogl-login-features{gap:10px;}
    .fogl-feature-icon{width:62px;height:62px;font-size:26px;}
    .fogl-login-feature{font-size:13px;}
    .fogl-login-panel{padding-left:27px;padding-right:27px;}
}
@media(max-width:900px){
    .fogl-login-page{height:auto;min-height:100vh;overflow:visible;display:block;background:#edf5ff;}
    .fogl-login-page:before,.fogl-login-page:after{display:none;}
    .fogl-login-visual{min-height:690px;background:linear-gradient(145deg,#f9fcff,#eef7ff);}
    .fogl-login-visual-content{padding:35px 25px 330px;text-align:center;}
    .fogl-brand-large{justify-content:center;}
    .fogl-brand-large .fogl-brand-icon{transform:scale(.8);transform-origin:center;width:92px;flex-basis:92px;}
    .fogl-login-visual h1{font-size:43px;margin:28px auto 15px;}
    .fogl-login-lead{font-size:18px;}
    .fogl-login-features{margin:28px auto 0;max-width:650px;}
    .fogl-login-photo{height:310px;min-height:310px;}
    .fogl-login-panel-wrap{padding:32px 18px 44px;}
    .fogl-login-panel{max-height:none;overflow:visible;}
}
@media(max-width:560px){
    .fogl-login-visual{min-height:710px;}
    .fogl-login-visual-content{padding:24px 14px 300px;}
    .fogl-brand-large .fogl-brand-icon{transform:scale(.66);width:72px;flex-basis:72px;margin-right:-14px;}
    .fogl-brand-large .fogl-brand-text strong{font-size:37px;}
    .fogl-brand-large .fogl-brand-text small{font-size:17px;}
    .fogl-login-visual h1{font-size:31px;letter-spacing:-.8px;}
    .fogl-login-lead{font-size:16px;}
    .fogl-login-features{grid-template-columns:1fr 1fr;gap:17px 8px;}
    .fogl-login-photo{height:280px;min-height:280px;}
    .fogl-login-panel-wrap{padding:16px 10px 28px;}
    .fogl-login-panel{padding:24px 17px;border-radius:20px;}
    .fogl-brand-card .fogl-brand-icon{transform:scale(.58);width:63px;flex-basis:63px;margin-right:-12px;}
    .fogl-brand-card .fogl-brand-text strong{font-size:30px;}
    .fogl-brand-card .fogl-brand-text small{font-size:14px;}
    .fogl-login-panel h2{font-size:29px;}
    .fogl-login-note{font-size:14px;}
    .fogl-login-role-row{grid-template-columns:1fr;}
    .fogl-login-role{height:75px;}
    .fogl-login-options{align-items:flex-start;flex-direction:column;}
    .fogl-microsoft-button{font-size:14px;}
}
@media(min-width:901px) and (max-height:760px){
    .fogl-login-visual-content{padding-top:22px;}
    .fogl-brand-large .fogl-brand-icon{transform:scale(.72);transform-origin:left center;width:78px;flex-basis:78px;margin-right:-17px;}
    .fogl-brand-large .fogl-brand-text strong{font-size:41px;}
    .fogl-brand-large .fogl-brand-text small{font-size:19px;}
    .fogl-login-visual h1{font-size:39px;margin-top:22px;margin-bottom:12px;}
    .fogl-login-lead{font-size:17px;}
    .fogl-login-features{margin-top:17px;}
    .fogl-feature-icon{width:52px;height:52px;font-size:23px;margin-bottom:8px;}
    .fogl-login-feature{font-size:12px;}
    .fogl-login-photo{height:38vh;min-height:230px;}
    .fogl-login-panel{padding-top:17px;padding-bottom:15px;}
    .fogl-brand-card .fogl-brand-icon{transform:scale(.58);width:62px;flex-basis:62px;margin-right:-12px;}
    .fogl-brand-card .fogl-brand-text strong{font-size:29px;}
    .fogl-brand-card .fogl-brand-text small{font-size:14px;}
    .fogl-login-note{font-size:13px;}
    .fogl-login-role strong{font-size:14px;}.fogl-login-role small{font-size:11px;}
    .fogl-login-field label{font-size:14px;}
    .fogl-login-input-wrap input{font-size:14px;}
    .fogl-login-options{font-size:12px;}
    .fogl-login-submit{font-size:16px;}
    .fogl-microsoft-button{font-size:14px;}
    .fogl-secure{font-size:11px;}
}
.fogl-card-static{cursor:default;}

/* ========================================================================== */
/* MUNKAVÁLLALÓI NYITÓLAP – TÁVOLLÉT / IRATOK / BÉRLAPOK / SZABÁLYZATOK     */
/* Csak a munkavállalói homepage elemeire hat; az admin dashboard változatlan. */
/* ========================================================================== */
.fogl-employee-home{max-width:1700px;}
.fogl-employee-home .fogl-employee-home-hero{
    height:auto;
    min-height:112px;
    box-sizing:border-box;
    margin-bottom:14px;
    padding:12px 18px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    background:#f4f8fd;
    background-image:linear-gradient(90deg,#eef6ff 0%,#f7fbff 100%);
    border:1px solid #dfeaf5;
    box-shadow:0 10px 24px rgba(25,64,106,.05);
}
.fogl-employee-home .fogl-employee-home-hero .fogl-hero-copy{
    position:static;
    transform:none;
    width:auto;
    flex:1 1 auto;
    min-width:260px;
    padding-right:18px;
}
.fogl-employee-home .fogl-employee-home-hero .fogl-hero-copy h1{
    font-size:34px;
    margin-bottom:8px;
    line-height:1;
    text-transform:uppercase;
}
.fogl-employee-home .fogl-employee-home-hero .fogl-hero-copy p{font-size:16px;line-height:1.3;max-width:760px;}
.fogl-home-hero-shortcuts{
    flex:0 0 auto;
    display:grid;
    grid-template-columns:repeat(4,minmax(160px,1fr));
    gap:12px;
    align-items:stretch;
    padding-left:20px;
    border-left:1px solid #d9e6f2;
}
.fogl-home-hero-shortcut{
    min-height:72px;
    padding:10px 12px;
    border-radius:16px;
    border:1px solid #d8e5f0;
    background:linear-gradient(180deg,#ffffff 0%,#f9fbff 100%);
    display:flex;
    align-items:center;
    gap:14px;
    text-decoration:none;
    color:#173b68;
    box-shadow:0 4px 14px rgba(31,74,120,.06);
    transition:transform .14s ease, box-shadow .14s ease, border-color .14s ease;
}
.fogl-home-hero-shortcut:hover{
    transform:translateY(-1px);
    border-color:#bfd6ea;
    box-shadow:0 8px 18px rgba(31,74,120,.10);
    color:#0c3266;
    text-decoration:none;
}
.fogl-home-hero-shortcut-icon{
    width:46px;
    height:46px;
    flex:0 0 46px;
    border-radius:16px;
    display:grid;
    place-items:center;
    background:linear-gradient(180deg,#eef3ff 0%,#f4f7ff 100%);
    color:#1b4ea0;
    font-size:28px;
}
.fogl-home-hero-shortcut-copy{display:block;line-height:1.08;}
.fogl-home-hero-shortcut-copy strong,
.fogl-home-hero-shortcut-copy small{display:block;}
.fogl-home-hero-shortcut-copy strong{font-size:17px;font-weight:700;color:#153d74;}
.fogl-home-hero-shortcut-copy small{font-size:17px;color:#153d74;font-weight:700;}

.fogl-employee-home-grid{
    display:grid;
    grid-template-columns:minmax(0,1.75fr) minmax(350px,.95fr);
    gap:14px;
    align-items:start;
}
.fogl-leave-home-card{padding:20px;min-width:0;}
.fogl-home-card-heading,.fogl-home-list-heading{
    display:flex;align-items:center;justify-content:space-between;gap:16px;
}
.fogl-home-card-title{display:flex;align-items:center;gap:13px;min-width:0;}
.fogl-home-card-icon{
    width:42px;height:42px;border-radius:11px;display:grid;place-items:center;
    flex:0 0 42px;font-size:20px;
}
.fogl-home-card-title strong{display:block;font-size:20px;color:#0d3263;line-height:1.2;}
.fogl-home-card-title small{display:block;color:#6b83a2;font-size:13px;margin-top:3px;}
.fogl-home-card-heading>a,.fogl-home-list-heading>a,.fogl-home-all-link{
    color:#0b7ce1;font-size:13px;white-space:nowrap;text-decoration:none;
}
.fogl-home-card-heading>a span,.fogl-home-list-heading>a span,.fogl-home-all-link span{font-size:20px;vertical-align:-1px;margin-left:3px;}

.fogl-leave-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0 14px;}
.fogl-leave-summary-item{
    min-height:76px;border-radius:11px;background:linear-gradient(135deg,#f0f8ff,#eaf5ff);
    display:flex;align-items:center;gap:12px;padding:11px 13px;border:1px solid #e6f0f8;
}
.fogl-leave-summary-item>span{
    width:48px;height:48px;flex:0 0 48px;border-radius:13px;display:grid;place-items:center;font-size:22px;
}
.fogl-leave-summary-item small,.fogl-leave-summary-item strong{display:block;}
.fogl-leave-summary-item small{font-size:12px;color:#607b9d;line-height:1.2;}
.fogl-leave-summary-item strong{font-size:21px;color:#0d3264;margin-top:4px;line-height:1;}

.fogl-home-calendar{border:1px solid #dce8f3;border-radius:12px;overflow:hidden;background:#fff;}
.fogl-home-calendar-head{height:60px;display:grid;grid-template-columns:48px 1fr 48px;align-items:center;padding:0 10px;}
.fogl-home-calendar-head strong{text-align:center;font-size:19px;color:#0d3264;}
.fogl-home-calendar-head button{
    width:38px;height:38px;border:1px solid #dce8f3;background:#fff;border-radius:10px;
    color:#0c4b8c;font-size:27px;line-height:32px;box-shadow:0 2px 8px rgba(35,78,121,.05);
}
.fogl-home-calendar-head button:last-child{justify-self:end;}
.fogl-home-calendar-weekdays,.fogl-home-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);}
.fogl-home-calendar-weekdays{height:38px;align-items:center;border-top:1px solid #edf2f7;border-bottom:1px solid #e4ecf4;background:#fbfdff;}
.fogl-home-calendar-weekdays span{text-align:center;color:#6c82a1;font-size:12px;font-weight:600;}
.fogl-calendar-day{
    position:relative;min-width:0;height:72px;border:0;border-right:1px solid #e6edf4;border-bottom:1px solid #e6edf4;
    background:#fff;color:#123765;font-size:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
    transition:background .12s ease,box-shadow .12s ease,color .12s ease;
}
.fogl-calendar-day:nth-child(7n){border-right:0;}
.fogl-calendar-day:hover{background:#edf7ff;box-shadow:inset 0 0 0 1px #b9dafa;z-index:1;}
.fogl-calendar-day.is-weekend{background:#fbfcfe;}
.fogl-calendar-day.is-outside{color:#b3c0d0;background:#fcfdff;}
.fogl-calendar-day.is-today{box-shadow:inset 0 0 0 2px #2387df;color:#0b6fc8;font-weight:700;}
.fogl-calendar-day.event-holiday{background:#fff5f5;color:#de3f42;}
.fogl-calendar-day.event-deputy:not(.event-holiday){background:#f7f9fc;}
.fogl-calendar-day-number{line-height:1;}
.fogl-calendar-dots{display:flex;align-items:center;justify-content:center;gap:3px;height:7px;}
.fogl-calendar-event-dot{width:7px;height:7px;border-radius:50%;display:block;background:#2087df;}
.fogl-calendar-event-dot.holiday{background:#ef555a !important;}
.fogl-calendar-event-dot.deputy{background:#8096b3 !important;}
.fogl-home-calendar-legend{display:flex;flex-wrap:wrap;gap:10px 20px;padding:13px 12px 14px;color:#758ba7;font-size:11px;background:#fff;}
.fogl-home-calendar-legend span{display:flex;align-items:center;gap:6px;}
.fogl-home-calendar-legend i{width:9px;height:9px;border-radius:50%;display:block;}
.fogl-home-calendar-legend i.green{background:#13a65e}.fogl-home-calendar-legend i.blue{background:#2387df}.fogl-home-calendar-legend i.red{background:#ef555a}.fogl-home-calendar-legend i.gray{background:#8196b2}

.fogl-employee-home-side{display:grid;gap:12px;min-width:0;}
.fogl-home-list-card{padding:15px 17px;min-width:0;}
.fogl-home-list-heading>div:first-child{display:flex;align-items:center;gap:10px;color:#0c3264;min-width:0;}
.fogl-home-list-heading>div:first-child>.glyphicon{font-size:20px;color:#117edb;}
.fogl-home-list-heading strong{font-size:18px;line-height:1.2;}
.fogl-year-switch{display:flex;gap:3px;background:#eef4fa;border-radius:8px;padding:2px;}
.fogl-year-switch button{border:0;background:transparent;border-radius:6px;padding:7px 10px;color:#365b82;font-size:11px;}
.fogl-year-switch button.active{background:#147ed7;color:#fff;box-shadow:0 2px 6px rgba(24,118,202,.15);}
.fogl-home-search{height:38px;border:1px solid #dce7f1;border-radius:8px;margin:11px 0 7px;display:flex;align-items:center;gap:8px;padding:0 10px;color:#7890ad;background:#fbfdff;}
.fogl-home-search input{border:0;background:transparent;outline:0;width:100%;font-size:12px;color:#173c68;}
.fogl-home-search input::placeholder{color:#91a3b9;}
.fogl-home-document-year{display:none;max-height:none;overflow:visible;}
.fogl-home-document-year.active{display:block;}
.fogl-home-file-list{max-height:230px;overflow:auto;scrollbar-width:thin;}
.fogl-home-file-row{
    min-height:54px;display:grid;grid-template-columns:40px minmax(0,1fr) auto 38px;align-items:center;gap:8px;
    border-bottom:1px solid #e6edf4;padding:5px 0;
}
.fogl-home-file-row:last-child{border-bottom:0;}
.fogl-file-type{width:36px;height:36px;border-radius:9px;background:#fff0f0;color:#e43c37;display:grid;place-items:center;font-size:17px;}
.fogl-file-copy{min-width:0;}
.fogl-file-copy strong,.fogl-file-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.fogl-file-copy strong{font-size:12px;color:#123765;}
.fogl-file-copy small{font-size:10px;color:#7c91ab;margin-top:2px;}
.fogl-home-file-row time{font-size:10px;color:#7c91ab;white-space:nowrap;}
.fogl-download-button{width:34px;height:34px;border-radius:9px;background:#edf6ff;color:#097ce0;display:grid;place-items:center;text-decoration:none;font-size:15px;}
.fogl-download-button:hover{background:#dceeff;color:#056cc4;}
.fogl-home-empty{padding:18px 8px;text-align:center;color:#8799af;font-size:12px;}
.fogl-home-all-link{display:block;text-align:right;padding-top:8px;}

/* A meglévő BootstrapDialog űrlap vizuális illesztése a munkavállalói nyitólaphoz. */
.fogl-home-leave-dialog .modal-dialog{width:min(560px,calc(100vw - 30px));margin:7vh auto 20px;}
.fogl-home-leave-dialog .modal-content{border:0;border-radius:16px;overflow:hidden;box-shadow:0 18px 55px rgba(18,55,94,.22);}
.fogl-home-leave-dialog .bootstrap-dialog-title{font-size:20px;font-weight:700;color:#0d3264;}
.fogl-home-leave-dialog .modal-header{background:#fff;border-bottom:1px solid #e4ecf4;padding:18px 20px;}
.fogl-home-leave-dialog .modal-body{padding:19px 20px 18px;background:#fff;}
.fogl-home-leave-dialog .modal-body label{color:#173a66;font-size:13px;margin-bottom:5px;}
.fogl-home-leave-dialog .modal-body .form-control{border:1px solid #cfdeed;border-radius:8px;box-shadow:none;min-height:40px;}
.fogl-home-leave-dialog .modal-body select.form-control[multiple]{min-height:88px;}
.fogl-home-leave-dialog .modal-body .form-group{margin-bottom:13px;}
.fogl-home-leave-dialog .modal-body .btn-primary{height:42px;border:0;border-radius:8px;background:linear-gradient(90deg,#1c86df,#0b72c9);font-weight:700;padding:0 24px;}
.fogl-home-leave-dialog .modal-body .panel{border-radius:8px;}

@media(max-width:1280px){
    .fogl-employee-home-grid{grid-template-columns:minmax(0,1.55fr) minmax(320px,.95fr);}
    .fogl-calendar-day{height:64px;}
    .fogl-leave-summary-item{padding:9px;gap:8px;}
    .fogl-leave-summary-item>span{width:42px;height:42px;flex-basis:42px;}
    .fogl-leave-summary-item small{font-size:11px;}
    .fogl-leave-summary-item strong{font-size:18px;}
}
@media(max-width:1050px){
    .fogl-employee-home-grid{grid-template-columns:1fr;}
    .fogl-employee-home-side{grid-template-columns:1fr 1fr;align-items:start;}
    .fogl-documents-card{grid-row:span 2;}
    .fogl-employee-home .fogl-employee-home-hero{padding:16px 18px;align-items:flex-start;}
    .fogl-home-hero-shortcuts{grid-template-columns:repeat(2,minmax(170px,1fr));width:100%;padding-left:0;border-left:0;padding-top:8px;}
}
@media(max-width:820px){
    .fogl-employee-home .fogl-employee-home-hero{padding:16px 18px;display:block;}
    .fogl-employee-home .fogl-employee-home-hero .fogl-hero-copy{min-width:0;padding-right:0;margin-bottom:14px;}
    .fogl-employee-home .fogl-employee-home-hero .fogl-hero-copy h1{font-size:31px;}
    .fogl-employee-home .fogl-employee-home-hero .fogl-hero-copy p{font-size:15px;}
    .fogl-home-hero-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));padding-left:0;border-left:0;}
    .fogl-employee-home-side{grid-template-columns:1fr;}
    .fogl-documents-card{grid-row:auto;}
    .fogl-calendar-day{height:62px;}
}
@media(max-width:600px){
    .fogl-employee-home{padding:10px;}
    .fogl-employee-home .fogl-employee-home-hero{margin-bottom:10px;border-radius:12px;padding:15px 14px;}
    .fogl-employee-home .fogl-employee-home-hero .fogl-hero-copy{min-width:0;margin-bottom:12px;}
    .fogl-employee-home .fogl-employee-home-hero .fogl-hero-copy h1{font-size:28px;margin-bottom:7px;}
    .fogl-employee-home .fogl-employee-home-hero .fogl-hero-copy p{font-size:14px;max-width:none;}
    .fogl-home-hero-shortcuts{grid-template-columns:1fr;gap:10px;}
    .fogl-home-hero-shortcut{min-height:72px;padding:12px 13px;border-radius:14px;}
    .fogl-home-hero-shortcut-icon{width:46px;height:46px;flex-basis:46px;border-radius:13px;font-size:23px;}
    .fogl-home-hero-shortcut-copy strong,.fogl-home-hero-shortcut-copy small{font-size:16px;}
    .fogl-employee-home-grid{gap:10px;}
    .fogl-leave-home-card,.fogl-home-list-card{padding:13px;}
    .fogl-home-card-heading{align-items:flex-start;}
    .fogl-home-card-title strong{font-size:18px;}
    .fogl-home-card-title small{font-size:12px;}
    .fogl-home-card-heading>a{font-size:11px;padding-top:3px;}
    .fogl-leave-summary{gap:6px;margin:13px 0 11px;}
    .fogl-leave-summary-item{min-height:72px;display:block;text-align:center;padding:8px 4px;}
    .fogl-leave-summary-item>span{width:30px;height:30px;margin:0 auto 4px;font-size:15px;border-radius:8px;}
    .fogl-leave-summary-item small{font-size:9px;white-space:normal;}
    .fogl-leave-summary-item strong{font-size:16px;margin-top:3px;}
    .fogl-home-calendar-head{height:52px;grid-template-columns:40px 1fr 40px;padding:0 7px;}
    .fogl-home-calendar-head strong{font-size:17px;}
    .fogl-home-calendar-head button{width:34px;height:34px;font-size:23px;}
    .fogl-home-calendar-weekdays{height:32px;}
    .fogl-home-calendar-weekdays span{font-size:10px;}
    .fogl-calendar-day{height:50px;font-size:12px;gap:4px;}
    .fogl-calendar-event-dot{width:5px;height:5px;}
    .fogl-home-calendar-legend{gap:7px 12px;padding:10px;font-size:9px;}
    .fogl-home-list-heading{align-items:flex-start;}
    .fogl-home-list-heading strong{font-size:17px;}
    .fogl-year-switch button{padding:6px 8px;font-size:10px;}
    .fogl-home-file-row{grid-template-columns:36px minmax(0,1fr) 34px;min-height:52px;}
    .fogl-home-file-row time{grid-column:2;grid-row:2;margin-top:-11px;}
    .fogl-home-file-row .fogl-download-button{grid-column:3;grid-row:1 / span 2;}
    .fogl-home-document-year,.fogl-home-file-list{max-height:none;}
    .fogl-home-leave-dialog .modal-dialog{width:100%;max-width:none;margin:0;position:fixed;left:0;right:0;bottom:0;top:auto;}
    .fogl-home-leave-dialog .modal-content{border-radius:18px 18px 0 0;max-height:88vh;overflow:auto;}
    .fogl-home-leave-dialog .modal-header{padding:16px;}
    .fogl-home-leave-dialog .modal-body{padding:15px;}
}
@media(min-width:601px){
    .fogl-home-file-row>.fogl-download-button:last-child{grid-column:4;}
}

/* ========================================================================== */
/* MUNKAVÁLLALÓI FŐOLDAL – HAVI FULLCALENDAR                                */
/* A Kérelem oldal meglévő naptárfunkcióit használja ugyanazokkal az adatforrásokkal. */
/* ========================================================================== */
.fogl-home-fullcalendar{
    padding:14px 14px 0;
    overflow:visible;
}
.fogl-home-fullcalendar #foglEmployeeFullCalendar{
    width:100%;
    min-width:0;
}
.fogl-home-fullcalendar .fc{
    font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
    color:#153a67;
}
.fogl-home-fullcalendar .fc-toolbar{
    margin:0 0 14px;
    min-height:42px;
}
.fogl-home-fullcalendar .fc-toolbar h2{
    color:#0d3264;
    font-size:20px;
    font-weight:700;
    line-height:36px;
    margin:0;
}
.fogl-home-fullcalendar .fc-toolbar button{
    height:36px;
    border:1px solid #d6e4f1;
    border-radius:8px;
    background:#fff;
    color:#24547f;
    box-shadow:none;
    text-shadow:none;
    font-size:12px;
    padding:0 11px;
}
.fogl-home-fullcalendar .fc-toolbar button:hover,
.fogl-home-fullcalendar .fc-toolbar .fc-state-hover{
    background:#eef7ff;
    border-color:#b8d9f6;
    color:#0b73cc;
}
.fogl-home-fullcalendar .fc-toolbar .fc-state-disabled{
    opacity:.5;
}
.fogl-home-fullcalendar .fc-button-group > .fc-button{
    border-radius:0;
}
.fogl-home-fullcalendar .fc-button-group > .fc-button:first-child{
    border-radius:8px 0 0 8px;
}
.fogl-home-fullcalendar .fc-button-group > .fc-button:last-child{
    border-radius:0 8px 8px 0;
}
.fogl-home-fullcalendar .fc-view-container{
    border:1px solid #dfe9f3;
    border-radius:10px;
    overflow:hidden;
    background:#fff;
}
.fogl-home-fullcalendar .fc-widget-header{
    border-color:#e3ebf4;
    background:#f8fbfe;
    color:#6b83a2;
    font-size:11px;
    font-weight:700;
    padding:7px 2px;
}
.fogl-home-fullcalendar .fc-widget-content{
    border-color:#e6edf4;
}
.fogl-home-fullcalendar .fc-day{
    background:#fff;
}
.fogl-home-fullcalendar .fc-sat,
.fogl-home-fullcalendar .fc-sun{
    background:#fffafa;
}
.fogl-home-fullcalendar .fc-other-month{
    background:#fbfcfe;
}
.fogl-home-fullcalendar .fc-today{
    background:#edf7ff !important;
    box-shadow:inset 0 0 0 2px #2b8be0;
}
.fogl-home-fullcalendar .fc-day-number{
    color:#153a67;
    font-size:12px;
    padding:6px 7px 2px;
}
.fogl-home-fullcalendar .fc-other-month .fc-day-number{
    color:#aab8c8;
}
.fogl-home-fullcalendar .fc-event{
    border:0;
    border-radius:5px;
    padding:2px 4px;
    font-size:10px;
    line-height:1.25;
    cursor:pointer;
    box-shadow:0 1px 2px rgba(24,70,112,.08);
}
.fogl-home-fullcalendar .fc-event .fc-title{
    font-weight:600;
}
.fogl-home-fullcalendar .fc-more{
    color:#0b78d5;
    font-size:10px;
    font-weight:600;
}
.fogl-home-fullcalendar .fc-highlight{
    background:#ddecfb;
    opacity:.78;
}
.fogl-home-calendar-hint{
    display:flex;
    align-items:flex-start;
    gap:8px;
    padding:11px 3px 12px;
    color:#7088a6;
    font-size:11px;
    line-height:1.4;
}
.fogl-home-calendar-hint .glyphicon{
    color:#1680da;
    margin-top:1px;
}

@media(max-width:820px){
    .fogl-home-fullcalendar{padding:11px 10px 0;}
    .fogl-home-fullcalendar .fc-toolbar h2{font-size:18px;line-height:34px;}
    .fogl-home-fullcalendar .fc-toolbar button{height:34px;padding:0 9px;font-size:11px;}
    .fogl-home-fullcalendar .fc-day-number{font-size:11px;padding:5px 5px 1px;}
    .fogl-home-fullcalendar .fc-event{font-size:9px;padding:2px 3px;}
}

@media(max-width:600px){
    .fogl-home-fullcalendar{padding:9px 7px 0;border-radius:10px;}
    .fogl-home-fullcalendar .fc-toolbar{
        display:grid;
        grid-template-columns:1fr;
        gap:7px;
        min-height:0;
        margin-bottom:10px;
        text-align:center;
    }
    .fogl-home-fullcalendar .fc-toolbar .fc-left,
    .fogl-home-fullcalendar .fc-toolbar .fc-center,
    .fogl-home-fullcalendar .fc-toolbar .fc-right{
        float:none;
        display:flex;
        justify-content:center;
        align-items:center;
        width:100%;
    }
    .fogl-home-fullcalendar .fc-toolbar .fc-center{grid-row:1;}
    .fogl-home-fullcalendar .fc-toolbar .fc-left{grid-row:2;}
    .fogl-home-fullcalendar .fc-toolbar h2{font-size:17px;line-height:30px;}
    .fogl-home-fullcalendar .fc-toolbar button{
        min-width:50px;
        height:34px;
        font-size:10px;
        padding:0 8px;
    }
    .fogl-home-fullcalendar .fc-widget-header{font-size:9px;padding:6px 1px;}
    .fogl-home-fullcalendar .fc-day-number{font-size:10px;padding:4px 4px 1px;}
    .fogl-home-fullcalendar .fc-event{
        margin-left:1px;
        margin-right:1px;
        padding:1px 2px;
        border-radius:3px;
        font-size:8px;
        line-height:1.2;
    }
    .fogl-home-fullcalendar .fc-more{font-size:8px;}
    .fogl-home-calendar-hint{font-size:10px;padding:9px 2px 10px;}
}

/* ========================================================================== */
/* MUNKAVÁLLALÓI FŐOLDAL – MODERN NAPTÁR NAVIGÁCIÓ ÉS TÁVOLLÉT MODAL          */
/* ========================================================================== */
.fogl-home-fullcalendar{
    border:1px solid #dfeaf4;
    border-radius:16px;
    background:#fff;
    padding:0;
    overflow:hidden;
    box-shadow:0 8px 24px rgba(34,78,121,.045);
}
.fogl-calendar-modern-toolbar{
    min-height:76px;
    display:grid;
    grid-template-columns:46px minmax(0,1fr) auto;
    align-items:center;
    gap:12px;
    padding:12px 14px;
    border-bottom:1px solid #e5edf5;
    background:linear-gradient(180deg,#fbfdff 0%,#f7fbff 100%);
}
.fogl-calendar-current-month{
    min-width:0;
    text-align:center;
}
.fogl-calendar-current-month small{
    display:block;
    margin-bottom:2px;
    color:#7990ad;
    font-size:11px;
    font-weight:600;
    letter-spacing:.02em;
}
.fogl-calendar-current-month strong{
    display:block;
    color:#0d3264;
    font-size:20px;
    font-weight:800;
    line-height:1.2;
    text-transform:none;
}
.fogl-calendar-toolbar-actions{
    display:flex;
    align-items:center;
    gap:8px;
}
.fogl-calendar-nav-button,
.fogl-calendar-today-button{
    height:40px;
    border:1px solid #d5e3f0;
    border-radius:11px;
    background:#fff;
    color:#24557f;
    box-shadow:0 2px 6px rgba(23,72,116,.04);
    transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;
}
.fogl-calendar-nav-button{
    width:40px;
    padding:0;
    display:grid;
    place-items:center;
    font-size:12px;
}
.fogl-calendar-today-button{
    min-width:54px;
    padding:0 14px;
    font-size:12px;
    font-weight:700;
}
.fogl-calendar-nav-button:hover,
.fogl-calendar-today-button:hover{
    border-color:#abd1f3;
    background:#edf7ff;
    color:#0877d0;
}
.fogl-calendar-nav-button:active,
.fogl-calendar-today-button:active{transform:translateY(1px)}

/* A FullCalendar régi felső eszköztára ezen a nézeten nem jelenik meg. */
.fogl-home-fullcalendar .fc-toolbar{display:none !important;}
.fogl-home-fullcalendar #foglEmployeeFullCalendar{
    padding:13px 14px 0;
}
.fogl-home-fullcalendar .fc-view-container{
    border:1px solid #e1eaf3;
    border-radius:12px;
    overflow:hidden;
    box-shadow:none;
}
.fogl-home-fullcalendar .fc-widget-header{
    border-color:#e5edf5;
    background:#f8fbfe;
    color:#6d84a2;
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.025em;
    padding:8px 2px;
}
.fogl-home-fullcalendar .fc-widget-content{border-color:#e8eef5;}
.fogl-home-fullcalendar .fc-day{transition:background .12s ease;}
.fogl-home-fullcalendar .fc-day:hover{background:#f6fbff;}
.fogl-home-fullcalendar .fc-today{
    background:#eff8ff !important;
    box-shadow:inset 0 0 0 2px #5da8e8;
}
.fogl-home-fullcalendar .fc-day-number{
    color:#173b67;
    font-size:12px;
    font-weight:600;
    padding:7px 8px 2px;
}
.fogl-home-fullcalendar .fc-event{
    border:0;
    border-radius:6px;
    padding:3px 5px;
    font-size:10px;
    line-height:1.25;
    cursor:pointer;
    box-shadow:none;
}
.fogl-home-calendar-hint{
    margin:0;
    padding:12px 15px 14px;
    border-top:1px solid #edf2f7;
    background:#fbfdff;
}

/* BootstrapDialog – modern FOGL megjelenés, a meglévő űrlaplogika változatlan. */
.fogl-home-leave-dialog .modal-dialog{
    width:min(600px,calc(100vw - 34px));
    margin:5vh auto 24px;
}
.fogl-home-leave-dialog .modal-content{
    position:relative;
    overflow:hidden;
    border:1px solid rgba(204,221,237,.75);
    border-radius:22px;
    background:#fff;
    box-shadow:0 28px 80px rgba(15,48,84,.24);
}
.fogl-home-leave-dialog .modal-header{
    min-height:76px;
    display:flex;
    align-items:center;
    padding:20px 24px;
    border:0;
    border-bottom:1px solid #e6edf5;
    background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);
}
.fogl-home-leave-dialog .bootstrap-dialog-title{
    color:#0d3264;
    font-size:22px;
    font-weight:800;
    line-height:1.2;
}
.fogl-home-leave-dialog .modal-header .close{
    width:36px;
    height:36px;
    margin-top:0;
    border-radius:10px;
    color:#6f86a3;
    opacity:1;
    font-size:23px;
    font-weight:400;
    line-height:32px;
    text-shadow:none;
    transition:background .15s ease,color .15s ease;
}
.fogl-home-leave-dialog .modal-header .close:hover{
    background:#edf6ff;
    color:#0c78d2;
}
.fogl-home-leave-dialog .modal-body{
    padding:22px 24px 24px;
    background:#fff;
    color:#173a66;
}
.fogl-home-leave-dialog .modal-body form{margin:0;}
.fogl-home-leave-dialog .modal-body .form-group{margin-bottom:17px;}
.fogl-home-leave-dialog .modal-body label{
    display:block;
    margin-bottom:7px;
    color:#173a66;
    font-size:13px;
    font-weight:700;
    line-height:1.35;
}
.fogl-home-leave-dialog .modal-body .form-control,
.fogl-home-leave-dialog .modal-body select,
.fogl-home-leave-dialog .modal-body input[type="text"],
.fogl-home-leave-dialog .modal-body input[type="date"]{
    min-height:46px;
    border:1px solid #cfdeec;
    border-radius:11px;
    background:#fff;
    color:#173a66;
    box-shadow:none;
    font-size:14px;
    transition:border-color .15s ease,box-shadow .15s ease;
}
.fogl-home-leave-dialog .modal-body .form-control:focus,
.fogl-home-leave-dialog .modal-body select:focus,
.fogl-home-leave-dialog .modal-body input:focus{
    border-color:#76b6eb;
    outline:0;
    box-shadow:0 0 0 3px rgba(42,139,220,.10);
}
.fogl-home-leave-dialog .modal-body select.form-control[multiple],
.fogl-home-leave-dialog .modal-body select[multiple]{
    min-height:108px;
    padding:8px 10px;
}
.fogl-home-leave-dialog .modal-body .select2-container{width:100% !important;}
.fogl-home-leave-dialog .modal-body .select2-container .select2-choice,
.fogl-home-leave-dialog .modal-body .select2-container-multi .select2-choices{
    min-height:46px;
    border:1px solid #cfdeec;
    border-radius:11px;
    background:#fff;
    box-shadow:none;
}
.fogl-home-leave-dialog .modal-body .select2-container .select2-choice{
    padding:8px 12px;
    line-height:28px;
}
.fogl-home-leave-dialog .modal-body .select2-container-multi .select2-choices{
    padding:4px 6px;
}
.fogl-home-leave-dialog .modal-body .btn{
    min-height:44px;
    border-radius:10px;
    padding:9px 20px;
    font-size:14px;
    font-weight:700;
    box-shadow:none;
}
.fogl-home-leave-dialog .modal-body .btn-primary{
    border:0;
    background:linear-gradient(90deg,#2188e1,#0d74cb);
    color:#fff;
}
.fogl-home-leave-dialog .modal-body .btn-primary:hover{background:linear-gradient(90deg,#167fd8,#096bbd);}
.fogl-home-leave-dialog .modal-body .btn-danger{
    border:1px solid #f0b7bb;
    background:#fff4f5;
    color:#c63c45;
}
.fogl-home-leave-dialog .modal-body .btn-danger:hover{background:#ffe9eb;border-color:#e89ca3;}
.fogl-home-leave-dialog .modal-body .btn-success{
    border:0;
    background:#149b63;
    color:#fff;
}
.fogl-home-leave-dialog .modal-body #out{
    margin-top:12px;
    border-radius:10px;
    overflow:hidden;
}
.fogl-home-leave-dialog .modal-body .alert{
    border-radius:10px;
    border:0;
}

@media(max-width:820px){
    .fogl-calendar-modern-toolbar{min-height:70px;padding:10px 11px;}
    .fogl-calendar-current-month strong{font-size:18px;}
    .fogl-home-fullcalendar #foglEmployeeFullCalendar{padding:10px 10px 0;}
}

@media(max-width:600px){
    .fogl-home-fullcalendar{border-radius:14px;}
    .fogl-calendar-modern-toolbar{
        min-height:66px;
        grid-template-columns:40px minmax(0,1fr) auto;
        gap:7px;
        padding:9px;
    }
    .fogl-calendar-nav-button{width:38px;height:38px;border-radius:10px;}
    .fogl-calendar-today-button{height:38px;min-width:46px;padding:0 10px;font-size:11px;}
    .fogl-calendar-current-month small{font-size:9px;}
    .fogl-calendar-current-month strong{font-size:16px;}
    .fogl-home-fullcalendar #foglEmployeeFullCalendar{padding:8px 7px 0;}
    .fogl-home-fullcalendar .fc-widget-header{font-size:8px;padding:6px 0;letter-spacing:0;}
    .fogl-home-fullcalendar .fc-day-number{font-size:10px;padding:4px 4px 1px;}
    .fogl-home-fullcalendar .fc-event{font-size:8px;padding:1px 2px;border-radius:4px;}
    .fogl-home-calendar-hint{font-size:9px;padding:10px 10px 11px;}

    .fogl-home-leave-dialog .modal-dialog{
        width:100%;
        max-width:none;
        margin:0;
        position:fixed;
        left:0;right:0;bottom:0;top:auto;
    }
    .fogl-home-leave-dialog .modal-content{
        max-height:91vh;
        overflow:auto;
        border:0;
        border-radius:22px 22px 0 0;
        box-shadow:0 -16px 50px rgba(15,48,84,.24);
    }
    .fogl-home-leave-dialog .modal-content:before{
        content:"";
        display:block;
        width:42px;
        height:4px;
        margin:9px auto 0;
        border-radius:4px;
        background:#cbd8e5;
    }
    .fogl-home-leave-dialog .modal-header{
        min-height:62px;
        padding:12px 16px 13px;
        position:sticky;
        top:0;
        z-index:2;
    }
    .fogl-home-leave-dialog .bootstrap-dialog-title{font-size:18px;}
    .fogl-home-leave-dialog .modal-body{padding:15px 16px 20px;}
    .fogl-home-leave-dialog .modal-body .form-group{margin-bottom:14px;}
    .fogl-home-leave-dialog .modal-body .form-control,
    .fogl-home-leave-dialog .modal-body select,
    .fogl-home-leave-dialog .modal-body input[type="text"],
    .fogl-home-leave-dialog .modal-body input[type="date"]{min-height:44px;font-size:16px;}
    .fogl-home-leave-dialog .modal-body .btn{width:100%;margin:5px 0 0;min-height:46px;}
}

/* ========================================================================== 
   FOGL munkavállalói naptár – finom hétvége/ünnep + új adatbeviteli felület
   ========================================================================== */

/* A hétvége csak nagyon enyhe hideg-kék tónust kap. */
.fogl-home-fullcalendar .fc-sat,
.fogl-home-fullcalendar .fc-sun{
    background:#f8fbfe !important;
}
.fogl-home-fullcalendar .fc-sat:hover,
.fogl-home-fullcalendar .fc-sun:hover{
    background:#f2f8fd !important;
}

/* A munkaszüneti nap FullCalendar háttéreseménye ne legyen piros/erős. */
.fogl-home-fullcalendar .fc-bgevent{
    background:#eaf5ff !important;
    opacity:.72 !important;
}
.fogl-home-fullcalendar .fc-bgevent-skeleton td{
    border-color:transparent !important;
}

/* A naptár kerete is levegősebb, lágyabb. */
.fogl-home-fullcalendar .fc-view-container{
    border-color:#e4edf5;
    background:#fff;
}
.fogl-home-fullcalendar .fc-widget-header{
    background:#f9fcff;
    color:#7289a5;
}
.fogl-home-fullcalendar .fc-widget-content{border-color:#edf2f7;}

/* Új távollét adatbeviteli rendszer. A Symfony form/backend változatlan. */
.fogl-home-leave-dialog .modal-dialog{
    width:min(660px,calc(100vw - 34px));
}
.fogl-home-leave-dialog .modal-body{
    padding:0;
}
.fogl-leave-form-shell{
    padding:22px 24px 24px;
    background:#fff;
}
.fogl-leave-form{
    margin:0;
}
.fogl-leave-form-intro{
    display:flex;
    align-items:center;
    gap:13px;
    margin-bottom:20px;
    padding:13px 15px;
    border:1px solid #e2edf7;
    border-radius:14px;
    background:linear-gradient(135deg,#f6fbff,#fbfdff);
}
.fogl-leave-form-intro-icon{
    width:42px;
    height:42px;
    flex:0 0 42px;
    display:grid;
    place-items:center;
    border-radius:12px;
    background:#e4f2ff;
    color:#1780d8;
    font-size:17px;
}
.fogl-leave-form-intro strong{
    display:block;
    color:#123965;
    font-size:15px;
    font-weight:800;
}
.fogl-leave-form-intro small{
    display:block;
    margin-top:3px;
    color:#7188a4;
    font-size:12px;
    line-height:1.35;
}
.fogl-leave-form-grid{
    display:grid;
    gap:14px;
}
.fogl-leave-form-grid--top{
    grid-template-columns:180px minmax(0,1fr);
    margin-bottom:17px;
}
.fogl-leave-form-grid--dates{
    grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);
    align-items:end;
}
.fogl-leave-control{
    min-width:0;
    margin:0;
}
.fogl-leave-control label{
    display:block;
    margin:0 0 7px;
    color:#153a66;
    font-size:12px;
    font-weight:800;
    line-height:1.3;
}
.fogl-leave-label-row{
    min-height:23px;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
}
.fogl-leave-field-badge,
.fogl-leave-optional{
    flex:0 0 auto;
    border-radius:999px;
    padding:3px 8px;
    background:#f0f6fb;
    color:#748aa4;
    font-size:10px;
    font-weight:700;
    line-height:1.2;
}
.fogl-leave-optional{
    background:#f4f8fb;
    color:#8496ab;
}
.fogl-leave-select-wrap,
.fogl-leave-date-wrap{
    position:relative;
}
.fogl-leave-select-wrap > .glyphicon,
.fogl-leave-date-wrap > .glyphicon{
    position:absolute;
    right:13px;
    top:50%;
    transform:translateY(-50%);
    color:#8197b1;
    pointer-events:none;
    font-size:12px;
}
.fogl-leave-select,
.fogl-leave-date{
    width:100%;
    height:48px !important;
    min-height:48px !important;
    border:1px solid #d3e0ec !important;
    border-radius:12px !important;
    background:#fbfdff !important;
    color:#173b67 !important;
    box-shadow:none !important;
    font-size:14px !important;
    font-weight:600;
}
.fogl-leave-select{
    appearance:none;
    -webkit-appearance:none;
    padding:0 38px 0 13px !important;
}
.fogl-leave-date{
    padding:0 40px 0 13px !important;
}
.fogl-leave-select:focus,
.fogl-leave-date:focus{
    border-color:#83bde9 !important;
    background:#fff !important;
    box-shadow:0 0 0 3px rgba(34,132,214,.09) !important;
}
.fogl-leave-period-card{
    margin-bottom:18px;
    padding:15px;
    border:1px solid #e1ebf4;
    border-radius:15px;
    background:#f9fcff;
}
.fogl-leave-period-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:13px;
    padding-bottom:11px;
    border-bottom:1px solid #e9f0f6;
}
.fogl-leave-period-head > span{
    color:#17406e;
    font-size:13px;
    font-weight:800;
}
.fogl-leave-period-head > span .glyphicon{
    margin-right:6px;
    color:#2b8bda;
}
.fogl-leave-period-head small{
    color:#8093a9;
    font-size:10px;
}
.fogl-leave-date-separator{
    height:48px;
    display:grid;
    place-items:center;
    color:#9aacc0;
    font-size:11px;
}
.fogl-leave-helper{
    margin:-2px 0 9px;
    color:#7b8fa8;
    font-size:11px;
    line-height:1.4;
}
.fogl-leave-deputy-control{
    margin-bottom:20px;
}
.fogl-leave-deputy-wrap{
    position:relative;
    padding-left:44px;
    border:1px solid #d3e0ec;
    border-radius:12px;
    background:#fbfdff;
    overflow:hidden;
}
.fogl-leave-deputy-icon{
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:44px;
    display:grid;
    place-items:center;
    border-right:1px solid #e5edf5;
    color:#6f8ba8;
    background:#f5f9fc;
    z-index:2;
}
.fogl-leave-deputy-wrap select{
    width:100%;
    min-height:48px;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}
.fogl-leave-deputy-wrap .select2-container{
    width:100% !important;
}
.fogl-leave-deputy-wrap .select2-container-multi .select2-choices,
.fogl-leave-deputy-wrap .select2-container .select2-choice{
    min-height:48px !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}
.fogl-leave-deputy-wrap .select2-container-multi .select2-choices{
    padding:6px 8px !important;
}
.fogl-leave-deputy-wrap .select2-search-choice{
    margin:3px 5px 3px 0 !important;
    padding:6px 24px 6px 9px !important;
    border:1px solid #cfe2f4 !important;
    border-radius:8px !important;
    background:#edf7ff !important;
    color:#24577f !important;
    box-shadow:none !important;
}
.fogl-leave-form-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
    padding-top:17px;
    border-top:1px solid #edf2f7;
}
.fogl-leave-actions-spacer{flex:1;}
.fogl-leave-form-actions .btn{
    min-width:112px;
    height:44px;
    margin:0 !important;
    border-radius:11px !important;
    font-size:13px !important;
    font-weight:800 !important;
}
.fogl-leave-cancel{
    border:1px solid #d5e1ec !important;
    background:#fff !important;
    color:#607a99 !important;
}
.fogl-leave-cancel:hover{
    background:#f7fafc !important;
}
.fogl-leave-primary{
    border:0 !important;
    background:linear-gradient(90deg,#2188e1,#0c73ca) !important;
    color:#fff !important;
}
.fogl-leave-delete{
    border:1px solid #efc8cb !important;
    background:#fff7f7 !important;
    color:#bd5058 !important;
}
.fogl-leave-readonly-note{
    display:flex;
    align-items:flex-start;
    gap:10px;
    margin-bottom:15px;
    padding:11px 13px;
    border:1px solid #e6edf5;
    border-radius:12px;
    background:#f8fbfd;
    color:#617b98;
    font-size:12px;
    line-height:1.45;
}
.fogl-leave-readonly-note .glyphicon{color:#2d8bd8;margin-top:1px;}
.fogl-leave-form-errors,
.fogl-leave-form-shell .form-error-message,
.fogl-leave-form-shell ul{
    color:#b84a52;
    font-size:11px;
}

@media(max-width:600px){
    .fogl-home-fullcalendar .fc-sat,
    .fogl-home-fullcalendar .fc-sun{background:#f9fcff !important;}
    .fogl-home-fullcalendar .fc-bgevent{background:#edf7ff !important;opacity:.68 !important;}

    .fogl-leave-form-shell{padding:15px 16px 20px;}
    .fogl-leave-form-intro{margin-bottom:15px;padding:11px 12px;}
    .fogl-leave-form-intro-icon{width:38px;height:38px;flex-basis:38px;}
    .fogl-leave-form-grid--top{grid-template-columns:1fr;gap:12px;}
    .fogl-leave-form-grid--dates{grid-template-columns:1fr;gap:11px;}
    .fogl-leave-date-separator{display:none;}
    .fogl-leave-period-card{padding:12px;}
    .fogl-leave-period-head{align-items:flex-start;flex-direction:column;gap:3px;}
    .fogl-leave-select,
    .fogl-leave-date{height:46px !important;min-height:46px !important;font-size:16px !important;}
    .fogl-leave-form-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;}
    .fogl-leave-form-actions--edit{grid-template-columns:1fr 1fr;}
    .fogl-leave-form-actions--edit .fogl-leave-delete{grid-column:1 / -1;grid-row:2;}
    .fogl-leave-actions-spacer{display:none;}
    .fogl-leave-form-actions .btn{width:100%;min-width:0;height:46px;}
}

/* ========================================================================== 
   FOGL távollét űrlap – régi globális Select2 / datepicker rétegek leválasztása
   ========================================================================== */
/* A Tárgyév és Jogcím a modern űrlapon natív, egyetlen keretes mező. */
.fogl-home-leave-dialog .modal-body .fogl-leave-select-wrap > select.fogl-leave-select{
    display:block !important;
    width:100% !important;
    height:48px !important;
    margin:0 !important;
    border:1px solid #d3e0ec !important;
    border-radius:12px !important;
    background:#fbfdff !important;
    box-shadow:none !important;
    outline:0 !important;
}
.fogl-home-leave-dialog .modal-body .fogl-leave-select-wrap > .select2-container{
    display:none !important;
}

/* A dátummezőnél csak a böngésző egyetlen naptárvezérlője maradjon. */
.fogl-home-leave-dialog .modal-body input.fogl-leave-date{
    width:100% !important;
    margin:0 !important;
    border:1px solid #d3e0ec !important;
    border-radius:12px !important;
    background:#fbfdff !important;
    box-shadow:none !important;
    outline:0 !important;
    -webkit-appearance:auto;
    appearance:auto;
}
.fogl-leave-date-wrap > .glyphicon-calendar{display:none !important;}

/* Helyettesítés: a külső FOGL keret az egyetlen látható keret. */
.fogl-home-leave-dialog .modal-body .fogl-leave-deputy-wrap .select2-container,
.fogl-home-leave-dialog .modal-body .fogl-leave-deputy-wrap .select2-container-multi{
    width:100% !important;
    margin:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}
.fogl-home-leave-dialog .modal-body .fogl-leave-deputy-wrap .select2-container .select2-choice,
.fogl-home-leave-dialog .modal-body .fogl-leave-deputy-wrap .select2-container-multi .select2-choices{
    min-height:48px !important;
    margin:0 !important;
    padding:5px 8px !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}
.fogl-home-leave-dialog .modal-body .fogl-leave-deputy-wrap .select2-container-multi.select2-container-active .select2-choices,
.fogl-home-leave-dialog .modal-body .fogl-leave-deputy-wrap .select2-container-active .select2-choice{
    border:0 !important;
    box-shadow:none !important;
}
.fogl-home-leave-dialog .modal-body .fogl-leave-deputy-wrap .select2-search-field input{
    min-height:36px !important;
    margin:0 !important;
    padding:6px 8px !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}

/* FOGL employee home – year based payslips + policy shortcut */
.fogl-home-payslip-year{display:none;}
.fogl-home-payslip-year.active{display:block;}
.fogl-payslips-card .fogl-home-list-heading{align-items:center;gap:12px;}
.fogl-policy-link-card{
    display:flex;
    align-items:center;
    gap:14px;
    padding:18px 17px;
    text-decoration:none !important;
    color:#0c2f62 !important;
    transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
    border:1px solid #e4edf6;
}
.fogl-policy-link-card:hover{
    transform:translateY(-1px);
    box-shadow:0 8px 22px rgba(35,84,130,.10);
    border-color:#cfe1f2;
}
.fogl-policy-link-icon{
    width:48px;height:48px;flex:0 0 48px;
    border-radius:13px;
    display:grid;place-items:center;
    background:#edf6ff;
    color:#157bd1;
    font-size:22px;
}
.fogl-policy-link-copy{display:flex;flex-direction:column;min-width:0;gap:3px;}
.fogl-policy-link-copy strong{font-size:16px;line-height:1.2;}
.fogl-policy-link-copy small{font-size:12px;line-height:1.35;color:#6781a2;}
.fogl-policy-link-arrow{margin-left:auto;color:#1781d8;font-size:28px;line-height:1;}
@media(max-width:575.98px){
    .fogl-payslips-card .fogl-home-list-heading{align-items:flex-start;flex-direction:column;}
    .fogl-payslips-card .fogl-year-switch{align-self:stretch;justify-content:space-between;}
    .fogl-payslips-card .fogl-year-switch button{flex:1;}
    .fogl-policy-link-card{padding:15px 14px;}
}

/* ========================================================================== 
   FOGL munkavállalói naptár – teljes napos távollét megjelenítés
   A távollét nem keskeny eseménycsík, hanem az adott naptári nap teljes
   felületét kitöltő, halvány pasztell mező. A jogcím középen jelenik meg.
   ========================================================================== */
.fogl-home-fullcalendar .fc-day{
    position:relative;
    overflow:hidden;
}
.fogl-home-fullcalendar .fc-day.fogl-leave-filled{
    background:var(--fogl-leave-bg,#eaf5ff) !important;
    box-shadow:inset 0 0 0 1px var(--fogl-leave-border,#cfe6fa);
}
.fogl-home-fullcalendar .fc-day.fogl-leave-filled:hover{
    filter:brightness(.985);
}
.fogl-home-fullcalendar .fogl-calendar-day-fill{
    position:absolute;
    inset:3px;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:15px 5px 5px;
    border-radius:7px;
    color:var(--fogl-leave-text,#16578a);
    text-align:center;
    pointer-events:none;
}
.fogl-home-fullcalendar .fogl-calendar-day-leave-title{
    display:-webkit-box;
    max-width:100%;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    font-size:10px;
    font-weight:800;
    line-height:1.15;
    white-space:normal;
    overflow-wrap:anywhere;
    hyphens:auto;
}
/* A nap száma megmarad, de diszkréten a jobb felső sarokban látszik. */
.fogl-home-fullcalendar .fc-day-number{
    position:relative;
    z-index:5;
}
.fogl-home-fullcalendar .fc-day-number.fogl-leave-filled,
.fogl-home-fullcalendar .fogl-leave-filled + .fc-day-number{
    color:#173b67;
}

/* Jogcímekhez rendelt világos, egymástól jól elkülönülő pasztell tónusok. */
.fogl-home-fullcalendar .fogl-leave-tone-blue{
    --fogl-leave-bg:#e7f3ff;
    --fogl-leave-border:#c5e1f8;
    --fogl-leave-text:#135d98;
}
.fogl-home-fullcalendar .fogl-leave-tone-mint{
    --fogl-leave-bg:#eaf8f3;
    --fogl-leave-border:#ccecdf;
    --fogl-leave-text:#18735a;
}
.fogl-home-fullcalendar .fogl-leave-tone-rose{
    --fogl-leave-bg:#fff0f2;
    --fogl-leave-border:#f5d4d9;
    --fogl-leave-text:#9a4652;
}
.fogl-home-fullcalendar .fogl-leave-tone-lilac{
    --fogl-leave-bg:#f2efff;
    --fogl-leave-border:#ded6fa;
    --fogl-leave-text:#65519a;
}
.fogl-home-fullcalendar .fogl-leave-tone-peach{
    --fogl-leave-bg:#fff5e9;
    --fogl-leave-border:#f4dfc5;
    --fogl-leave-text:#94652b;
}
.fogl-home-fullcalendar .fogl-leave-tone-aqua{
    --fogl-leave-bg:#eaf8fa;
    --fogl-leave-border:#cde9ed;
    --fogl-leave-text:#31717b;
}
.fogl-home-fullcalendar .fogl-leave-tone-slate{
    --fogl-leave-bg:#f0f4f8;
    --fogl-leave-border:#d8e1ea;
    --fogl-leave-text:#536b84;
}

/* A régi eseménycsíkok ezen a főoldali naptáron nem foglalnak helyet. */
.fogl-home-fullcalendar .fc-event{display:none !important;}

@media (max-width:767.98px){
    .fogl-home-fullcalendar .fogl-calendar-day-fill{inset:2px;padding:13px 2px 3px;border-radius:5px;}
    .fogl-home-fullcalendar .fogl-calendar-day-leave-title{font-size:8px;line-height:1.08;-webkit-line-clamp:3;}
}
@media (max-width:420px){
    .fogl-home-fullcalendar .fogl-calendar-day-fill{padding:12px 1px 2px;}
    .fogl-home-fullcalendar .fogl-calendar-day-leave-title{font-size:7px;line-height:1.05;-webkit-line-clamp:3;}
}

/* FOGL003 – Tárgyévi iratok: a belső görgetés teljes megszüntetése, tartalomkövető magasság. */
.fogl-employee-home .fogl-documents-card,
.fogl-employee-home .fogl-documents-card .fogl-home-document-years,
.fogl-employee-home .fogl-documents-card .fogl-home-document-year,
.fogl-employee-home .fogl-documents-card .fogl-home-file-list {
    height:auto !important;
    max-height:none !important;
    min-height:0;
    overflow:visible !important;
    overflow-y:visible !important;
}
.fogl-employee-home .fogl-employee-home-side { align-content:start; grid-auto-rows:max-content; }

/* FOGL004 – extra keskeny munkavállalói fejléc; kizárólag a főoldalon. */
.fogl-employee-home .fogl-employee-home-hero{
    height:auto;min-height:60px;padding:5px 12px;gap:10px;margin-bottom:10px;
}
.fogl-employee-home .fogl-employee-home-hero .fogl-hero-copy{
    min-width:0;padding-right:8px;margin-bottom:0;
}
.fogl-employee-home .fogl-employee-home-hero .fogl-hero-copy h1{
    font-size:23px;line-height:1.1;margin:0 0 3px;
}
.fogl-employee-home .fogl-employee-home-hero .fogl-hero-copy p{
    font-size:12px;line-height:1.2;margin:0;
}
.fogl-employee-home .fogl-home-hero-shortcuts{
    grid-template-columns:repeat(4,minmax(126px,1fr));gap:6px;padding-left:10px;
}
.fogl-employee-home .fogl-home-hero-shortcut{
    min-height:48px;padding:5px 8px;border-radius:10px;gap:7px;
}
.fogl-employee-home .fogl-home-hero-shortcut-icon{
    width:32px;height:32px;flex:0 0 32px;border-radius:9px;font-size:19px;
}
.fogl-employee-home .fogl-home-hero-shortcut-copy strong,
.fogl-employee-home .fogl-home-hero-shortcut-copy small{
    font-size:12px;line-height:1.12;
}
@media(max-width:1280px){
    .fogl-employee-home .fogl-employee-home-hero{flex-wrap:wrap;}
    .fogl-employee-home .fogl-home-hero-shortcuts{width:100%;padding-left:0;border-left:0;}
}
@media(max-width:820px){
    .fogl-employee-home .fogl-home-hero-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:600px){
    .fogl-employee-home .fogl-employee-home-hero{padding:9px 10px;}
    .fogl-employee-home .fogl-home-hero-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;}
    .fogl-employee-home .fogl-employee-home-hero .fogl-hero-copy h1{font-size:21px;}
}

/* FOGL004 – A naptár fölötti öt kompakt távolléti összesítő kártya. */
.fogl-employee-home .fogl-leave-summary{
    grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:10px 0 9px;
}
.fogl-employee-home .fogl-leave-summary-item{
    min-width:0;min-height:43px;padding:6px 7px;gap:6px;border-radius:8px;
}
.fogl-employee-home .fogl-leave-summary-item>span{
    width:27px;height:27px;flex:0 0 27px;border-radius:7px;font-size:13px;
}
.fogl-employee-home .fogl-leave-summary-item>div{min-width:0;}
.fogl-employee-home .fogl-leave-summary-item small{
    font-size:10px;line-height:1.13;white-space:normal;
}
.fogl-employee-home .fogl-leave-summary-item strong{
    font-size:15px;line-height:1.12;margin-top:3px;
}
.fogl-employee-home .fogl-leave-summary-note{
    display:block;
    margin-top:2px;
    font-style:normal;
    font-size:9px;
    line-height:1.08;
    color:#6f86a3;
}
@media(max-width:1450px){
    .fogl-employee-home .fogl-leave-summary{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:600px){
    .fogl-employee-home .fogl-leave-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;}
    .fogl-employee-home .fogl-leave-summary-item{display:flex;text-align:left;padding:6px;min-height:45px;}
    .fogl-employee-home .fogl-leave-summary-item>span{margin:0;}
    .fogl-employee-home .fogl-leave-summary-item small{font-size:10px;}
    .fogl-employee-home .fogl-leave-summary-item strong{font-size:14px;}
    .fogl-employee-home .fogl-leave-summary-note{font-size:9px;}
}

/* FOGL004 – PDF dokumentum feltöltése: egységes, modern felugróablak. */
.fogl-home-upload-dialog .modal-dialog{width:min(570px,calc(100vw - 24px));margin:7vh auto 20px;}
.fogl-home-upload-dialog .modal-content{overflow:hidden;border:0;border-radius:16px;box-shadow:0 18px 55px rgba(18,55,94,.22);}
.fogl-home-upload-dialog .modal-header{background:linear-gradient(115deg,#eaf5ff,#f8fbff);border-bottom:1px solid #dfeaf5;padding:19px 22px;}
.fogl-home-upload-dialog .bootstrap-dialog-title{color:#0d3264;font-size:20px;font-weight:700;}
.fogl-home-upload-dialog .modal-body{padding:22px;background:white;}
.fogl-home-upload-dialog .modal-body label{font-size:13px;font-weight:650;color:#173a66;}
.fogl-home-upload-dialog .modal-body .form-group{margin-bottom:15px;}
.fogl-home-upload-dialog .modal-body .form-control{border:1px solid #ccdeef;border-radius:9px;box-shadow:none;min-height:40px;}
.fogl-home-upload-dialog .modal-body .form-control:focus{border-color:#79b8e9;box-shadow:0 0 0 3px rgba(39,137,220,.11);}
.fogl-home-upload-dialog .modal-body .btn{border-radius:9px;padding:10px 19px;font-weight:700;}
.fogl-home-upload-dialog .modal-body .btn-primary,
.fogl-home-upload-dialog .modal-body .btn-success{background:#147ed7;border-color:#147ed7;color:white;}
@media(max-width:600px){.fogl-home-upload-dialog .modal-dialog{width:calc(100vw - 16px);margin:8px auto;}.fogl-home-upload-dialog .modal-body{padding:16px;}}
/* FOGL005 – Dokumentációim menünév a nyitóoldalra vezet, a nyíl nyitja az almenüt. */
.fogl-side-group summary .fdoc-nav-overview-link{flex:1;min-width:0;color:inherit!important;text-decoration:none!important;font:inherit}
.fogl-side-group summary .fdoc-nav-overview-link:hover{color:#1682df!important}

/* FOGL005: a Dokumentációim nyíl külön lenyitható célterület, a menüsor maga a nyitóoldalra vezet. */
.fdoc-nav-group > summary .fogl-chevron{cursor:pointer;min-width:32px;min-height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;user-select:none}
.fdoc-nav-group > summary .fogl-chevron:hover{background:#e8f3ff;color:#147ed7}
.fdoc-nav-group[open] > summary .fogl-chevron{color:#147ed7}

/* FOGL005: önálló főmenü-hivatkozás és független almenünyitó vezérlő */
.fogl-side-group>.fdoc-nav-main{display:flex;align-items:center;min-height:48px;border-radius:10px;color:#0f3566;padding:0 6px 0 0;}
.fogl-side-group>.fdoc-nav-main:hover{background:#f0f7ff;}
.fdoc-nav-main-link{display:flex;align-items:center;flex:1;min-width:0;gap:14px;padding:12px 4px 12px 15px;color:inherit!important;text-decoration:none!important;font-size:16px;line-height:24px;}
.fdoc-nav-main-link:hover,.fdoc-nav-main-link:focus{color:#0f73ca!important;text-decoration:none!important;}
.fdoc-nav-toggle{flex:0 0 36px;width:36px;height:36px;border:0;background:transparent;border-radius:8px;color:#6685a7;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.fdoc-nav-toggle:hover,.fdoc-nav-toggle:focus{background:#e4f2ff;color:#0f73ca;}
.fdoc-nav-toggle .glyphicon{transition:transform .15s ease;font-size:13px;}
.fogl-side-group:not([open])>.fdoc-nav-main .fdoc-nav-toggle .glyphicon{transform:rotate(-90deg);}

/* FOGL005: standalone Dokumentacioim navigation; never let a disclosure intercept its link. */
.fdoc-nav-simple > .fdoc-nav-main{display:flex;align-items:center;min-height:48px;border-radius:10px;}
.fdoc-nav-simple > .fdoc-nav-main > a{flex:1;min-width:0;}
.fdoc-nav-simple > .fdoc-side-sub[hidden]{display:none!important;}
.fdoc-nav-simple .fdoc-nav-toggle[aria-expanded="false"] .glyphicon{transform:rotate(-90deg);}

/* FOGL006 – Kilépés a felső sávban, minden modern FOGL oldalon. */
.fogl-topbar .fogl-topbar-logout{
    display:inline-flex;align-items:center;justify-content:center;gap:9px;flex:0 0 auto;
    min-height:46px;padding:0 16px;border:1px solid #166cba;border-radius:12px;
    background:linear-gradient(180deg,#2f91e8,#1678cf);color:#ffffff;
    font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap;
    box-shadow:0 8px 18px rgba(20,92,161,.18);transition:background .15s,border-color .15s,box-shadow .15s,transform .15s;
}
.fogl-topbar .fogl-topbar-logout .glyphicon{font-size:17px;color:#ffffff;}
.fogl-topbar .fogl-topbar-logout:hover,.fogl-topbar .fogl-topbar-logout:focus{
    background:linear-gradient(180deg,#2a88dc,#126dbe);border-color:#105fa6;color:#ffffff;text-decoration:none;
    box-shadow:0 10px 22px rgba(20,92,161,.24);transform:translateY(-1px);
}
.fogl-topbar .fogl-topbar-logout:focus-visible{outline:2px solid #2479cb;outline-offset:2px;}
@media(max-width:820px){
    .fogl-topbar .fogl-topbar-logout{width:46px;min-height:46px;padding:0;gap:0;}
    .fogl-topbar .fogl-topbar-logout>span:last-child{display:none;}
    .fogl-topbar .fogl-date{padding-right:10px;}
}

/* a MunkaÜgyes – végleges megjelenített márkanév; a technikai fogl- osztálynevek változatlanok. */
.fogl-brand-text{min-width:0;white-space:nowrap;}
.fogl-brand-text strong{font-weight:800;}
.fogl-brand-sidebar .fogl-brand-text strong{font-size:19px;letter-spacing:-.5px;line-height:1.08;}
.fogl-brand-sidebar .fogl-brand-text small{font-size:14px;letter-spacing:0;line-height:1.05;margin-top:5px;}
.fogl-brand-large .fogl-brand-text strong{font-size:clamp(22px,2.15vw,30px);letter-spacing:-.65px;line-height:1.03;}
.fogl-brand-large .fogl-brand-text small{font-size:clamp(16px,1.7vw,22px);margin-top:7px;}
.fogl-brand-card .fogl-brand-text strong{font-size:clamp(15px,1.45vw,19px);letter-spacing:-.25px;line-height:1.05;}
.fogl-brand-card .fogl-brand-text small{font-size:13px;margin-top:4px;}
@media(max-width:600px){
  .fogl-brand-large .fogl-brand-text strong{font-size:clamp(18px,4.9vw,24px);}
  .fogl-brand-large .fogl-brand-text small{font-size:15px;}
  .fogl-brand-card .fogl-brand-text strong{font-size:16px;}
}

/* FOGL006 – kizárólag a belső oldalsáv márkajelzésének enyhe, arányos nagyítása. */
.fogl-sidebar-brand .fogl-brand-sidebar{
    transform:scale(1.13);
    transform-origin:left center;
}

/* FOGL 007 – A már működő menü két feladatkörbe rendezése. */
.fogl-role-group{margin:7px 0 12px;border:1px solid #dce8f5;border-radius:13px;background:#f8fbff;overflow:hidden}
.fogl-role-group>summary{display:flex;align-items:center;gap:11px;padding:15px 12px;background:#eaf3fd;color:#174b7b;font-size:15px;font-weight:700;cursor:pointer;list-style:none}
.fogl-role-group>summary::-webkit-details-marker{display:none}
.fogl-role-group>summary .glyphicon{font-size:18px}
.fogl-role-group>summary .fogl-chevron{margin-left:auto}
.fogl-role-group:not([open])>summary .fogl-chevron{transform:rotate(-90deg)}
.fogl-role-group-content{padding:7px 5px}
.fogl-role-group-content .fogl-side-link,.fogl-role-group-content .fogl-side-group summary{font-size:14px;min-height:42px;gap:10px;padding:8px 9px}
.fogl-role-group-content .fogl-side-link .glyphicon,.fogl-role-group-content .fogl-side-group summary .glyphicon{font-size:17px;flex-basis:21px;width:21px}
.fogl-role-home-panel{margin-bottom:20px}
.fogl-role-home-panel h2{display:flex;align-items:center;gap:9px}
.fogl-admin-section-title{font-size:21px;font-weight:700;color:#184775;margin:23px 0 15px}

/* FOGL 007 – A hat saját munkavállalói funkció egy sorban az admin főoldalon. */
.fogl-role-home-panel .fogl-employee-shortcuts-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.fogl-role-home-panel .fogl-employee-shortcuts-grid .fogl-action{min-width:0;min-height:143px;padding:13px 8px 12px;flex-direction:column;justify-content:center;gap:8px;text-align:center}
.fogl-role-home-panel .fogl-employee-shortcuts-grid .fogl-action-icon{width:44px;height:44px;flex:0 0 44px;font-size:21px;border-radius:12px}
.fogl-role-home-panel .fogl-employee-shortcuts-grid .fogl-action>span:nth-child(2){width:100%}
.fogl-role-home-panel .fogl-employee-shortcuts-grid .fogl-action strong{font-size:13px;line-height:1.3;margin-bottom:4px;overflow-wrap:anywhere}
.fogl-role-home-panel .fogl-employee-shortcuts-grid .fogl-action small{font-size:11px;line-height:1.3}
.fogl-role-home-panel .fogl-employee-shortcuts-grid .fogl-action i{display:none}
@media(max-width:1100px){.fogl-role-home-panel .fogl-employee-shortcuts-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.fogl-role-home-panel .fogl-employee-shortcuts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 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;}