/* v69: language flags, mobile dashboard cleanup, fixed sidebar/scrolling. Employee pointage logic untouched. */
:root{--v69-sidebar:248px;--v69-line:#dfe7f1;--v69-bg:#f4f7fb;--v69-dark:#0f172a;--v69-radius:9px;}
/* Flag language buttons: no duplicated FR FR / TR TR / EN EN */
.lang-switch-clean{display:flex!important;align-items:center!important;gap:5px!important;flex-wrap:nowrap!important;min-width:0!important;}
.lang-switch-clean a{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;height:30px!important;min-width:54px!important;padding:0 8px!important;border:1px solid var(--v69-line)!important;border-radius:7px!important;background:#fff!important;color:#334155!important;font:700 11px/1 Inter,Segoe UI,Arial,sans-serif!important;text-decoration:none!important;white-space:nowrap!important;box-shadow:none!important;text-transform:uppercase!important;}
.lang-switch-clean a.active{background:#0f172a!important;color:#fff!important;border-color:#0f172a!important;}
.flag-icon{display:inline-block!important;width:16px!important;height:11px!important;border-radius:2px!important;box-shadow:0 0 0 1px rgba(15,23,42,.15) inset!important;flex:0 0 16px!important;}
.flag-fr{background:linear-gradient(90deg,#244aa5 0 33%,#fff 33% 66%,#e43d30 66% 100%)!important;}
.flag-tr{background:#e30a17!important;position:relative!important;}
.flag-tr:before{content:'';position:absolute;left:4px;top:3px;width:5px;height:5px;border-radius:50%;box-shadow:-2px 0 0 1.7px #fff;}
.flag-tr:after{content:'★';position:absolute;left:9px;top:1px;color:#fff;font-size:6px;line-height:1;}
.flag-en{background:linear-gradient(90deg,#012169 0 100%)!important;position:relative!important;overflow:hidden!important;}
.flag-en:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 42%,#fff 42% 58%,transparent 58%),linear-gradient(0deg,transparent 38%,#fff 38% 62%,transparent 62%);}
.flag-en:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 46%,#c8102e 46% 54%,transparent 54%),linear-gradient(0deg,transparent 44%,#c8102e 44% 56%,transparent 56%);}
/* Desktop: true fixed sidebar + scrollable content */
@media(min-width:821px){
  html,body.admin-body{height:100%!important;overflow:hidden!important;}
  .admin-shell{height:100vh!important;display:flex!important;overflow:hidden!important;}
  .sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:var(--v69-sidebar)!important;height:100vh!important;overflow-y:auto!important;overflow-x:hidden!important;z-index:50!important;}
  .admin-main{margin-left:var(--v69-sidebar)!important;width:calc(100% - var(--v69-sidebar))!important;height:100vh!important;overflow-y:auto!important;overflow-x:hidden!important;padding:16px!important;}
}
/* Mobile app-style topbar */
@media(max-width:820px){
  html,body{width:100%!important;min-height:100%!important;overflow-x:hidden!important;overflow-y:auto!important;background:var(--v69-bg)!important;}
  .admin-body{overflow-y:auto!important;overflow-x:hidden!important;font-size:12px!important;}
  .admin-shell{display:block!important;height:auto!important;min-height:100vh!important;overflow:visible!important;background:var(--v69-bg)!important;}
  .sidebar{position:fixed!important;left:-282px!important;top:0!important;bottom:0!important;width:272px!important;height:100vh!important;overflow-y:auto!important;background:#0f172a!important;z-index:2000!important;transition:left .22s ease!important;border-right:1px solid rgba(255,255,255,.08)!important;}
  body.sidebar-open .sidebar{left:0!important;}
  body.sidebar-open:after{content:'';position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:1900;}
  .admin-main{height:auto!important;min-height:100vh!important;margin-left:0!important;width:100%!important;overflow:visible!important;padding:10px!important;}
  .pro-admin-top,.admin-top{position:sticky!important;top:6px!important;z-index:1000!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin:0 0 12px!important;padding:10px!important;border-radius:14px!important;background:rgba(255,255,255,.97)!important;border:1px solid #dfe7f1!important;box-shadow:0 8px 22px rgba(15,23,42,.06)!important;overflow:visible!important;}
  .top-title-wrap{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important;}
  .top-title-wrap h1{font-size:17px!important;line-height:1.1!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .admin-menu-toggle{display:flex!important;align-items:center!important;justify-content:center!important;width:36px!important;height:36px!important;min-width:36px!important;border-radius:10px!important;border:1px solid #d9e4f0!important;background:#fff!important;color:#0f172a!important;font-size:18px!important;}
  .admin-top-actions{display:grid!important;grid-template-columns:repeat(3,38px) 1fr!important;gap:7px!important;width:100%!important;align-items:center!important;}
  .admin-top-actions .notif{width:38px!important;height:34px!important;min-width:38px!important;border-radius:10px!important;background:#fff!important;border:1px solid #d9e4f0!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;padding:0!important;color:#0f172a!important;text-decoration:none!important;font-size:0!important;}
  .admin-top-actions .notif::before{font-size:16px!important;line-height:1!important;}
  .admin-top-actions .notif:nth-child(1)::before{content:'📄';}.admin-top-actions .notif:nth-child(2)::before{content:'✉';}.admin-top-actions .notif:nth-child(3)::before{content:'🛒';}
  .admin-top-actions .notif b{position:absolute!important;right:-5px!important;top:-6px!important;min-width:18px!important;height:18px!important;padding:0 5px!important;border-radius:999px!important;background:#ef4444!important;color:#fff!important;font-size:10px!important;line-height:18px!important;text-align:center!important;font-weight:900!important;}
  .admin-top-actions .lang-switch-clean{grid-column:1/4!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;background:#f1f5f9!important;border:1px solid #d9e4f0!important;border-radius:11px!important;padding:3px!important;gap:3px!important;}
  .admin-top-actions .lang-switch-clean a{min-width:0!important;width:auto!important;height:28px!important;border:0!important;background:transparent!important;border-radius:8px!important;padding:0 3px!important;font-size:10px!important;gap:3px!important;}
  .admin-top-actions .lang-switch-clean a.active{background:#0f172a!important;color:#fff!important;}
  .admin-top-actions .site-link{grid-column:4!important;grid-row:1 / span 2!important;height:68px!important;min-width:0!important;border-radius:11px!important;font-size:10.5px!important;font-weight:900!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:0 8px!important;background:#0f172a!important;color:#fff!important;white-space:normal!important;line-height:1.15!important;}
  .admin-user-card{grid-column:1/5!important;width:100%!important;min-width:0!important;height:54px!important;border-radius:12px!important;background:#fff!important;border:1px solid #d9e4f0!important;padding:7px!important;display:flex!important;align-items:center!important;gap:8px!important;}
  .admin-avatar{width:34px!important;height:34px!important;min-width:34px!important;border-radius:9px!important;font-size:14px!important;}
  .admin-user-meta strong{font-size:12px!important;line-height:1.05!important;display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .admin-user-meta span{font-size:10.5px!important;line-height:1.1!important;display:block!important;}
  .admin-user-meta small{font-size:10px!important;display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .admin-user-action{margin-left:auto!important;}
  /* Mobile dashboard clean ordering */
  .dash-hero{display:block!important;margin:8px 0 10px!important;}
  .dash-hero .eyebrow{display:none!important;}
  .dash-hero h2{font-size:18px!important;line-height:1.15!important;margin:0 0 8px!important;}
  .dash-period{display:grid!important;grid-template-columns:1fr auto!important;gap:7px!important;padding:10px!important;border-radius:12px!important;background:#fff!important;border:1px solid #dfe7f1!important;box-shadow:0 4px 14px rgba(15,23,42,.035)!important;}
  .dash-period label{grid-column:1/3!important;font-size:11px!important;font-weight:800!important;color:#64748b!important;}
  .dash-period input{height:36px!important;border-radius:9px!important;font-size:12px!important;}
  .dash-period button{height:36px!important;border-radius:9px!important;font-size:11px!important;}
  .dash-kpi-grid,.dashboard-topline{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:8px 0!important;}
  .dash-kpi{min-height:86px!important;border-radius:12px!important;padding:11px 48px 10px 11px!important;box-shadow:0 6px 18px rgba(15,23,42,.045)!important;}
  .dash-kpi span{font-size:10.5px!important;font-weight:800!important;line-height:1.1!important;}
  .dash-kpi strong{font-size:17px!important;line-height:1.1!important;margin-top:5px!important;}
  .dash-kpi em{font-size:10px!important;line-height:1.1!important;}
  .dash-kpi:after{right:10px!important;top:50%!important;transform:translateY(-50%)!important;width:34px!important;height:34px!important;border-radius:10px!important;}
  .dashboard-middle,.dash-layout{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;}
  .admin-card{border-radius:12px!important;padding:12px!important;}
  .health-mini-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;}
  .health-mini-grid>div{border-radius:10px!important;padding:10px 8px!important;min-height:72px!important;}
  .ca-split{display:grid!important;grid-template-columns:100px 1fr!important;gap:10px!important;align-items:center!important;}
  .donut{width:92px!important;height:92px!important;}
  .split-list p{font-size:11px!important;gap:5px!important;margin:6px 0!important;}
  .orders-inline-panel{grid-template-columns:1fr 1fr!important;gap:6px!important;}
  .dash-small-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;}
  .mini-stat{min-height:62px!important;border-radius:11px!important;padding:10px!important;}
  .dash-tables{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;}
  .dash-table-card{max-height:none!important;overflow:hidden!important;}
  .dash-table-card .table{min-width:0!important;width:100%!important;font-size:10.5px!important;}
  .dash-table-card th,.dash-table-card td{padding:7px 5px!important;white-space:normal!important;overflow-wrap:anywhere!important;}
  /* frontend/site language selector */
  .frontend-lang-switch.lang-switch-clean,.drawer-lang.lang-switch-clean{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:4px!important;width:100%!important;}
  .frontend-lang-switch.lang-switch-clean a,.drawer-lang.lang-switch-clean a{min-width:0!important;height:30px!important;}
}
@media(max-width:420px){
  .admin-main{padding:8px!important;}
  .admin-top-actions{grid-template-columns:repeat(3,35px) 1fr!important;gap:5px!important;}
  .admin-top-actions .notif{width:35px!important;height:32px!important;min-width:35px!important;}
  .admin-top-actions .site-link{height:64px!important;font-size:9.5px!important;padding:0 6px!important;}
  .flag-icon{width:14px!important;height:10px!important;flex-basis:14px!important;}
  .dash-kpi-grid,.dashboard-topline{grid-template-columns:1fr!important;}
}