/*
 * YolunÜstü V2 — Group 1: application shell
 * Visual layer only. No routes, controller or data behavior is defined here.
 */
:root{
  --yu-v2-navy:#09285c;
  --yu-v2-navy-2:#173f77;
  --yu-v2-green:#0aae66;
  --yu-v2-green-2:#08a15d;
  --yu-v2-bg:#f3f8fc;
  --yu-v2-card:#fff;
  --yu-v2-line:#dce7f1;
  --yu-v2-muted:#71829d;
  --yu-v2-danger:#e5394d;
  --yu-v2-shadow:0 10px 28px rgba(15,42,78,.08);
  --yu-v2-radius:22px;
  --yu-v2-sidebar:260px;
  --yu-v2-topbar:72px;
  --yu-v2-bottom:88px;
}

*{box-sizing:border-box}
html{min-height:100%;background:var(--yu-v2-bg)}
body.yu-v2-app,
body.yu-v2-admin,
body.yu-v2-guest{margin:0;min-height:100%;background:var(--yu-v2-bg);color:#18345d;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.yu-v2-app a,body.yu-v2-admin a{color:inherit}
button,input,select,textarea{font:inherit}

/* ========================= APP SHELL ========================= */
body.yu-v2-app .main{
  min-height:100vh!important;
  margin-left:var(--yu-v2-sidebar)!important;
  width:calc(100% - var(--yu-v2-sidebar))!important;
  display:flex!important;flex-direction:column!important;
  background:var(--yu-v2-bg)!important;
}
body.yu-v2-app .page-content{
  flex:1 1 auto!important;min-width:0!important;width:100%!important;
  padding:calc(var(--yu-v2-topbar) + 18px) 24px 32px!important;
}
body.yu-v2-app .main>footer{order:3}

/* authenticated desktop sidebar */
body.yu-v2-app .yu-simple-sidebar{
  position:fixed!important;left:0!important;top:0!important;bottom:0!important;z-index:1200!important;
  width:var(--yu-v2-sidebar)!important;min-width:var(--yu-v2-sidebar)!important;max-width:var(--yu-v2-sidebar)!important;
  padding:14px 12px 16px!important;margin:0!important;display:flex!important;flex-direction:column!important;
  background:linear-gradient(180deg,#047857 0%,#059669 55%,#047a62 100%)!important;
  color:#e8f7f3!important;box-shadow:10px 0 32px rgba(7,42,97,.16)!important;
  border-right:1px solid rgba(15,174,102,.16)!important;
  overflow-y:auto!important;overflow-x:hidden!important;
}
body.yu-v2-app .yu-simple-sidebar .brand.yu-simple-brand{
  height:68px!important;min-height:68px!important;padding:0 9px!important;margin:0 0 10px!important;
  display:flex!important;align-items:center!important;gap:9px!important;background:transparent!important;border:0!important;
}
body.yu-v2-app .yu-sidebar-toggle{
  width:40px!important;height:40px!important;border:1px solid rgba(10,174,102,.28)!important;border-radius:12px!important;
  background:rgba(255,255,255,.14)!important;color:#effff8!important;display:grid!important;place-items:center!important;flex:none!important;cursor:pointer!important;
}
body.yu-v2-app .yu-sidebar-brand-copy{min-width:0}
body.yu-v2-app .yu-sidebar-brand-copy .brand-name{color:#fff!important;font-size:19px!important;font-weight:900!important;line-height:1!important}
body.yu-v2-app .yu-sidebar-brand-copy .brand-subtitle{display:block!important;color:rgba(255,255,255,.58)!important;font-size:9px!important;margin-top:5px!important}
body.yu-v2-app .yu-sidebar-nav{display:block!important;min-height:0!important}
body.yu-v2-app .yu-simple-section{padding:15px 10px 7px!important;color:rgba(235,255,246,.78)!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.8px!important;font-weight:900!important}
body.yu-v2-app .yu-sidebar-nav .nav-item{margin:0!important;padding:0!important}
body.yu-v2-app .yu-sidebar-nav .nav-link{
  position:relative!important;display:flex!important;align-items:center!important;gap:11px!important;width:100%!important;
  min-height:44px!important;padding:10px 11px!important;margin:3px 0!important;border:0!important;border-radius:13px!important;
  color:rgba(255,255,255,.84)!important;background:transparent!important;text-decoration:none!important;
  font-size:14px!important;font-weight:700!important;box-shadow:none!important;transition:background .18s ease,color .18s ease,transform .18s ease!important;
}
body.yu-v2-app .yu-sidebar-nav .nav-link:hover{background:rgba(10,174,102,.16)!important;color:#fff!important}
body.yu-v2-app .yu-sidebar-nav .nav-link.active{background:linear-gradient(135deg,#0aae66,#08a15d)!important;color:#fff!important;box-shadow:0 8px 20px rgba(10,174,102,.24)!important}
body.yu-v2-app .yu-sidebar-nav .nav-icon{width:25px!important;min-width:25px!important;text-align:center!important;font-size:16px!important;color:inherit!important}
body.yu-v2-app .yu-sidebar-link-label{min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.yu-v2-app .nav-badge{margin-left:auto!important;min-width:22px!important;height:22px!important;padding:0 6px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:99px!important;background:#ef476f!important;color:#fff!important;font-size:11px!important;font-weight:900!important;box-shadow:0 0 0 2px rgba(7,42,97,.4)!important}
body.yu-v2-app .yu-simple-help{margin-top:auto!important;padding:13px 11px!important;border:1px solid rgba(10,174,102,.24)!important;border-radius:16px!important;background:linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,.07))!important;color:rgba(245,255,251,.84)!important;display:flex!important;gap:9px!important;font-size:11px!important;line-height:1.45!important}
body.yu-v2-app .yu-simple-help>i{color:#39d890!important;margin-top:2px!important}
body.yu-v2-app .yu-simple-help strong{display:block!important;color:#dffff0!important;font-size:12px!important;margin-bottom:3px!important}

/* topbar */
body.yu-v2-app .main>.topbar{
  position:fixed!important;left:var(--yu-v2-sidebar)!important;right:0!important;top:0!important;height:var(--yu-v2-topbar)!important;min-height:var(--yu-v2-topbar)!important;
  z-index:1100!important;padding:0 22px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
  background:rgba(255,255,255,.96)!important;border-bottom:2px solid #d8efe5!important;box-shadow:0 4px 20px rgba(16,44,80,.05)!important;backdrop-filter:blur(14px)!important;
}
body.yu-v2-app .topbar-left{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important}
body.yu-v2-app .mobile-toggle{display:none!important}
body.yu-v2-app .top-title{font-size:21px!important;font-weight:900!important;line-height:1.1!important;color:var(--yu-v2-navy)!important}
body.yu-v2-app .top-subtitle{font-size:12px!important;color:var(--yu-v2-muted)!important;margin-top:4px!important}
body.yu-v2-app .mobile-greeting-title,body.yu-v2-app .mobile-greeting-subtitle{display:none!important}
body.yu-v2-app .yu-top-nav{display:flex!important;align-items:center!important;gap:5px!important;margin-left:auto!important;margin-right:18px!important}
body.yu-v2-app .yu-top-nav a{display:inline-flex!important;align-items:center!important;gap:7px!important;padding:9px 11px!important;border-radius:12px!important;color:#617895!important;text-decoration:none!important;font-size:13px!important;font-weight:800!important}
body.yu-v2-app .yu-top-nav a:hover,body.yu-v2-app .yu-top-nav a.active{background:#eef7f3!important;color:var(--yu-v2-green-2)!important}
body.yu-v2-app .yu-top-nav .yu-top-create{background:var(--yu-v2-green)!important;color:#fff!important;padding-inline:13px!important}
body.yu-v2-app .top-actions{display:flex!important;align-items:center!important;gap:8px!important}
body.yu-v2-app .top-actions .notification,
body.yu-v2-app .top-actions .user-menu-trigger,
body.yu-v2-app .top-actions .top-language-flag{border:1px solid var(--yu-v2-line)!important;background:#fff!important;color:var(--yu-v2-navy)!important}
body.yu-v2-app .top-language-control,body.yu-v2-app .notification-menu-wrap,body.yu-v2-app .user-menu{position:relative!important}
body.yu-v2-app .top-language-flag,body.yu-v2-app .notification,body.yu-v2-app .user-menu-trigger{min-width:42px!important;height:42px!important;border-radius:13px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;box-shadow:none!important}
body.yu-v2-app .notification{position:relative!important;text-decoration:none!important}
body.yu-v2-app .notification-count,.message-count{position:absolute!important;right:-2px!important;top:-4px!important;min-width:18px!important;height:18px!important;padding:0 4px!important;border-radius:99px!important;background:#ef476f!important;color:#fff!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:10px!important;font-weight:900!important;border:2px solid #fff!important}
body.yu-v2-app .user-menu-trigger{padding:4px 9px 4px 5px!important;gap:8px!important}
body.yu-v2-app .user-menu-trigger .avatar{width:34px!important;height:34px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#e6fff3!important;color:#087446!important;font-size:12px!important;font-weight:900!important}
body.yu-v2-app .user-menu-copy{display:block!important;text-align:left!important;min-width:0!important}
body.yu-v2-app .user-name{font-size:12px!important;font-weight:900!important;color:var(--yu-v2-navy)!important;white-space:nowrap!important;max-width:130px!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.yu-v2-app .user-role{font-size:10px!important;color:var(--yu-v2-muted)!important;margin-top:2px!important}
body.yu-v2-app .user-menu-chevron{font-size:10px!important;color:#8091a7!important}
body.yu-v2-app .top-language-menu,body.yu-v2-app .notification-dropdown,body.yu-v2-app .user-menu-dropdown{position:absolute!important;top:50px!important;right:0!important;min-width:240px!important;background:#fff!important;border:1px solid var(--yu-v2-line)!important;border-radius:18px!important;box-shadow:0 20px 48px rgba(12,38,70,.18)!important;overflow:hidden!important;z-index:1600!important}
body.yu-v2-app .user-menu-dropdown{padding:8px!important}
body.yu-v2-app .user-menu-item{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;padding:10px 11px!important;border-radius:12px!important;border:0!important;background:transparent!important;color:#395573!important;text-decoration:none!important;text-align:left!important;font-size:13px!important;font-weight:700!important}
body.yu-v2-app .user-menu-item:hover{background:#f1f7fb!important;color:var(--yu-v2-navy)!important}
body.yu-v2-app .user-menu-logout{color:var(--yu-v2-danger)!important}
body.yu-v2-app .user-menu-divider{height:1px!important;background:#edf2f6!important;margin:7px 4px!important}
body.yu-v2-app .top-language-switcher-engine{position:absolute!important;inset:0!important;opacity:0!important;pointer-events:none!important}

/* mobile bottom */
body.yu-v2-app .yu-mobile-bottom-nav{display:none}
body.yu-v2-app .yu-mobile-sheet-backdrop,body.yu-v2-app .yu-mobile-sheet{display:none}

/* public sidebar */
body.yu-v2-app .yolunustu-public-sidebar{
  position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:var(--yu-v2-sidebar)!important;z-index:1200!important;
  padding:16px 12px!important;background:linear-gradient(180deg,#09285c,#123d75)!important;color:#fff!important;overflow:auto!important;
}
body.yu-v2-app .yolunustu-public-sidebar .brand{height:68px!important;display:flex!important;align-items:center!important;gap:9px!important;padding:0 9px!important;border-bottom:1px solid rgba(255,255,255,.10)!important}
body.yu-v2-app .yolunustu-public-sidebar .brand-icon{width:40px!important;height:40px!important;border-radius:12px!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.09)!important;color:#fff!important}
body.yu-v2-app .yolunustu-public-sidebar .brand-name{font-size:19px!important;font-weight:900!important}.yolunustu-public-sidebar .brand-subtitle{font-size:9px!important;color:rgba(255,255,255,.56)!important}
body.yu-v2-app .yolunustu-public-sidebar .sidebar-section{padding:17px 10px 7px!important;color:rgba(255,255,255,.45)!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.8px!important}
body.yu-v2-app .yolunustu-public-sidebar .nav-item{padding:0!important;margin:3px 0!important}
body.yu-v2-app .yolunustu-public-sidebar .nav-link{display:flex!important;align-items:center!important;gap:10px!important;padding:10px 11px!important;border-radius:12px!important;color:rgba(255,255,255,.84)!important;text-decoration:none!important;font-size:14px!important;font-weight:700!important}
body.yu-v2-app .yolunustu-public-sidebar .nav-link.active,body.yu-v2-app .yolunustu-public-sidebar .nav-link:hover{background:#fff!important;color:var(--yu-v2-navy)!important}
body.yu-v2-app .yolunustu-public-sidebar .nav-icon{width:23px!important;text-align:center!important}
body.yu-v2-app .yolunustu-public-sidebar .public-sidebar-note{margin:18px 3px 0!important;padding:12px!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:14px!important;background:rgba(255,255,255,.06)!important;color:rgba(255,255,255,.72)!important;font-size:11px!important;line-height:1.45!important;display:flex!important;gap:9px!important}

/* overlay, impersonation */
body.yu-v2-app .sidebar-overlay{display:none!important}
body.yu-v2-app .impersonation-banner{position:fixed!important;top:0!important;left:var(--yu-v2-sidebar)!important;right:0!important;height:38px!important;z-index:1700!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:0 15px!important;background:#fff3cd!important;color:#795600!important;border-bottom:1px solid #efd889!important;font-size:12px!important}
body.yu-v2-app .impersonation-banner button{border:1px solid #e1bb4d!important;background:#fff9e8!important;color:#765400!important;padding:6px 10px!important;border-radius:9px!important;font-weight:800!important}

/* footer */
body.yu-v2-app .app-footer{margin-top:auto!important;padding:18px 24px!important;background:#fff!important;border-top:1px solid var(--yu-v2-line)!important;color:#7b8aa0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:15px!important;font-size:12px!important}
body.yu-v2-app .app-footer strong{color:#49637f!important}.footer-links{display:flex!important;gap:14px!important;flex-wrap:wrap!important}.footer-links a{color:#71829d!important;text-decoration:none!important}.footer-links a:hover{color:var(--yu-v2-green-2)!important}


/* Admin-authenticated pages that still use layouts.app (e.g. /profile) */
body.yu-v2-app.yu-v2-admin .main{margin-left:260px!important;width:calc(100% - 260px)!important}
body.yu-v2-app.yu-v2-admin .main>.topbar{left:260px!important;right:0!important}

/* ========================= GUEST SHELL ========================= */
body.yu-v2-guest{background:linear-gradient(180deg,#eaf6ff 0%,#f8fcfd 48%,#eef8f2 100%)!important}
body.yu-v2-guest .guest-page{min-height:100vh!important;width:100%!important;display:flex!important;flex-direction:column!important;align-items:stretch!important}

/* ========================= ADMIN SHELL ========================= */
body.yu-v2-admin{background:#f3f7fb!important}
body.yu-v2-admin .admin-shell{min-height:100vh!important;background:#f3f7fb!important}
body.yu-v2-admin .admin-sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:260px!important;z-index:1300!important;padding:14px 12px!important;background:linear-gradient(180deg,#047857 0%,#059669 55%,#047a62 100%)!important;color:#effff8!important;overflow:auto!important;box-shadow:10px 0 32px rgba(7,42,97,.16)!important;border-right:1px solid rgba(15,174,102,.16)!important}
body.yu-v2-admin .admin-brand{min-height:68px!important;padding:0 8px!important;display:flex!important;align-items:center!important;gap:10px!important;border-bottom:1px solid rgba(255,255,255,.09)!important}
body.yu-v2-admin .admin-brand-icon{width:40px!important;height:40px!important;border-radius:12px!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.10)!important}
body.yu-v2-admin .admin-brand-name{font-size:19px!important;font-weight:900!important}.admin-brand-sub{font-size:9px!important;color:rgba(255,255,255,.56)!important;margin-top:4px!important}
body.yu-v2-admin .admin-section-title{padding:16px 10px 7px!important;color:rgba(235,255,246,.78)!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.8px!important;font-weight:900!important}
body.yu-v2-admin .admin-nav{padding:0!important}.admin-nav a,.admin-nav button{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;min-height:43px!important;padding:10px 11px!important;margin:3px 0!important;border:0!important;border-radius:12px!important;background:transparent!important;color:rgba(255,255,255,.84)!important;text-decoration:none!important;font-size:13px!important;font-weight:700!important;text-align:left!important}
body.yu-v2-admin .admin-nav a:hover,body.yu-v2-admin .admin-nav button:hover{background:rgba(255,255,255,.14)!important;color:#fff!important} body.yu-v2-admin .admin-nav a.active{background:#fff!important;color:#087446!important;box-shadow:0 8px 18px rgba(0,73,51,.18)!important}
body.yu-v2-admin .admin-nav i{width:22px!important;text-align:center!important}.admin-logout-form{margin:0!important}
body.yu-v2-admin .admin-main{margin-left:260px!important;min-height:100vh!important;background:#f3f7fb!important}
body.yu-v2-admin .admin-topbar{height:72px!important;min-height:72px!important;position:sticky!important;top:0!important;z-index:1200!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 22px!important;background:rgba(255,255,255,.95)!important;border-bottom:1px solid var(--yu-v2-line)!important;backdrop-filter:blur(14px)!important}
body.yu-v2-admin .admin-mobile-toggle{display:none!important}.admin-top-title{font-size:21px!important;font-weight:900!important;color:var(--yu-v2-navy)!important}.admin-top-sub{font-size:12px!important;color:var(--yu-v2-muted)!important;margin-top:4px!important}
body.yu-v2-admin .admin-top-actions{display:flex!important;align-items:center!important;gap:8px!important}
body.yu-v2-admin .admin-notification-button,.admin-language-flag,.admin-user-trigger{height:42px!important;min-width:42px!important;border:1px solid var(--yu-v2-line)!important;border-radius:13px!important;background:#fff!important;color:var(--yu-v2-navy)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
body.yu-v2-admin .admin-user-trigger{padding:4px 10px 4px 5px!important;gap:8px!important;cursor:pointer!important}.admin-avatar{width:34px!important;height:34px!important;border-radius:50%!important;background:#dff0ff!important;color:var(--yu-v2-navy)!important;display:grid!important;place-items:center!important;font-size:11px!important;font-weight:900!important}.admin-user-copy{font-size:12px!important;font-weight:900!important;color:var(--yu-v2-navy)!important;text-align:left!important}.admin-user-copy small{display:block!important;color:var(--yu-v2-muted)!important;font-weight:600!important;margin-top:2px!important}.admin-user-chevron{font-size:10px!important;color:#8091a7!important}
body.yu-v2-admin .admin-role-badge{padding:8px 10px!important;border-radius:99px!important;background:#eaf9f2!important;color:#087446!important;font-size:11px!important;font-weight:900!important}
body.yu-v2-admin .admin-content{padding:22px 26px 34px!important;min-width:0!important}
body.yu-v2-admin .admin-overlay{display:none!important}

/* common shell helpers used by page groups later */
body.yu-v2-app .card, body.yu-v2-admin .card, body.yu-v2-guest .card{border-radius:var(--yu-v2-radius);border:1px solid var(--yu-v2-line);box-shadow:var(--yu-v2-shadow)}
body.yu-v2-app .btn.btn-primary,body.yu-v2-admin .btn.btn-primary,body.yu-v2-guest .btn.btn-primary{background:var(--yu-v2-green);border-color:var(--yu-v2-green);border-radius:16px;font-weight:800}

/* ========================= MOBILE ========================= */
@media(max-width:991px){
  body.yu-v2-app .main{margin-left:0!important;width:100%!important}
  body.yu-v2-app .page-content{padding:calc(var(--yu-v2-topbar) + 12px) 13px calc(var(--yu-v2-bottom) + 18px)!important}
  body.yu-v2-app .main>.topbar{left:0!important;right:0!important;height:64px!important;min-height:64px!important;padding:0 13px!important}
  body.yu-v2-app .mobile-toggle{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;border:1px solid var(--yu-v2-line)!important;background:#fff!important;border-radius:13px!important;color:var(--yu-v2-navy)!important}
  body.yu-v2-app .desktop-top-title,body.yu-v2-app .desktop-top-subtitle{display:none!important}
  body.yu-v2-app .mobile-greeting-title{display:block!important;font-size:17px!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:190px!important;color:var(--yu-v2-navy)!important}
  body.yu-v2-app .mobile-greeting-subtitle{display:block!important;font-size:10px!important;color:var(--yu-v2-muted)!important;margin-top:2px!important}
  body.yu-v2-app .yu-top-nav{display:none!important}
  body.yu-v2-app .top-actions{gap:5px!important}
  body.yu-v2-app .top-actions .message-notification,body.yu-v2-app .top-actions .push-permission-toggle,body.yu-v2-app .top-actions .app-install-toggle{display:none!important}
  body.yu-v2-app .user-menu-copy,body.yu-v2-app .user-menu-chevron{display:none!important}
  body.yu-v2-app .user-menu-trigger{padding:4px!important}
  body.yu-v2-app .top-language-flag{font-size:16px!important}
  body.yu-v2-app .yu-simple-sidebar,body.yu-v2-app .yolunustu-public-sidebar{width:280px!important;max-width:86vw!important;transform:translateX(-105%)!important;transition:transform .22s ease!important;box-shadow:18px 0 45px rgba(10,38,72,.25)!important}
  body.yu-v2-app .yu-simple-sidebar.open,body.yu-v2-app .yolunustu-public-sidebar.open{transform:translateX(0)!important}
  body.yu-v2-app .sidebar-overlay{display:block!important;position:fixed!important;inset:0!important;z-index:1190!important;border:0!important;background:rgba(7,22,42,.38)!important;opacity:0!important;pointer-events:none!important;transition:opacity .2s ease!important}
  body.yu-v2-app .sidebar-overlay[aria-hidden="false"],body.yu-v2-app .sidebar-overlay.show{opacity:1!important;pointer-events:auto!important}
  body.yu-v2-app .yu-mobile-bottom-nav{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:1250!important;height:calc(var(--yu-v2-bottom) + env(safe-area-inset-bottom))!important;padding:8px 8px calc(8px + env(safe-area-inset-bottom))!important;display:grid!important;grid-template-columns:repeat(5,1fr)!important;align-items:end!important;gap:2px!important;background:rgba(255,255,255,.96)!important;border-top:1px solid var(--yu-v2-line)!important;box-shadow:0 -8px 28px rgba(15,42,78,.08)!important;backdrop-filter:blur(15px)!important}
  body.yu-v2-app .yu-mobile-nav-item,body.yu-v2-app .yu-mobile-nav-create{min-width:0!important;min-height:54px!important;border:0!important;background:transparent!important;color:#6c7f98!important;text-decoration:none!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;border-radius:14px!important;font-size:10px!important;font-weight:800!important;position:relative!important}
  body.yu-v2-app .yu-mobile-nav-item i{font-size:19px!important}
  body.yu-v2-app .yu-mobile-nav-item.active{color:var(--yu-v2-navy)!important}
  body.yu-v2-app .yu-mobile-nav-create{overflow:visible!important}
  body.yu-v2-app .yu-mobile-fab-core{width:52px!important;height:52px!important;margin-top:-26px!important;border-radius:50%!important;background:var(--yu-v2-green)!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:22px!important;border:5px solid #fff!important;box-shadow:0 8px 24px rgba(10,174,102,.25)!important}
  body.yu-v2-app .yu-mobile-create-label{font-size:10px!important;color:var(--yu-v2-navy)!important;font-weight:900!important;margin-top:0!important}
  body.yu-v2-app .yu-mobile-message-badge{position:absolute!important;top:2px!important;right:18%!important;min-width:18px!important;height:18px!important;padding:0 4px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:99px!important;background:#ef476f!important;color:#fff!important;font-size:9px!important;font-weight:900!important;border:2px solid #fff!important}
  body.yu-v2-app .yu-mobile-sheet{position:fixed!important;left:10px!important;right:10px!important;bottom:10px!important;z-index:1450!important;display:block!important;background:#fff!important;border:1px solid var(--yu-v2-line)!important;border-radius:26px!important;box-shadow:0 25px 70px rgba(9,36,69,.25)!important;padding:10px 12px 14px!important;max-height:82vh!important;overflow:auto!important}
  body.yu-v2-app .yu-mobile-sheet-backdrop{position:fixed!important;inset:0!important;z-index:1400!important;background:rgba(6,24,48,.42)!important;display:block!important}
  body.yu-v2-app .yu-mobile-sheet-handle{width:44px!important;height:5px!important;background:#d6e0e8!important;border-radius:99px!important;margin:0 auto 12px!important}
  body.yu-v2-app .yu-mobile-sheet-head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:12px!important}.yu-mobile-sheet-head h2{margin:0!important;font-size:20px!important;color:var(--yu-v2-navy)!important}.yu-mobile-sheet-close{width:38px!important;height:38px!important;border:1px solid var(--yu-v2-line)!important;background:#fff!important;border-radius:12px!important;color:var(--yu-v2-navy)!important}
  body.yu-v2-app .yu-mobile-sheet-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  body.yu-v2-app .yu-mobile-sheet-card{display:flex!important;flex-direction:column!important;gap:5px!important;padding:13px!important;border:1px solid var(--yu-v2-line)!important;border-radius:18px!important;background:#fff!important;text-decoration:none!important;color:var(--yu-v2-navy)!important}
  body.yu-v2-app .yu-mobile-sheet-card small{font-size:10px!important;color:var(--yu-v2-muted)!important;line-height:1.3!important}
  body.yu-v2-app .yu-mobile-sheet-icon{width:34px!important;height:34px!important;border-radius:12px!important;display:grid!important;place-items:center!important;background:#edf7f3!important;color:var(--yu-v2-green-2)!important}
  body.yu-v2-app .yu-mobile-more-view{display:block!important}
  body.yu-v2-app .yu-mobile-more-toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:10px!important;color:var(--yu-v2-muted)!important;font-size:11px!important}
  body.yu-v2-app .yu-mobile-more-edit{border:1px solid var(--yu-v2-line)!important;background:#f8fbfd!important;color:var(--yu-v2-navy)!important;border-radius:11px!important;padding:7px 9px!important;font-size:11px!important;font-weight:800!important}
  body.yu-v2-app .yu-mobile-more-section-title{margin:13px 0 8px!important;color:var(--yu-v2-navy)!important;font-size:12px!important;font-weight:900!important}
  body.yu-v2-app .yu-mobile-more-section-title small{display:block!important;margin-top:2px!important;color:var(--yu-v2-muted)!important;font-size:10px!important;font-weight:500!important}

  body.yu-v2-app .app-footer{display:none!important}
  body.yu-v2-app .impersonation-banner{left:0!important;right:0!important;top:0!important;min-height:38px!important;height:auto!important;padding:7px 10px!important;align-items:flex-start!important;font-size:10px!important}
  body.yu-v2-app .impersonation-banner+ .sidebar-overlay{}

  /* public pages use the same mobile-first canvas, with sidebar available as a drawer */
  body.yu-v2-app:has(.yolunustu-public-sidebar) .main{width:100%!important;margin-left:0!important}

  /* admin mobile */
  body.yu-v2-app.yu-v2-admin .main{margin-left:0!important;width:100%!important}
  body.yu-v2-app.yu-v2-admin .main>.topbar{left:0!important;right:0!important}

  body.yu-v2-admin .admin-sidebar{width:280px!important;max-width:86vw!important;transform:translateX(-105%)!important;transition:transform .22s ease!important}
  body.yu-v2-admin .admin-sidebar-mobile-head{
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    gap:10px!important;padding:2px 2px 12px!important;margin-bottom:7px!important;
    border-bottom:1px solid rgba(255,255,255,.16)!important;
  }
  body.yu-v2-admin .admin-sidebar-mobile-head span{
    color:rgba(242,255,249,.78)!important;font-size:10px!important;font-weight:900!important;
    letter-spacing:.08em!important;text-transform:uppercase!important;
  }
  body.yu-v2-admin .admin-sidebar.open{transform:translateX(0)!important}
  body.yu-v2-admin .admin-main{margin-left:0!important}
  body.yu-v2-admin .admin-topbar{height:64px!important;min-height:64px!important;padding:0 13px!important}
  body.yu-v2-admin .admin-mobile-toggle{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;border:1px solid var(--yu-v2-line)!important;background:#fff!important;border-radius:13px!important;color:var(--yu-v2-navy)!important}
  body.yu-v2-admin .admin-top-sub{display:none!important}.admin-top-title{font-size:18px!important}
  body.yu-v2-admin .admin-role-badge{display:none!important}.admin-user-copy,.admin-user-chevron{display:none!important}
  body.yu-v2-admin .admin-content{padding:13px 13px 30px!important}
  body.yu-v2-admin .admin-overlay{display:block!important;position:fixed!important;inset:0!important;z-index:1290!important;border:0!important;background:rgba(7,22,42,.38)!important;opacity:0!important;pointer-events:none!important}
  body.yu-v2-admin .admin-overlay.show{opacity:1!important;pointer-events:auto!important}
}

@media(min-width:992px){
  body.yu-v2-app .yu-simple-sidebar:not(.is-collapsed){width:260px!important;min-width:260px!important}
}

@media(max-width:480px){
  body.yu-v2-app .page-content{padding-left:10px!important;padding-right:10px!important}
  body.yu-v2-app .yu-mobile-sheet-grid{grid-template-columns:1fr!important}
  body.yu-v2-app .top-actions .top-language-control{display:block!important}
}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* V2 interaction-state hardening */
body.yu-v2-app [hidden],
body.yu-v2-admin [hidden],
body.yu-v2-guest [hidden]{display:none!important}
body.yu-v2-app .yu-mobile-sheet[hidden],
body.yu-v2-app .yu-mobile-sheet-backdrop[hidden],
body.yu-v2-app .yu-mobile-more-view[hidden],
body.yu-v2-app .yu-mobile-sheet-grid[hidden]{display:none!important}
body.yu-v2-app .yu-simple-sidebar{overflow:hidden!important}
body.yu-v2-app .yu-simple-sidebar .yu-sidebar-nav{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding-right:3px!important;scrollbar-width:thin!important}
body.yu-v2-app .yu-simple-help{flex:0 0 auto!important;margin-top:10px!important}
body.yu-v2-app .main>.topbar{min-width:0!important}
body.yu-v2-app .topbar-left{flex:0 1 auto!important;min-width:170px!important;max-width:30%!important}
body.yu-v2-app .topbar-left > div:last-child{min-width:0!important}
body.yu-v2-app .yu-top-nav{flex:1 1 auto!important;min-width:0!important;justify-content:flex-end!important;overflow:hidden!important}
body.yu-v2-app .yu-top-nav a{flex:0 1 auto!important;white-space:nowrap!important;min-width:0!important}
body.yu-v2-app .yu-top-nav a span{overflow:hidden!important;text-overflow:ellipsis!important}
body.yu-v2-app .top-actions{flex:0 0 auto!important;min-width:0!important}
body.yu-v2-app .topbar .top-actions > *{flex:0 0 auto!important}
body.yu-v2-app .page-content{min-width:0!important;overflow-x:hidden!important}
body.yu-v2-app .yu-mobile-sheet{visibility:visible!important}
body.yu-v2-app .yu-mobile-sheet-backdrop{visibility:visible!important}

@media (min-width:992px) and (max-width:1240px){
  body.yu-v2-app .main>.topbar{padding:0 14px!important;gap:8px!important}
  body.yu-v2-app .topbar-left{min-width:160px!important;max-width:24%!important}
  body.yu-v2-app .top-title{font-size:18px!important}
  body.yu-v2-app .top-subtitle{font-size:10px!important}
  body.yu-v2-app .yu-top-nav{margin-right:8px!important;gap:2px!important}
  body.yu-v2-app .yu-top-nav a{padding:8px 8px!important;font-size:12px!important}
  body.yu-v2-app .top-actions{gap:5px!important}
  body.yu-v2-app .user-menu-copy, body.yu-v2-app .user-menu-chevron{display:none!important}
}
@media (min-width:992px) and (max-width:1100px){
  body.yu-v2-app .yu-top-nav a span{display:none!important}
  body.yu-v2-app .yu-top-nav a{width:40px!important;justify-content:center!important}
  body.yu-v2-app .topbar-left{max-width:28%!important}
  body.yu-v2-app .user-name,body.yu-v2-app .user-role{display:none!important}
}
@media (max-width:991px){
  body.yu-v2-app .topbar-left{min-width:0!important;max-width:none!important;flex:1 1 auto!important}
  body.yu-v2-app .yu-mobile-sheet{left:8px!important;right:8px!important;bottom:8px!important;max-height:calc(100vh - 84px)!important;padding-bottom:calc(14px + env(safe-area-inset-bottom))!important}
  body.yu-v2-app .yu-mobile-sheet-grid{grid-template-columns:1fr!important}
  body.yu-v2-app .yu-mobile-sheet-card{min-height:76px!important}
  body.yu-v2-app .yu-mobile-sheet-close{flex:0 0 38px!important}
}


/* ============================================================
   V2 GROUP 1 FINAL HARDENING
   Purpose: prevent hidden overlays from rendering, keep sidebar
   help pinned below the scrollable nav, and prevent desktop
   topbar collisions without touching backend behavior.
   ============================================================ */

/* Native/JS hidden state must always win over visible display rules. */
body.yu-v2-app [hidden],
body.yu-v2-admin [hidden],
body.yu-v2-guest [hidden]{display:none !important;}
body.yu-v2-app .yu-mobile-sheet[hidden],
body.yu-v2-app .yu-mobile-sheet-backdrop[hidden],
body.yu-v2-app .yu-mobile-more-view[hidden],
body.yu-v2-app .yu-mobile-sheet-grid[hidden]{display:none !important;}

/* Authenticated sidebar: menu scrolls, help block never overlays menu items. */
@media (min-width: 992px){
  body.yu-v2-app .yu-simple-sidebar{
    display:flex !important;
    flex-direction:column !important;
    overflow:hidden !important;
  }
  body.yu-v2-app .yu-simple-sidebar .yu-sidebar-nav{
    flex:1 1 auto !important;
    min-height:0 !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    padding:0 4px 8px 0 !important;
  }
  body.yu-v2-app .yu-simple-help{
    flex:0 0 auto !important;
    margin-top:10px !important;
  }
}

/* Desktop topbar: three flexible zones; no horizontal collisions. */
@media (min-width: 992px){
  body.yu-v2-app .main > .topbar{
    display:grid !important;
    grid-template-columns:minmax(160px, 1fr) minmax(0, auto) auto !important;
    column-gap:10px !important;
    align-items:center !important;
    min-width:0 !important;
    overflow:visible !important;
  }
  body.yu-v2-app .topbar-left{
    min-width:0 !important;
    max-width:none !important;
    overflow:hidden !important;
  }
  body.yu-v2-app .topbar-left > div:last-child{
    min-width:0 !important;
    overflow:hidden !important;
  }
  body.yu-v2-app .top-title,
  body.yu-v2-app .top-subtitle{
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }
  body.yu-v2-app .yu-top-nav{
    min-width:0 !important;
    margin:0 !important;
    justify-content:center !important;
    overflow:hidden !important;
  }
  body.yu-v2-app .yu-top-nav a{
    flex:0 1 auto !important;
    min-width:0 !important;
    max-width:170px !important;
    white-space:nowrap !important;
  }
  body.yu-v2-app .yu-top-nav a span{
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  body.yu-v2-app .top-actions{
    min-width:0 !important;
    justify-content:flex-end !important;
  }
}

@media (min-width: 992px) and (max-width: 1240px){
  body.yu-v2-app .main > .topbar{padding-left:14px !important;padding-right:14px !important;}
  body.yu-v2-app .yu-top-nav a{padding-left:8px !important;padding-right:8px !important;font-size:12px !important;}
  body.yu-v2-app .yu-top-nav a span{max-width:70px !important;}
  body.yu-v2-app .top-actions{gap:5px !important;}
}

@media (min-width: 992px) and (max-width: 1100px){
  body.yu-v2-app .yu-top-nav a span{display:none !important;}
  body.yu-v2-app .yu-top-nav a{width:40px !important;justify-content:center !important;}
  body.yu-v2-app .user-menu-copy,
  body.yu-v2-app .user-menu-chevron{display:none !important;}
}

/* Mobile topbar: keep title readable and actions compact. */
@media (max-width: 991px){
  body.yu-v2-app .main > .topbar{
    display:flex !important;
    min-width:0 !important;
    overflow:visible !important;
  }
  body.yu-v2-app .topbar-left{
    min-width:0 !important;
    max-width:none !important;
    flex:1 1 auto !important;
  }
  body.yu-v2-app .mobile-toggle{flex:0 0 40px !important;}
  body.yu-v2-app .mobile-greeting-title,
  body.yu-v2-app .mobile-greeting-subtitle{
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }
  body.yu-v2-app .mobile-greeting-title{max-width:42vw !important;}
  body.yu-v2-app .top-actions{flex:0 0 auto !important;min-width:0 !important;}
  body.yu-v2-app .yu-mobile-sheet{
    left:8px !important;
    right:8px !important;
    bottom:8px !important;
    max-height:calc(100dvh - 84px) !important;
  }
  body.yu-v2-app .yu-mobile-sheet[hidden],
  body.yu-v2-app .yu-mobile-sheet-backdrop[hidden],
  body.yu-v2-app .yu-mobile-more-view[hidden]{display:none !important;}
}

/* Safe interaction state: no page scroll while the mobile sheet is open. */
body.yu-v2-app.yu-mobile-sheet-open{
  overflow:hidden !important;
}

/* ============================================================
   GROUP 1 FIX #2 — sidebar / bottom-nav stacking + desktop topbar
   The mobile sidebar must sit above the bottom navigation. The
   desktop topbar must keep labels readable instead of truncating them.
   ============================================================ */

/* Mobile stack order: sheet > sidebar > overlay > bottom navigation > page. */
@media (max-width: 991px){
  body.yu-v2-app .yu-mobile-bottom-nav{
    z-index: 1050 !important;
  }
  body.yu-v2-app .sidebar-overlay{
    z-index: 1190 !important;
  }
  body.yu-v2-app .yu-simple-sidebar,
  body.yu-v2-app .yolunustu-public-sidebar{
    z-index: 1200 !important;
  }
  body.yu-v2-app.sidebar-open .yu-mobile-bottom-nav{
    pointer-events: none !important;
  }
}

/* Desktop: reserve a real content-sized track for the navigation labels. */
@media (min-width: 1241px){
  body.yu-v2-app .main > .topbar{
    grid-template-columns: minmax(190px, 1fr) max-content max-content !important;
    column-gap: 12px !important;
  }
  body.yu-v2-app .topbar-left{
    min-width: 190px !important;
    max-width: none !important;
    flex: 0 0 auto !important;
  }
  body.yu-v2-app .yu-top-nav{
    flex: 0 0 auto !important;
    min-width: max-content !important;
    overflow: visible !important;
    justify-content: flex-start !important;
    gap: 3px !important;
    margin: 0 !important;
  }
  body.yu-v2-app .yu-top-nav a{
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    white-space: nowrap !important;
  }
  body.yu-v2-app .yu-top-nav a span{
    display: inline !important;
    overflow: visible !important;
    text-overflow: clip !important;
    max-width: none !important;
    white-space: nowrap !important;
  }
  body.yu-v2-app .top-actions{
    flex: 0 0 auto !important;
    justify-content: flex-end !important;
  }
}

/* Mid-size desktop: prefer compact readable labels; never ellipsize. */
@media (min-width: 1101px) and (max-width: 1240px){
  body.yu-v2-app .yu-top-nav a{
    flex: 0 0 auto !important;
    max-width: none !important;
    white-space: nowrap !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
    font-size: 11.5px !important;
  }
  body.yu-v2-app .yu-top-nav a span{
    overflow: visible !important;
    text-overflow: clip !important;
    max-width: none !important;
    white-space: nowrap !important;
  }
}


/* ============================================================
   GROUP 1 FIX #3 — stable topbar sizing + notification center UI
   Visual only. Notification data/fetch behavior remains unchanged.
   ============================================================ */

/* Keep the desktop header stable after refresh/font rendering. */
@media (min-width: 992px){
  body.yu-v2-app .main > .topbar{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    padding-left:18px !important;
    padding-right:18px !important;
  }
  body.yu-v2-app .topbar-left{
    flex:0 1 auto !important;
    min-width:180px !important;
    max-width:260px !important;
  }
  body.yu-v2-app .yu-top-nav{
    flex:0 1 auto !important;
    min-width:0 !important;
    margin:0 !important;
    gap:3px !important;
    overflow:visible !important;
    justify-content:center !important;
  }
  body.yu-v2-app .yu-top-nav a{
    flex:0 0 auto !important;
    max-width:none !important;
    white-space:nowrap !important;
  }
  body.yu-v2-app .yu-top-nav a span{
    max-width:none !important;
    overflow:visible !important;
    text-overflow:clip !important;
    white-space:nowrap !important;
  }
  body.yu-v2-app .top-actions{
    flex:0 0 auto !important;
    margin-left:auto !important;
    gap:6px !important;
    white-space:nowrap !important;
  }
}

/* The available app width can be only ~1100px on common laptop/desktop
   screens. Collapse the optional user text, not the primary navigation. */
@media (min-width: 992px) and (max-width: 1450px){
  body.yu-v2-app .user-menu-copy,
  body.yu-v2-app .user-menu-chevron{display:none !important;}
  body.yu-v2-app .user-menu-trigger{padding:4px !important;}
  body.yu-v2-app .topbar-left{max-width:220px !important;}
  body.yu-v2-app .yu-top-nav a{padding-left:8px !important;padding-right:8px !important;font-size:12px !important;}
  body.yu-v2-app .top-actions .notification,
  body.yu-v2-app .top-actions .top-language-flag,
  body.yu-v2-app .top-actions .user-menu-trigger{min-width:40px !important;width:40px !important;}
}

/* Make the V2 notification center a real component instead of relying
   on browser-default button/input/select rendering. */
body.yu-v2-app .notification-dropdown.notification-center{
  width:min(760px, calc(100vw - var(--yu-v2-sidebar) - 28px)) !important;
  min-width:680px !important;
  max-width:760px !important;
  padding:0 !important;
  background:#f5f9fc !important;
  border:1px solid var(--yu-v2-line) !important;
  border-radius:22px !important;
  box-shadow:0 22px 55px rgba(9,35,70,.24) !important;
}
body.yu-v2-app .notification-center-layout{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(300px,.95fr) !important;
  width:100% !important;
  height:min(620px, calc(100vh - 96px)) !important;
  min-height:420px !important;
}
body.yu-v2-app .notification-list-pane,
body.yu-v2-app .notification-detail-pane{
  min-width:0 !important;
  min-height:0 !important;
  overflow:hidden !important;
  background:#fff !important;
}
body.yu-v2-app .notification-list-pane{border-right:1px solid var(--yu-v2-line) !important;display:flex !important;flex-direction:column !important;}
body.yu-v2-app .notification-list-header{
  display:flex !important;align-items:center !important;justify-content:space-between !important;
  gap:10px !important;padding:17px 17px 13px !important;border-bottom:1px solid #edf2f6 !important;
}
body.yu-v2-app .notification-list-header h2{margin:0 !important;font-size:20px !important;line-height:1.1 !important;color:var(--yu-v2-navy) !important;}
body.yu-v2-app .notification-list-header span{display:block !important;margin-top:3px !important;font-size:11px !important;color:var(--yu-v2-muted) !important;}
body.yu-v2-app .notification-read-all{
  border:1px solid var(--yu-v2-line) !important;background:#f7fafc !important;color:var(--yu-v2-navy) !important;
  border-radius:11px !important;padding:8px 10px !important;font-size:11px !important;font-weight:800 !important;white-space:nowrap !important;
}
body.yu-v2-app .notification-filter-strip{
  display:grid !important;grid-template-columns:minmax(0,1.5fr) minmax(120px,.8fr) minmax(100px,.7fr) !important;
  gap:7px !important;padding:10px 12px !important;background:#f8fbfd !important;border-bottom:1px solid #edf2f6 !important;
}
body.yu-v2-app .notification-filter-search,
body.yu-v2-app .notification-filter-strip select{
  min-width:0 !important;height:38px !important;border:1px solid var(--yu-v2-line) !important;border-radius:12px !important;
  background:#fff !important;color:var(--yu-v2-navy) !important;font-size:12px !important;outline:none !important;
}
body.yu-v2-app .notification-filter-search{display:flex !important;align-items:center !important;gap:7px !important;padding:0 10px !important;}
body.yu-v2-app .notification-filter-search i{color:#7a8da7 !important;font-size:12px !important;}
body.yu-v2-app .notification-filter-search input{border:0 !important;outline:0 !important;background:transparent !important;width:100% !important;min-width:0 !important;color:var(--yu-v2-navy) !important;font-size:12px !important;}
body.yu-v2-app .notification-filter-strip select{padding:0 9px !important;}
body.yu-v2-app .notification-list-scroll{flex:1 1 auto !important;min-height:0 !important;overflow-y:auto !important;padding:8px !important;background:#fff !important;}
body.yu-v2-app .notification-panel-item{
  width:100% !important;display:grid !important;grid-template-columns:38px minmax(0,1fr) 8px !important;align-items:center !important;
  gap:10px !important;padding:11px 9px !important;border:1px solid transparent !important;border-radius:15px !important;
  background:#fff !important;color:var(--yu-v2-navy) !important;text-align:left !important;cursor:pointer !important;
}
body.yu-v2-app .notification-panel-item:hover{background:#f5faf8 !important;border-color:#dceee5 !important;}
body.yu-v2-app .notification-panel-item.unread{background:#f0fbf5 !important;border-color:#d4f0e0 !important;}
body.yu-v2-app .notification-panel-icon{width:38px !important;height:38px !important;border-radius:12px !important;display:grid !important;place-items:center !important;font-size:14px !important;}
body.yu-v2-app .notification-panel-icon.green{background:#e5f8ed !important;color:#08975a !important}.notification-panel-icon.blue{background:#eaf3ff !important;color:#287be0 !important}.notification-panel-icon.orange{background:#fff3dd !important;color:#d59108 !important}.notification-panel-icon.red{background:#ffebef !important;color:#d42e45 !important}.notification-panel-icon.violet{background:#f1ebff !important;color:#7650cf !important}
body.yu-v2-app .notification-panel-copy{min-width:0 !important;display:flex !important;flex-direction:column !important;gap:2px !important;}
body.yu-v2-app .notification-panel-title{font-size:12px !important;font-weight:900 !important;color:var(--yu-v2-navy) !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
body.yu-v2-app .notification-panel-text{font-size:11px !important;color:#5e7390 !important;line-height:1.35 !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;}
body.yu-v2-app .notification-panel-time{font-size:10px !important;color:#95a5b8 !important;}
body.yu-v2-app .notification-panel-dot{width:8px !important;height:8px !important;border-radius:50% !important;background:#0aae66 !important;}
body.yu-v2-app .notification-list-footer{padding:9px 12px !important;border-top:1px solid #edf2f6 !important;background:#fff !important;}
body.yu-v2-app .notification-more{width:100% !important;border:1px solid var(--yu-v2-line) !important;background:#fff !important;color:var(--yu-v2-navy) !important;border-radius:11px !important;padding:9px 11px !important;font-size:11px !important;font-weight:800 !important;}
body.yu-v2-app .notification-more:disabled{opacity:.45 !important;cursor:not-allowed !important;}
body.yu-v2-app .notification-detail-pane{display:flex !important;flex-direction:column !important;background:#f8fbfd !important;}
body.yu-v2-app .notification-detail-placeholder,
body.yu-v2-app .notification-detail-loading,
body.yu-v2-app .notification-detail-error,
body.yu-v2-app .notification-center-empty,
body.yu-v2-app .notification-center-loading{min-height:100% !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:7px !important;padding:22px !important;text-align:center !important;color:var(--yu-v2-muted) !important;font-size:12px !important;}
body.yu-v2-app .notification-placeholder-icon{width:56px !important;height:56px !important;border-radius:18px !important;display:grid !important;place-items:center !important;background:#eaf6f1 !important;color:var(--yu-v2-green) !important;font-size:21px !important;margin-bottom:4px !important;}
body.yu-v2-app .notification-detail-placeholder strong,
body.yu-v2-app .notification-center-empty strong{font-size:14px !important;color:var(--yu-v2-navy) !important;}
body.yu-v2-app .notification-detail-head{display:flex !important;align-items:center !important;justify-content:space-between !important;padding:11px 13px !important;border-bottom:1px solid #e6eef4 !important;background:#fff !important;}
body.yu-v2-app .notification-detail-back,
body.yu-v2-app .notification-detail-close{border:1px solid var(--yu-v2-line) !important;background:#fff !important;color:var(--yu-v2-navy) !important;border-radius:11px !important;padding:8px 10px !important;font-size:11px !important;font-weight:800 !important;}
body.yu-v2-app .notification-detail-close{width:34px !important;height:34px !important;padding:0 !important;display:grid !important;place-items:center !important;}
body.yu-v2-app .notification-detail-summary{display:flex !important;align-items:flex-start !important;gap:10px !important;padding:14px !important;background:#f1f8f5 !important;border-bottom:1px solid #dfece5 !important;position:relative !important;}
body.yu-v2-app .notification-detail-summary-icon{width:42px !important;height:42px !important;border-radius:13px !important;display:grid !important;place-items:center !important;flex:none !important;background:#dff6e9 !important;color:#0a995b !important;}
body.yu-v2-app .notification-detail-summary h3{margin:0 !important;color:var(--yu-v2-navy) !important;font-size:14px !important;line-height:1.25 !important;}
body.yu-v2-app .notification-detail-summary time{display:block !important;margin-top:3px !important;color:#889bb0 !important;font-size:10px !important;}
body.yu-v2-app .notification-detail-summary p{margin:6px 0 0 !important;color:#5b7390 !important;font-size:11px !important;line-height:1.4 !important;}
body.yu-v2-app .notification-new-pill{margin-left:auto !important;padding:5px 8px !important;border-radius:99px !important;background:#dff6e9 !important;color:#078c54 !important;font-size:10px !important;font-weight:900 !important;}
body.yu-v2-app .notification-context-content{flex:1 1 auto !important;min-height:0 !important;overflow:auto !important;padding:12px !important;background:#f8fbfd !important;}
body.yu-v2-app .notification-context-content > style{display:none !important;}
body.yu-v2-app .notification-detail-bodycopy{padding:15px !important;color:#526a87 !important;font-size:12px !important;line-height:1.5 !important;}
body.yu-v2-app .notification-action-error{margin:10px 12px !important;padding:10px 12px !important;border-radius:12px !important;background:#ffedf0 !important;color:#b52139 !important;font-size:11px !important;}

/* Notification center on smaller screens becomes a near-full-height sheet. */
@media (max-width: 991px){
  body.yu-v2-app .notification-dropdown.notification-center{
    position:fixed !important;
    top:70px !important;
    left:8px !important;
    right:8px !important;
    bottom:78px !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    border-radius:20px !important;
  }
  body.yu-v2-app .notification-center-layout{grid-template-columns:1fr !important;height:100% !important;min-height:0 !important;}
  body.yu-v2-app .notification-detail-pane{display:none !important;}
  body.yu-v2-app .notification-center-layout.has-detail .notification-list-pane{display:none !important;}
  body.yu-v2-app .notification-center-layout.has-detail .notification-detail-pane{display:flex !important;}
  body.yu-v2-app .notification-filter-strip{grid-template-columns:1fr 1fr !important;}
  body.yu-v2-app .notification-filter-search{grid-column:1 / -1 !important;}
}

/* ============================================================
   GROUP 1 FIX #4 — user menu / account dropdown
   Keep the account dropdown fully V2-styled. Notification context
   content is intentionally left for its own later page group.
   ============================================================ */
body.yu-v2-app .user-menu-dropdown{
  width:260px !important;
  min-width:260px !important;
  max-width:calc(100vw - 24px) !important;
  padding:10px !important;
  background:#fff !important;
  border:1px solid var(--yu-v2-line) !important;
  border-radius:18px !important;
  box-shadow:0 20px 48px rgba(12,38,70,.18) !important;
  overflow:hidden !important;
}
body.yu-v2-app .user-menu-summary{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  min-width:0 !important;
  padding:8px 8px 10px !important;
}
body.yu-v2-app .user-menu-summary .avatar-small{
  width:40px !important;
  height:40px !important;
  min-width:40px !important;
  border-radius:50% !important;
  display:grid !important;
  place-items:center !important;
  background:#e6f3ff !important;
  color:var(--yu-v2-navy) !important;
  font-size:12px !important;
  font-weight:900 !important;
}
body.yu-v2-app .dropdown-user-name{
  color:var(--yu-v2-navy) !important;
  font-size:13px !important;
  line-height:1.25 !important;
  font-weight:900 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
body.yu-v2-app .dropdown-user-role{
  margin-top:3px !important;
  color:var(--yu-v2-muted) !important;
  font-size:10px !important;
  line-height:1.25 !important;
}
body.yu-v2-app .user-menu-logout-form{margin:0 !important;padding:0 !important;}
body.yu-v2-app .user-menu-item{
  min-height:40px !important;
  box-sizing:border-box !important;
}
@media (max-width: 767px){
  body.yu-v2-app .user-menu-dropdown{
    position:fixed !important;
    top:68px !important;
    right:10px !important;
    width:min(280px,calc(100vw - 20px)) !important;
    min-width:0 !important;
    max-width:calc(100vw - 20px) !important;
    z-index:1600 !important;
  }
}

/* V2 mobile Daha Çox — 3 ayrı grid sahəsi */
body.yu-v2-app .yu-mobile-more-sections,body.yu-v2-app .yu-mobile-more-editor-sections{display:grid;gap:14px}
body.yu-v2-app .yu-mobile-more-section,body.yu-v2-app .yu-mobile-more-edit-section{margin:0;padding:0}
body.yu-v2-app .yu-mobile-more-section-heading{margin:0 2px 8px;color:var(--yu-v2-navy);font-size:12px;font-weight:900}
body.yu-v2-app .yu-mobile-more-section-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
body.yu-v2-app .yu-mobile-more-section .yu-mobile-sheet-card{min-width:0;min-height:88px;display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;grid-template-rows:auto 16px!important;align-items:start!important;gap:5px 7px;padding:9px!important;border:1px solid var(--yu-v2-line)!important;border-radius:15px!important;background:#fff!important;text-decoration:none!important;color:var(--yu-v2-navy)!important}
body.yu-v2-app .yu-mobile-more-section .yu-mobile-sheet-icon{width:30px!important;height:30px!important;grid-row:1 / span 2}
body.yu-v2-app .yu-mobile-sheet-card-copy{min-width:0;display:flex;flex-direction:column;gap:2px}
body.yu-v2-app .yu-mobile-more-section .yu-mobile-sheet-card strong{font-size:11px!important;line-height:1.16!important;overflow-wrap:anywhere}
body.yu-v2-app .yu-mobile-more-section .yu-mobile-sheet-card small{font-size:8px!important;line-height:1.2!important;color:var(--yu-v2-muted)!important;overflow-wrap:anywhere}
body.yu-v2-app .yu-mobile-sheet-card-arrow{grid-column:2;justify-self:end;align-self:end;font-size:9px;color:#8aa0ba}
body.yu-v2-app .yu-mobile-more-section-title{margin:0 0 12px!important}
body.yu-v2-app .yu-mobile-more-edit-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
body.yu-v2-app .yu-mobile-more-edit-card{min-width:0;display:grid;grid-template-columns:18px 28px minmax(0,1fr) auto;gap:5px;align-items:center;padding:8px;border:1px solid var(--yu-v2-line);border-radius:14px;background:#fff;box-shadow:0 5px 16px rgba(9,36,69,.06);touch-action:none}
body.yu-v2-app .yu-mobile-more-edit-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.yu-mobile-more-edit-copy strong{font-size:10px;line-height:1.15;color:var(--yu-v2-navy);overflow-wrap:anywhere}.yu-mobile-more-edit-copy small{font-size:7px;line-height:1.18;color:var(--yu-v2-muted);overflow-wrap:anywhere}
body.yu-v2-app .yu-mobile-more-drag-handle{width:18px;height:28px;border-radius:7px;display:grid;place-items:center;color:#88a0ba;background:#f3f7fa;cursor:grab}.yu-mobile-more-edit-card.is-dragging{opacity:.55;outline:2px solid rgba(10,174,102,.22)}
body.yu-v2-app .yu-mobile-more-minus,body.yu-v2-app .yu-mobile-more-plus{width:25px;height:25px;border-radius:8px;border:1px solid var(--yu-v2-line);background:#fff;display:grid;place-items:center}.yu-mobile-more-minus{color:#d94a54}.yu-mobile-more-plus{color:var(--yu-v2-green-2)}
body.yu-v2-app .yu-mobile-more-lock{font-size:10px;color:#8aa0ba}.yu-mobile-more-available-card{background:#f8fbfd!important;border-style:dashed!important}
@media (max-width:899px){body.yu-v2-app .yu-mobile-more-section-grid,body.yu-v2-app .yu-mobile-more-edit-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}}
@media (max-width:360px){body.yu-v2-app .yu-mobile-more-section-grid,body.yu-v2-app .yu-mobile-more-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (min-width:900px){body.yu-v2-app .yu-mobile-more-section-grid,body.yu-v2-app .yu-mobile-more-edit-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}

/* ============================================================
   GROUP 1 RESPONSIVE POLISH — Daha Çox 3-column grid
   Keep the requested 3-column layout at mobile widths. Cards are
   intentionally compact: icon + short title + action, with the
   verbose description hidden on narrow screens to prevent letters
   stacking vertically.
   ============================================================ */
@media (max-width: 899px){
  body.yu-v2-app .yu-mobile-sheet{
    left:6px !important;
    right:6px !important;
    bottom:6px !important;
    width:auto !important;
    max-height:calc(100vh - 72px) !important;
    padding:9px 9px calc(12px + env(safe-area-inset-bottom)) !important;
    border-radius:24px !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
  }

  body.yu-v2-app .yu-mobile-more-sections,
  body.yu-v2-app .yu-mobile-more-editor-sections{
    gap:12px !important;
  }

  body.yu-v2-app .yu-mobile-more-section-heading{
    margin:0 2px 7px !important;
    font-size:11px !important;
    line-height:1.2 !important;
  }

  body.yu-v2-app .yu-mobile-more-section-grid,
  body.yu-v2-app .yu-mobile-more-edit-grid{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:6px !important;
    width:100% !important;
  }

  /* Normal More card */
  body.yu-v2-app .yu-mobile-more-section .yu-mobile-sheet-card{
    position:relative !important;
    min-width:0 !important;
    min-height:82px !important;
    height:82px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    gap:5px !important;
    padding:8px !important;
    border-radius:13px !important;
    overflow:hidden !important;
  }

  body.yu-v2-app .yu-mobile-more-section .yu-mobile-sheet-icon{
    width:28px !important;
    height:28px !important;
    flex:0 0 28px !important;
    border-radius:10px !important;
    font-size:12px !important;
  }

  body.yu-v2-app .yu-mobile-more-section .yu-mobile-sheet-card-copy{
    width:100% !important;
    min-width:0 !important;
    display:block !important;
  }

  body.yu-v2-app .yu-mobile-more-section .yu-mobile-sheet-card strong{
    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:2 !important;
    overflow:hidden !important;
    min-width:0 !important;
    font-size:10px !important;
    line-height:1.15 !important;
    white-space:normal !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
  }

  body.yu-v2-app .yu-mobile-more-section .yu-mobile-sheet-card small{
    display:none !important;
  }

  body.yu-v2-app .yu-mobile-more-section .yu-mobile-sheet-card-arrow{
    position:absolute !important;
    right:7px !important;
    bottom:7px !important;
    font-size:8px !important;
    opacity:.85 !important;
  }

  /* Edit card: keep drag/remove controls without squeezing the title. */
  body.yu-v2-app .yu-mobile-more-edit-card{
    position:relative !important;
    min-width:0 !important;
    min-height:88px !important;
    height:88px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    gap:5px !important;
    padding:9px !important;
    border-radius:13px !important;
    overflow:hidden !important;
    touch-action:none !important;
  }

  body.yu-v2-app .yu-mobile-more-drag-handle{
    position:absolute !important;
    left:6px !important;
    top:6px !important;
    width:18px !important;
    height:18px !important;
    border-radius:6px !important;
    background:rgba(243,247,250,.95) !important;
    font-size:8px !important;
    z-index:2 !important;
  }

  body.yu-v2-app .yu-mobile-more-edit-card .yu-mobile-sheet-icon{
    width:28px !important;
    height:28px !important;
    flex:0 0 28px !important;
    border-radius:10px !important;
    font-size:12px !important;
    margin-top:2px !important;
  }

  body.yu-v2-app .yu-mobile-more-edit-copy{
    width:100% !important;
    min-width:0 !important;
    display:block !important;
    padding-right:2px !important;
  }

  body.yu-v2-app .yu-mobile-more-edit-copy strong{
    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:2 !important;
    overflow:hidden !important;
    min-width:0 !important;
    font-size:10px !important;
    line-height:1.15 !important;
    white-space:normal !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
  }

  body.yu-v2-app .yu-mobile-more-edit-copy small{
    display:none !important;
  }

  body.yu-v2-app .yu-mobile-more-minus,
  body.yu-v2-app .yu-mobile-more-plus{
    position:absolute !important;
    right:6px !important;
    top:6px !important;
    width:22px !important;
    height:22px !important;
    min-width:22px !important;
    border-radius:7px !important;
    font-size:10px !important;
    z-index:2 !important;
  }

  body.yu-v2-app .yu-mobile-more-lock{
    position:absolute !important;
    right:7px !important;
    top:8px !important;
    font-size:9px !important;
    z-index:2 !important;
  }

  body.yu-v2-app .yu-mobile-more-section-title{
    margin:0 0 10px !important;
    font-size:12px !important;
  }

  body.yu-v2-app .yu-mobile-more-section-title small{
    font-size:9px !important;
    line-height:1.25 !important;
  }
}

/* Very narrow phones: keep three columns but shrink safely. */
@media (max-width: 340px){
  body.yu-v2-app .yu-mobile-sheet{left:4px !important;right:4px !important;padding-left:7px !important;padding-right:7px !important}
  body.yu-v2-app .yu-mobile-more-section-grid,
  body.yu-v2-app .yu-mobile-more-edit-grid{gap:5px !important}
  body.yu-v2-app .yu-mobile-more-section .yu-mobile-sheet-card,
  body.yu-v2-app .yu-mobile-more-edit-card{padding:7px !important}
  body.yu-v2-app .yu-mobile-more-section .yu-mobile-sheet-card strong,
  body.yu-v2-app .yu-mobile-more-edit-copy strong{font-size:9px !important}
}


/* Group 1 — explicit admin drawer close affordance */
body.yu-v2-admin .admin-sidebar-mobile-head{
  display:none!important;
}
body.yu-v2-admin .admin-sidebar-close{
  width:36px!important;height:36px!important;border:1px solid rgba(255,255,255,.24)!important;
  border-radius:11px!important;background:rgba(255,255,255,.12)!important;color:#fff!important;
  display:grid!important;place-items:center!important;cursor:pointer!important;
}
/* ========================= GROUP 1: ADMIN DROPDOWN / MOBILE CLOSE ========================= */
body.yu-v2-admin .admin-user-menu{position:relative!important;display:block!important;z-index:1500!important}
body.yu-v2-admin .admin-user-dropdown{
  position:fixed!important;width:min(300px,calc(100vw - 20px))!important;min-width:250px!important;
  padding:8px!important;background:#fff!important;border:1px solid var(--yu-v2-line)!important;
  border-radius:18px!important;box-shadow:0 24px 55px rgba(11,43,78,.22)!important;
  color:var(--yu-v2-navy)!important;overflow:hidden!important;z-index:5000!important;
}
body.yu-v2-admin .admin-user-summary{display:flex!important;align-items:center!important;gap:11px!important;padding:10px!important}
body.yu-v2-admin .admin-user-summary strong{display:block!important;font-size:14px!important;color:var(--yu-v2-navy)!important}
body.yu-v2-admin .admin-user-summary small{display:block!important;margin-top:3px!important;color:var(--yu-v2-muted)!important;font-size:11px!important}
body.yu-v2-admin .admin-avatar-small{width:42px!important;height:42px!important;background:#e6fff3!important;color:#087446!important}
body.yu-v2-admin .admin-user-divider{height:1px!important;background:#edf2f6!important;margin:5px 2px!important}
body.yu-v2-admin .admin-user-item{
  width:100%!important;display:flex!important;align-items:center!important;gap:10px!important;
  min-height:42px!important;padding:10px 11px!important;border:0!important;background:transparent!important;
  border-radius:12px!important;color:#27456f!important;text-decoration:none!important;font-size:13px!important;font-weight:800!important;
  text-align:left!important;cursor:pointer!important
}
body.yu-v2-admin a.admin-user-item:hover,
body.yu-v2-admin button.admin-user-item:hover{background:#ecfaf3!important;color:#087446!important}
body.yu-v2-admin .admin-user-item i{width:19px!important;text-align:center!important;color:#087446!important}
body.yu-v2-admin .admin-user-logout{color:var(--yu-v2-danger)!important}
body.yu-v2-admin .admin-user-logout i{color:var(--yu-v2-danger)!important}

/* Group 1 — Admin drawer close: mobile-only final override */
@media (max-width:991px){
  body.yu-v2-admin .admin-sidebar-mobile-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    min-height:40px!important;
    padding:2px 2px 10px!important;
    margin-bottom:8px!important;
    border-bottom:1px solid rgba(255,255,255,.16)!important;
  }
  body.yu-v2-admin .admin-sidebar-mobile-head span{
    color:rgba(245,255,251,.86)!important;
    font-size:10px!important;
    font-weight:900!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
  }
  body.yu-v2-admin .admin-sidebar-close{
    flex:0 0 auto!important;
    width:38px!important;
    height:38px!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid rgba(255,255,255,.28)!important;
    border-radius:11px!important;
    background:rgba(255,255,255,.14)!important;
    color:#fff!important;
    cursor:pointer!important;
  }
}

/* Admin mobile: no visible language selector; keep a clean topbar. */
body.yu-v2-admin .admin-top-actions{gap:7px!important;min-width:0!important}
body.yu-v2-admin .admin-top-actions > #adminLanguageControl{display:none!important}
body.yu-v2-admin .admin-user-trigger{min-width:42px!important}
@media(max-width:991px){
  body.yu-v2-admin .admin-user-dropdown{width:min(290px,calc(100vw - 18px))!important}
  body.yu-v2-admin .admin-user-trigger{width:42px!important;padding:4px!important}
}

/* Normal app: language is not visible while only Azerbaijani is active. */
body.yu-v2-app .top-actions > #topLanguageControl{display:none!important}

/* Mobile drawer close affordance: tapping the overlay or page closes it. */
@media(max-width:991px){
  body.yu-v2-admin.admin-sidebar-open .admin-main{pointer-events:auto!important}
  body.yu-v2-admin .admin-overlay{cursor:pointer!important}
  body.yu-v2-app.sidebar-open .sidebar-overlay{cursor:pointer!important}
}

body.yu-v2-app.yu-v2-admin .sidebar-overlay{z-index:1290!important}


/* ============================================================
   GROUP 2 — FINAL LIVE TEST FIX 4
   ============================================================ */

/* Notification center: make it a true viewport-level panel on mobile. */
body.yu-v2-app .notification-backdrop,
body.yu-v2-admin .notification-backdrop{
  position:fixed!important;
  inset:0!important;
  z-index:4990!important;
  background:rgba(7,31,57,.42)!important;
}
body.yu-v2-app .notification-backdrop[hidden],
body.yu-v2-admin .notification-backdrop[hidden]{display:none!important;}

body.yu-v2-app .notification-dropdown.notification-center,
body.yu-v2-admin .notification-dropdown.notification-center{
  box-sizing:border-box!important;
}

@media(max-width:991px){
  body.yu-v2-app .notification-dropdown.notification-center,
  body.yu-v2-admin .notification-dropdown.notification-center{
    position:fixed!important;
    top:64px!important;
    left:8px!important;
    right:8px!important;
    bottom:8px!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    max-height:none!important;
    z-index:5000!important;
    border-radius:22px!important;
    overflow:hidden!important;
    margin:0!important;
  }
  body.yu-v2-app .notification-center-layout,
  body.yu-v2-admin .notification-center-layout{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
  }
  body.yu-v2-app .notification-list-pane,
  body.yu-v2-admin .notification-list-pane{
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    height:100%!important;
  }
  body.yu-v2-app .notification-detail-pane,
  body.yu-v2-admin .notification-detail-pane{
    display:none!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  body.yu-v2-app .notification-center-layout.has-detail .notification-list-pane,
  body.yu-v2-admin .notification-center-layout.has-detail .notification-list-pane{
    display:none!important;
  }
  body.yu-v2-app .notification-center-layout.has-detail .notification-detail-pane,
  body.yu-v2-admin .notification-center-layout.has-detail .notification-detail-pane{
    display:flex!important;
    flex-direction:column!important;
  }
  body.yu-v2-app .notification-list-scroll,
  body.yu-v2-admin .notification-list-scroll{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body.yu-v2-app .notification-filter-strip,
  body.yu-v2-admin .notification-filter-strip{
    grid-template-columns:1fr 1fr!important;
  }
  body.yu-v2-app .notification-filter-search,
  body.yu-v2-admin .notification-filter-search{
    grid-column:1 / -1!important;
  }
}

/* ============================================================
   GROUP 2 — NOTIFICATION + SIDEBAR STACKING FIX
   When the notification center is open, the global mobile/admin
   sidebars must remain interactive and visually above the
   notification layer. The notification panel stays below them.
   ============================================================ */
@media(max-width:991px){
  body.yu-v2-app .yu-simple-sidebar,
  body.yu-v2-app .yolunustu-public-sidebar{
    z-index:5600!important;
  }
  body.yu-v2-admin .admin-sidebar{
    z-index:5600!important;
  }
  body.yu-v2-app .notification-backdrop,
  body.yu-v2-admin .notification-backdrop{
    z-index:4990!important;
  }
  body.yu-v2-app .notification-dropdown.notification-center,
  body.yu-v2-admin .notification-dropdown.notification-center{
    z-index:5000!important;
  }
  /* Keep notification controls themselves available in the topbar. */
  body.yu-v2-app .main>.topbar,
  body.yu-v2-admin .admin-topbar{
    z-index:5650!important;
  }
}


/* ============================================================
   GROUP 2 — NOTIFICATION SCROLL FIX
   Keep the notification center itself fixed while the notification
   list/detail areas own their internal vertical scroll.
   ============================================================ */
body.yu-v2-app .notification-center-body,
body.yu-v2-admin .notification-center-body{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
}
body.yu-v2-app .notification-list-pane,
body.yu-v2-admin .notification-list-pane{
  min-height:0!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
}
body.yu-v2-app .notification-list-scroll,
body.yu-v2-admin .notification-list-scroll{
  flex:1 1 auto!important;
  height:0!important;
  min-height:0!important;
  max-height:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-y!important;
  scrollbar-gutter:stable!important;
}
body.yu-v2-app .notification-list-scroll > *,
body.yu-v2-admin .notification-list-scroll > *{
  min-width:0!important;
}
body.yu-v2-app .notification-detail-pane,
body.yu-v2-admin .notification-detail-pane{
  min-height:0!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
}
body.yu-v2-app .notification-context-content,
body.yu-v2-admin .notification-context-content{
  flex:1 1 auto!important;
  height:0!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
}
@media(max-width:991px){
  body.yu-v2-app .notification-center-layout,
  body.yu-v2-admin .notification-center-layout{
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  body.yu-v2-app .notification-list-pane,
  body.yu-v2-admin .notification-list-pane{
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  body.yu-v2-app .notification-list-scroll,
  body.yu-v2-admin .notification-list-scroll{
    flex:1 1 0!important;
    height:0!important;
    max-height:none!important;
    min-height:0!important;
    padding-bottom:10px!important;
  }
}


/* ============================================================
   GROUP 2 — NOTIFICATION CENTER FIX 5
   Stable viewport panel, correct click handling and true mobile
   list/detail switching. Avoid legacy wrapper positioning.
   ============================================================ */
body.yu-v2-app .notification-backdrop,
body.yu-v2-admin .notification-backdrop{
  position:fixed!important;
  inset:0!important;
  z-index:4990!important;
  pointer-events:auto!important;
  background:rgba(7,31,57,.38)!important;
}
body.yu-v2-app .notification-dropdown.notification-center,
body.yu-v2-admin .notification-dropdown.notification-center{
  position:fixed!important;
  top:78px!important;
  right:24px!important;
  left:auto!important;
  width:min(900px,calc(100vw - 48px))!important;
  min-width:0!important;
  max-width:900px!important;
  height:min(650px,calc(100vh - 104px))!important;
  max-height:none!important;
  padding:0!important;
  margin:0!important;
  z-index:5000!important;
  pointer-events:auto!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid var(--yu-v2-line)!important;
  border-radius:22px!important;
  box-shadow:0 28px 70px rgba(7,31,57,.24)!important;
}
body.yu-v2-app .notification-center-body,
body.yu-v2-admin .notification-center-body{
  width:100%!important;height:100%!important;min-height:0!important;overflow:hidden!important;
}
body.yu-v2-app .notification-center-layout,
body.yu-v2-admin .notification-center-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(320px,.92fr)!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
}
body.yu-v2-app .notification-list-pane,
body.yu-v2-admin .notification-list-pane{
  min-width:0!important;min-height:0!important;height:100%!important;overflow:hidden!important;
  display:flex!important;flex-direction:column!important;background:#fff!important;
  border-right:1px solid var(--yu-v2-line)!important;
}
body.yu-v2-app .notification-list-scroll,
body.yu-v2-admin .notification-list-scroll{
  flex:1 1 0!important;width:100%!important;height:0!important;min-height:0!important;max-height:none!important;
  overflow-y:auto!important;overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;overscroll-behavior:contain!important;
}
body.yu-v2-app .notification-detail-pane,
body.yu-v2-admin .notification-detail-pane{
  min-width:0!important;min-height:0!important;height:100%!important;overflow:hidden!important;
  display:flex!important;flex-direction:column!important;background:#f7fafc!important;
}
body.yu-v2-app .notification-detail-pane > *:last-child,
body.yu-v2-admin .notification-detail-pane > *:last-child{min-height:0!important;}

/* The single-pane detail state is mobile-only. Desktop keeps list + detail side by side. */
@media(max-width:991px){
  body.yu-v2-app .notification-center-body.has-detail .notification-center-layout,
  body.yu-v2-admin .notification-center-body.has-detail .notification-center-layout{
    grid-template-columns:1fr!important;
  }
  body.yu-v2-app .notification-dropdown.notification-center,
  body.yu-v2-admin .notification-dropdown.notification-center{
    top:64px!important;
    right:8px!important;
    left:8px!important;
    bottom:8px!important;
    width:auto!important;
    height:auto!important;
    max-height:none!important;
    border-radius:22px!important;
  }
  body.yu-v2-app .notification-center-layout,
  body.yu-v2-admin .notification-center-layout{
    grid-template-columns:1fr!important;
  }
  body.yu-v2-app .notification-center-body.has-detail .notification-list-pane,
  body.yu-v2-admin .notification-center-body.has-detail .notification-list-pane{display:none!important;}
  body.yu-v2-app .notification-center-body.has-detail .notification-detail-pane,
  body.yu-v2-admin .notification-center-body.has-detail .notification-detail-pane{
    display:flex!important;width:100%!important;height:100%!important;min-height:0!important;
  }
  body.yu-v2-app .notification-center-body:not(.has-detail) .notification-detail-pane,
  body.yu-v2-admin .notification-center-body:not(.has-detail) .notification-detail-pane{display:none!important;}
  body.yu-v2-app .notification-list-scroll,
  body.yu-v2-admin .notification-list-scroll{padding:6px 8px 12px!important;}
  body.yu-v2-app .notification-panel-item,
  body.yu-v2-admin .notification-panel-item{
    min-height:62px!important;
    grid-template-columns:34px minmax(0,1fr) 7px!important;
    gap:8px!important;
    padding:8px 7px!important;
    border-radius:13px!important;
  }
  body.yu-v2-app .notification-panel-icon,
  body.yu-v2-admin .notification-panel-icon{width:34px!important;height:34px!important;border-radius:10px!important;font-size:12px!important;}
  body.yu-v2-app .notification-panel-title,
  body.yu-v2-admin .notification-panel-title{font-size:11px!important;}
  body.yu-v2-app .notification-panel-text,
  body.yu-v2-admin .notification-panel-text{font-size:10px!important;line-height:1.3!important;-webkit-line-clamp:2!important;}
  body.yu-v2-app .notification-panel-time,
  body.yu-v2-admin .notification-panel-time{font-size:9px!important;}
  body.yu-v2-app .notification-list-header,
  body.yu-v2-admin .notification-list-header{padding:13px 12px 9px!important;}
  body.yu-v2-app .notification-list-header h2,
  body.yu-v2-admin .notification-list-header h2{font-size:18px!important;}
  body.yu-v2-app .notification-filter-strip,
  body.yu-v2-admin .notification-filter-strip{padding:8px!important;gap:6px!important;}
  body.yu-v2-app .notification-filter-search,
  body.yu-v2-admin .notification-filter-search,
  body.yu-v2-app .notification-filter-strip select,
  body.yu-v2-admin .notification-filter-strip select{height:34px!important;font-size:11px!important;}
}

/* Detail panel is a full replacement view on mobile, like Messages chat. */
@media(max-width:991px){
  body.yu-v2-app .notification-detail-head,
  body.yu-v2-admin .notification-detail-head{flex:none!important;}
  body.yu-v2-app .notification-detail-body,
  body.yu-v2-admin .notification-detail-body,
  body.yu-v2-app .notification-context-content,
  body.yu-v2-admin .notification-context-content{
    flex:1 1 0!important;height:0!important;min-height:0!important;overflow-y:auto!important;
    overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;
  }
}


/* ============================================================
   GROUP 2 — ADMIN NOTIFICATION CENTER
   Same V2 notification UX as normal authenticated users.
   ============================================================ */

/* Shared admin notification panel */
body.yu-v2-admin .notification-dropdown.notification-center{
  box-sizing:border-box!important;
  position:fixed!important;
  z-index:5000!important;
  width:min(900px,calc(100vw - 32px))!important;
  height:min(650px,calc(100vh - 120px))!important;
  margin:0!important;
  background:#fff!important;
  border:1px solid #dce8ef!important;
  border-radius:22px!important;
  box-shadow:0 28px 80px rgba(7,31,57,.24)!important;
  overflow:hidden!important;
  color:var(--yu-v2-navy)!important;
}

/* The admin topbar stays above the notification panel controls. */
body.yu-v2-admin .admin-topbar{
  position:relative!important;
  z-index:5650!important;
}

/* Same list/detail layout */
body.yu-v2-admin .notification-center-layout{
  display:grid!important;
  grid-template-columns:minmax(300px,420px) minmax(0,1fr)!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  background:#fff!important;
}

body.yu-v2-admin .notification-list-pane{
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  background:#fff!important;
  border-right:1px solid #e8eff4!important;
}

body.yu-v2-admin .notification-detail-pane{
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  background:#fbfdff!important;
}

body.yu-v2-admin .notification-list-scroll,
body.yu-v2-admin .notification-context-content{
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;
  touch-action:pan-y!important;
}

/* Header / filter styling identical in language to user UI */
body.yu-v2-admin .notification-center-head{
  flex:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:14px 16px!important;
  border-bottom:1px solid #edf2f6!important;
  background:#fff!important;
}

body.yu-v2-admin .notification-center-title{
  margin:0!important;
  font-size:19px!important;
  line-height:1.1!important;
  font-weight:900!important;
  color:var(--yu-v2-navy)!important;
}

body.yu-v2-admin .notification-center-subtitle{
  margin-top:3px!important;
  font-size:10px!important;
  color:var(--yu-v2-muted)!important;
}

body.yu-v2-admin .notification-center-close,
body.yu-v2-admin .notification-center-back{
  min-height:38px!important;
  padding:8px 11px!important;
  border:1px solid #dce8ef!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#087446!important;
  font-size:11px!important;
  font-weight:900!important;
}

body.yu-v2-admin .notification-filter-strip{
  display:grid!important;
  grid-template-columns:minmax(0,1.3fr) minmax(100px,.9fr) minmax(90px,.8fr)!important;
  gap:7px!important;
  padding:10px!important;
  border-bottom:1px solid #edf2f6!important;
  background:#fff!important;
}

body.yu-v2-admin .notification-filter-search,
body.yu-v2-admin .notification-filter-select{
  min-width:0!important;
  min-height:40px!important;
  border:1px solid #dce8ef!important;
  border-radius:12px!important;
  background:#f8fbfd!important;
  color:var(--yu-v2-navy)!important;
  padding:9px 11px!important;
  font-size:11px!important;
}

body.yu-v2-admin .notification-item{
  display:flex!important;
  gap:10px!important;
  align-items:flex-start!important;
  min-width:0!important;
  padding:12px 13px!important;
  border-bottom:1px solid #edf2f6!important;
  background:#fff!important;
  cursor:pointer!important;
}

body.yu-v2-admin .notification-item:hover{
  background:#f2faf6!important;
}

body.yu-v2-admin .notification-item.active{
  background:#eaf9f2!important;
  box-shadow:inset 3px 0 0 #0aae66!important;
}

body.yu-v2-admin .notification-item-icon{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  border-radius:11px!important;
  display:grid!important;
  place-items:center!important;
  background:#e9f8f0!important;
  color:#087446!important;
}

body.yu-v2-admin .notification-item-main{
  min-width:0!important;
  flex:1!important;
}

body.yu-v2-admin .notification-item-title{
  color:var(--yu-v2-navy)!important;
  font-size:11px!important;
  font-weight:900!important;
}

body.yu-v2-admin .notification-item-text{
  margin-top:3px!important;
  color:#52708f!important;
  font-size:10px!important;
  line-height:1.4!important;
  overflow-wrap:anywhere!important;
}

body.yu-v2-admin .notification-item-meta{
  margin-top:4px!important;
  color:#8498af!important;
  font-size:9px!important;
}

body.yu-v2-admin .notification-detail-head{
  flex:none!important;
  padding:14px 16px!important;
  border-bottom:1px solid #edf2f6!important;
  background:#fff!important;
}

body.yu-v2-admin .notification-detail-head strong{
  color:var(--yu-v2-navy)!important;
  font-size:14px!important;
  font-weight:900!important;
}

body.yu-v2-admin .notification-detail-content{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:14px!important;
}

body.yu-v2-admin .notification-detail-card{
  padding:14px!important;
  border:1px solid #dce8ef!important;
  border-radius:17px!important;
  background:#fff!important;
  box-shadow:0 5px 18px rgba(14,42,78,.05)!important;
}

/* Mobile: exactly the same single-pane behavior as user notification UX */
@media(max-width:991px){
  body.yu-v2-admin .notification-dropdown.notification-center{
    top:64px!important;
    left:8px!important;
    right:8px!important;
    bottom:8px!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    border-radius:22px!important;
  }

  body.yu-v2-admin .notification-center-layout{
    grid-template-columns:1fr!important;
  }

  body.yu-v2-admin .notification-center-layout .notification-list-pane{
    display:flex!important;
  }

  body.yu-v2-admin .notification-center-layout .notification-detail-pane{
    display:none!important;
  }

  body.yu-v2-admin .notification-center-layout.has-detail .notification-list-pane{
    display:none!important;
  }

  body.yu-v2-admin .notification-center-layout.has-detail .notification-detail-pane{
    display:flex!important;
  }

  body.yu-v2-admin .notification-filter-strip{
    grid-template-columns:1fr 1fr!important;
  }

  body.yu-v2-admin .notification-filter-search{
    grid-column:1 / -1!important;
  }

  body.yu-v2-admin .notification-list-scroll{
    flex:1 1 0!important;
    height:0!important;
  }

  body.yu-v2-admin .notification-detail-content{
    flex:1 1 0!important;
    height:0!important;
  }
}

/* Make the V2 notification center a real component instead of relying
   on browser-default button/input/select rendering. */
body.yu-v2-admin .notification-dropdown.notification-center{
  width:min(760px, calc(100vw - var(--yu-v2-sidebar) - 28px)) !important;
  min-width:680px !important;
  max-width:760px !important;
  padding:0 !important;
  background:#f5f9fc !important;
  border:1px solid var(--yu-v2-line) !important;
  border-radius:22px !important;
  box-shadow:0 22px 55px rgba(9,35,70,.24) !important;
}
body.yu-v2-admin .notification-center-layout{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(300px,.95fr) !important;
  width:100% !important;
  height:min(620px, calc(100vh - 96px)) !important;
  min-height:420px !important;
}
body.yu-v2-admin .notification-list-pane,
body.yu-v2-admin .notification-detail-pane{
  min-width:0 !important;
  min-height:0 !important;
  overflow:hidden !important;
  background:#fff !important;
}
body.yu-v2-admin .notification-list-pane{border-right:1px solid var(--yu-v2-line) !important;display:flex !important;flex-direction:column !important;}
body.yu-v2-admin .notification-list-header{
  display:flex !important;align-items:center !important;justify-content:space-between !important;
  gap:10px !important;padding:17px 17px 13px !important;border-bottom:1px solid #edf2f6 !important;
}
body.yu-v2-admin .notification-list-header h2{margin:0 !important;font-size:20px !important;line-height:1.1 !important;color:var(--yu-v2-navy) !important;}
body.yu-v2-admin .notification-list-header span{display:block !important;margin-top:3px !important;font-size:11px !important;color:var(--yu-v2-muted) !important;}
body.yu-v2-admin .notification-read-all{
  border:1px solid var(--yu-v2-line) !important;background:#f7fafc !important;color:var(--yu-v2-navy) !important;
  border-radius:11px !important;padding:8px 10px !important;font-size:11px !important;font-weight:800 !important;white-space:nowrap !important;
}
body.yu-v2-admin .notification-filter-strip{
  display:grid !important;grid-template-columns:minmax(0,1.5fr) minmax(120px,.8fr) minmax(100px,.7fr) !important;
  gap:7px !important;padding:10px 12px !important;background:#f8fbfd !important;border-bottom:1px solid #edf2f6 !important;
}
body.yu-v2-admin .notification-filter-search,
body.yu-v2-admin .notification-filter-strip select{
  min-width:0 !important;height:38px !important;border:1px solid var(--yu-v2-line) !important;border-radius:12px !important;
  background:#fff !important;color:var(--yu-v2-navy) !important;font-size:12px !important;outline:none !important;
}
body.yu-v2-admin .notification-filter-search{display:flex !important;align-items:center !important;gap:7px !important;padding:0 10px !important;}
body.yu-v2-admin .notification-filter-search i{color:#7a8da7 !important;font-size:12px !important;}
body.yu-v2-admin .notification-filter-search input{border:0 !important;outline:0 !important;background:transparent !important;width:100% !important;min-width:0 !important;color:var(--yu-v2-navy) !important;font-size:12px !important;}
body.yu-v2-admin .notification-filter-strip select{padding:0 9px !important;}
body.yu-v2-admin .notification-list-scroll{flex:1 1 auto !important;min-height:0 !important;overflow-y:auto !important;padding:8px !important;background:#fff !important;}
body.yu-v2-admin .notification-panel-item{
  width:100% !important;display:grid !important;grid-template-columns:38px minmax(0,1fr) 8px !important;align-items:center !important;
  gap:10px !important;padding:11px 9px !important;border:1px solid transparent !important;border-radius:15px !important;
  background:#fff !important;color:var(--yu-v2-navy) !important;text-align:left !important;cursor:pointer !important;
}
body.yu-v2-admin .notification-panel-item:hover{background:#f5faf8 !important;border-color:#dceee5 !important;}
body.yu-v2-admin .notification-panel-item.unread{background:#f0fbf5 !important;border-color:#d4f0e0 !important;}
body.yu-v2-admin .notification-panel-icon{width:38px !important;height:38px !important;border-radius:12px !important;display:grid !important;place-items:center !important;font-size:14px !important;}
body.yu-v2-admin .notification-panel-icon.green{background:#e5f8ed !important;color:#08975a !important}.notification-panel-icon.blue{background:#eaf3ff !important;color:#287be0 !important}.notification-panel-icon.orange{background:#fff3dd !important;color:#d59108 !important}.notification-panel-icon.red{background:#ffebef !important;color:#d42e45 !important}.notification-panel-icon.violet{background:#f1ebff !important;color:#7650cf !important}
body.yu-v2-admin .notification-panel-copy{min-width:0 !important;display:flex !important;flex-direction:column !important;gap:2px !important;}
body.yu-v2-admin .notification-panel-title{font-size:12px !important;font-weight:900 !important;color:var(--yu-v2-navy) !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
body.yu-v2-admin .notification-panel-text{font-size:11px !important;color:#5e7390 !important;line-height:1.35 !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;}
body.yu-v2-admin .notification-panel-time{font-size:10px !important;color:#95a5b8 !important;}
body.yu-v2-admin .notification-panel-dot{width:8px !important;height:8px !important;border-radius:50% !important;background:#0aae66 !important;}
body.yu-v2-admin .notification-list-footer{padding:9px 12px !important;border-top:1px solid #edf2f6 !important;background:#fff !important;}
body.yu-v2-admin .notification-more{width:100% !important;border:1px solid var(--yu-v2-line) !important;background:#fff !important;color:var(--yu-v2-navy) !important;border-radius:11px !important;padding:9px 11px !important;font-size:11px !important;font-weight:800 !important;}
body.yu-v2-admin .notification-more:disabled{opacity:.45 !important;cursor:not-allowed !important;}
body.yu-v2-admin .notification-detail-pane{display:flex !important;flex-direction:column !important;background:#f8fbfd !important;}
body.yu-v2-admin .notification-detail-placeholder,
body.yu-v2-admin .notification-detail-loading,
body.yu-v2-admin .notification-detail-error,
body.yu-v2-admin .notification-center-empty,
body.yu-v2-admin .notification-center-loading{min-height:100% !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:7px !important;padding:22px !important;text-align:center !important;color:var(--yu-v2-muted) !important;font-size:12px !important;}
body.yu-v2-admin .notification-placeholder-icon{width:56px !important;height:56px !important;border-radius:18px !important;display:grid !important;place-items:center !important;background:#eaf6f1 !important;color:var(--yu-v2-green) !important;font-size:21px !important;margin-bottom:4px !important;}
body.yu-v2-admin .notification-detail-placeholder strong,
body.yu-v2-admin .notification-center-empty strong{font-size:14px !important;color:var(--yu-v2-navy) !important;}
body.yu-v2-admin .notification-detail-head{display:flex !important;align-items:center !important;justify-content:space-between !important;padding:11px 13px !important;border-bottom:1px solid #e6eef4 !important;background:#fff !important;}
body.yu-v2-admin .notification-detail-back,
body.yu-v2-admin .notification-detail-close{border:1px solid var(--yu-v2-line) !important;background:#fff !important;color:var(--yu-v2-navy) !important;border-radius:11px !important;padding:8px 10px !important;font-size:11px !important;font-weight:800 !important;}
body.yu-v2-admin .notification-detail-close{width:34px !important;height:34px !important;padding:0 !important;display:grid !important;place-items:center !important;}
body.yu-v2-admin .notification-detail-summary{display:flex !important;align-items:flex-start !important;gap:10px !important;padding:14px !important;background:#f1f8f5 !important;border-bottom:1px solid #dfece5 !important;position:relative !important;}
body.yu-v2-admin .notification-detail-summary-icon{width:42px !important;height:42px !important;border-radius:13px !important;display:grid !important;place-items:center !important;flex:none !important;background:#dff6e9 !important;color:#0a995b !important;}
body.yu-v2-admin .notification-detail-summary h3{margin:0 !important;color:var(--yu-v2-navy) !important;font-size:14px !important;line-height:1.25 !important;}
body.yu-v2-admin .notification-detail-summary time{display:block !important;margin-top:3px !important;color:#889bb0 !important;font-size:10px !important;}
body.yu-v2-admin .notification-detail-summary p{margin:6px 0 0 !important;color:#5b7390 !important;font-size:11px !important;line-height:1.4 !important;}
body.yu-v2-admin .notification-new-pill{margin-left:auto !important;padding:5px 8px !important;border-radius:99px !important;background:#dff6e9 !important;color:#078c54 !important;font-size:10px !important;font-weight:900 !important;}
body.yu-v2-admin .notification-context-content{flex:1 1 auto !important;min-height:0 !important;overflow:auto !important;padding:12px !important;background:#f8fbfd !important;}
body.yu-v2-admin .notification-context-content > style{display:none !important;}
body.yu-v2-admin .notification-detail-bodycopy{padding:15px !important;color:#526a87 !important;font-size:12px !important;line-height:1.5 !important;}
body.yu-v2-admin .notification-action-error{margin:10px 12px !important;padding:10px 12px !important;border-radius:12px !important;background:#ffedf0 !important;color:#b52139 !important;font-size:11px !important;}

/* Notification center on smaller screens becomes a near-full-height sheet. */
@media (max-width: 991px){
  body.yu-v2-admin .notification-dropdown.notification-center{
    position:fixed !important;
    top:70px !important;
    left:8px !important;
    right:8px !important;
    bottom:78px !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    border-radius:20px !important;
  }
  body.yu-v2-admin .notification-center-layout{grid-template-columns:1fr !important;height:100% !important;min-height:0 !important;}
  body.yu-v2-admin .notification-detail-pane{display:none !important;}
  body.yu-v2-admin .notification-center-layout.has-detail .notification-list-pane{display:none !important;}
  body.yu-v2-admin .notification-center-layout.has-detail .notification-detail-pane{display:flex !important;}
  body.yu-v2-admin .notification-filter-strip{grid-template-columns:1fr 1fr !important;}
  body.yu-v2-admin .notification-filter-search{grid-column:1 / -1 !important;}
}

/* ============================================================
   GROUP 1 FIX #4 — user menu / account dropdown
   Keep the account dropdown fully V2-styled. Notification context
   content is intentionally left for its own later page group.
   ============================================================ */
body.yu-v2-admin .user-menu-dropdown{
  width:260px !important;
  min-width:260px !important;
  max-width:calc(100vw - 24px) !important;
  padding:10px !important;
  background:#fff !important;
  border:1px solid var(--yu-v2-line) !important;
  border-radius:18px !important;
  box-shadow:0 20px 48px rgba(12,38,70,.18) !important;
  overflow:hidden !important;
}
body.yu-v2-admin .user-menu-summary{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  min-width:0 !important;
  padding:8px 8px 10px !important;
}
body.yu-v2-admin .user-menu-summary .avatar-small{
  width:40px !important;
  height:40px !important;
  min-width:40px !important;
  border-radius:50% !important;
  display:grid !important;
  place-items:center !important;
  background:#e6f3ff !important;
  color:var(--yu-v2-navy) !important;
  font-size:12px !important;
  font-weight:900 !important;
}
body.yu-v2-admin .dropdown-user-name{
  color:var(--yu-v2-navy) !important;
  font-size:13px !important;
  line-height:1.25 !important;
  font-weight:900 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
body.yu-v2-admin .dropdown-user-role{
  margin-top:3px !important;
  color:var(--yu-v2-muted) !important;
  font-size:10px !important;
  line-height:1.25 !important;
}
body.yu-v2-admin .user-menu-logout-form{margin:0 !important;padding:0 !important;}
body.yu-v2-admin .user-menu-item{
  min-height:40px !important;
  box-sizing:border-box !important;
}
@media (max-width: 767px){
  body.yu-v2-admin .user-menu-dropdown{
    position:fixed !important;
    top:68px !important;
    right:10px !important;
    width:min(280px,calc(100vw - 20px)) !important;
    min-width:0 !important;
    max-width:calc(100vw - 20px) !important;
    z-index:1600 !important;
  }
}

/* V2 mobile Daha Çox — 3 ayrı grid sahəsi */
body.yu-v2-admin .yu-mobile-more-sections,body.yu-v2-admin .yu-mobile-more-editor-sections{display:grid;gap:14px}
body.yu-v2-admin .yu-mobile-more-section,body.yu-v2-admin .yu-mobile-more-edit-section{margin:0;padding:0}
body.yu-v2-admin .yu-mobile-more-section-heading{margin:0 2px 8px;color:var(--yu-v2-navy);font-size:12px;font-weight:900}
body.yu-v2-admin .yu-mobile-more-section-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
body.yu-v2-admin .yu-mobile-more-section .yu-mobile-sheet-card{min-width:0;min-height:88px;display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;grid-template-rows:auto 16px!important;align-items:start!important;gap:5px 7px;padding:9px!important;border:1px solid var(--yu-v2-line)!important;border-radius:15px!important;background:#fff!important;text-decoration:none!important;color:var(--yu-v2-navy)!important}
body.yu-v2-admin .yu-mobile-more-section .yu-mobile-sheet-icon{width:30px!important;height:30px!important;grid-row:1 / span 2}
body.yu-v2-admin .yu-mobile-sheet-card-copy{min-width:0;display:flex;flex-direction:column;gap:2px}
body.yu-v2-admin .yu-mobile-more-section .yu-mobile-sheet-card strong{font-size:11px!important;line-height:1.16!important;overflow-wrap:anywhere}
body.yu-v2-admin .yu-mobile-more-section .yu-mobile-sheet-card small{font-size:8px!important;line-height:1.2!important;color:var(--yu-v2-muted)!important;overflow-wrap:anywhere}
body.yu-v2-admin .yu-mobile-sheet-card-arrow{grid-column:2;justify-self:end;align-self:end;font-size:9px;color:#8aa0ba}
body.yu-v2-admin .yu-mobile-more-section-title{margin:0 0 12px!important}
body.yu-v2-admin .yu-mobile-more-edit-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
body.yu-v2-admin .yu-mobile-more-edit-card{min-width:0;display:grid;grid-template-columns:18px 28px minmax(0,1fr) auto;gap:5px;align-items:center;padding:8px;border:1px solid var(--yu-v2-line);border-radius:14px;background:#fff;box-shadow:0 5px 16px rgba(9,36,69,.06);touch-action:none}
body.yu-v2-admin .yu-mobile-more-edit-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.yu-mobile-more-edit-copy strong{font-size:10px;line-height:1.15;color:var(--yu-v2-navy);overflow-wrap:anywhere}.yu-mobile-more-edit-copy small{font-size:7px;line-height:1.18;color:var(--yu-v2-muted);overflow-wrap:anywhere}
body.yu-v2-admin .yu-mobile-more-drag-handle{width:18px;height:28px;border-radius:7px;display:grid;place-items:center;color:#88a0ba;background:#f3f7fa;cursor:grab}.yu-mobile-more-edit-card.is-dragging{opacity:.55;outline:2px solid rgba(10,174,102,.22)}
body.yu-v2-admin .yu-mobile-more-minus,body.yu-v2-admin .yu-mobile-more-plus{width:25px;height:25px;border-radius:8px;border:1px solid var(--yu-v2-line);background:#fff;display:grid;place-items:center}.yu-mobile-more-minus{color:#d94a54}.yu-mobile-more-plus{color:var(--yu-v2-green-2)}
body.yu-v2-admin .yu-mobile-more-lock{font-size:10px;color:#8aa0ba}.yu-mobile-more-available-card{background:#f8fbfd!important;border-style:dashed!important}
@media (max-width:899px){body.yu-v2-admin .yu-mobile-more-section-grid,body.yu-v2-admin .yu-mobile-more-edit-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}}
@media (max-width:360px){body.yu-v2-admin .yu-mobile-more-section-grid,body.yu-v2-admin .yu-mobile-more-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (min-width:900px){body.yu-v2-admin .yu-mobile-more-section-grid,body.yu-v2-admin .yu-mobile-more-edit-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}

/* ============================================================
   GROUP 1 RESPONSIVE POLISH — Daha Çox 3-column grid
   Keep the requested 3-column layout at mobile widths. Cards are
   intentionally compact: icon + short title + action, with the
   verbose description hidden on narrow screens to prevent letters
   stacking vertically.
   ============================================================ */
@media (max-width: 899px){
  body.yu-v2-admin .yu-mobile-sheet{
    left:6px !important;
    right:6px !important;
    bottom:6px !important;
    width:auto !important;
    max-height:calc(100vh - 72px) !important;
    padding:9px 9px calc(12px + env(safe-area-inset-bottom)) !important;
    border-radius:24px !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
  }

  body.yu-v2-admin .yu-mobile-more-sections,
  body.yu-v2-admin .yu-mobile-more-editor-sections{
    gap:12px !important;
  }

  body.yu-v2-admin .yu-mobile-more-section-heading{
    margin:0 2px 7px !important;
    font-size:11px !important;
    line-height:1.2 !important;
  }

  body.yu-v2-admin .yu-mobile-more-section-grid,
  body.yu-v2-admin .yu-mobile-more-edit-grid{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:6px !important;
    width:100% !important;
  }

  /* Normal More card */
  body.yu-v2-admin .yu-mobile-more-section .yu-mobile-sheet-card{
    position:relative !important;
    min-width:0 !important;
    min-height:82px !important;
    height:82px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    gap:5px !important;
    padding:8px !important;
    border-radius:13px !important;
    overflow:hidden !important;
  }

  body.yu-v2-admin .yu-mobile-more-section .yu-mobile-sheet-icon{
    width:28px !important;
    height:28px !important;
    flex:0 0 28px !important;
    border-radius:10px !important;
    font-size:12px !important;
  }

  body.yu-v2-admin .yu-mobile-more-section .yu-mobile-sheet-card-copy{
    width:100% !important;
    min-width:0 !important;
    display:block !important;
  }

  body.yu-v2-admin .yu-mobile-more-section .yu-mobile-sheet-card strong{
    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:2 !important;
    overflow:hidden !important;
    min-width:0 !important;
    font-size:10px !important;
    line-height:1.15 !important;
    white-space:normal !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
  }

  body.yu-v2-admin .yu-mobile-more-section .yu-mobile-sheet-card small{
    display:none !important;
  }

  body.yu-v2-admin .yu-mobile-more-section .yu-mobile-sheet-card-arrow{
    position:absolute !important;
    right:7px !important;
    bottom:7px !important;
    font-size:8px !important;
    opacity:.85 !important;
  }

  /* Edit card: keep drag/remove controls without squeezing the title. */
  body.yu-v2-admin .yu-mobile-more-edit-card{
    position:relative !important;
    min-width:0 !important;
    min-height:88px !important;
    height:88px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    gap:5px !important;
    padding:9px !important;
    border-radius:13px !important;
    overflow:hidden !important;
    touch-action:none !important;
  }

  body.yu-v2-admin .yu-mobile-more-drag-handle{
    position:absolute !important;
    left:6px !important;
    top:6px !important;
    width:18px !important;
    height:18px !important;
    border-radius:6px !important;
    background:rgba(243,247,250,.95) !important;
    font-size:8px !important;
    z-index:2 !important;
  }

  body.yu-v2-admin .yu-mobile-more-edit-card .yu-mobile-sheet-icon{
    width:28px !important;
    height:28px !important;
    flex:0 0 28px !important;
    border-radius:10px !important;
    font-size:12px !important;
    margin-top:2px !important;
  }

  body.yu-v2-admin .yu-mobile-more-edit-copy{
    width:100% !important;
    min-width:0 !important;
    display:block !important;
    padding-right:2px !important;
  }

  body.yu-v2-admin .yu-mobile-more-edit-copy strong{
    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:2 !important;
    overflow:hidden !important;
    min-width:0 !important;
    font-size:10px !important;
    line-height:1.15 !important;
    white-space:normal !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
  }

  body.yu-v2-admin .yu-mobile-more-edit-copy small{
    display:none !important;
  }

  body.yu-v2-admin .yu-mobile-more-minus,
  body.yu-v2-admin .yu-mobile-more-plus{
    position:absolute !important;
    right:6px !important;
    top:6px !important;
    width:22px !important;
    height:22px !important;
    min-width:22px !important;
    border-radius:7px !important;
    font-size:10px !important;
    z-index:2 !important;
  }

  body.yu-v2-admin .yu-mobile-more-lock{
    position:absolute !important;
    right:7px !important;
    top:8px !important;
    font-size:9px !important;
    z-index:2 !important;
  }

  body.yu-v2-admin .yu-mobile-more-section-title{
    margin:0 0 10px !important;
    font-size:12px !important;
  }

  body.yu-v2-admin .yu-mobile-more-section-title small{
    font-size:9px !important;
    line-height:1.25 !important;
  }
}

/* Very narrow phones: keep three columns but shrink safely. */
@media (max-width: 340px){
  body.yu-v2-admin .yu-mobile-sheet{left:4px !important;right:4px !important;padding-left:7px !important;padding-right:7px !important}
  body.yu-v2-admin .yu-mobile-more-section-grid,
  body.yu-v2-admin .yu-mobile-more-edit-grid{gap:5px !important}
  body.yu-v2-admin .yu-mobile-more-section .yu-mobile-sheet-card,
  body.yu-v2-admin .yu-mobile-more-edit-card{padding:7px !important}
  body.yu-v2-admin .yu-mobile-more-section .yu-mobile-sheet-card strong,
  body.yu-v2-admin .yu-mobile-more-edit-copy strong{font-size:9px !important}
}


/* Group 1 — explicit admin drawer close affordance */
body.yu-v2-admin .admin-sidebar-mobile-head{
  display:none!important;
}
body.yu-v2-admin .admin-sidebar-close{
  width:36px!important;height:36px!important;border:1px solid rgba(255,255,255,.24)!important;
  border-radius:11px!important;background:rgba(255,255,255,.12)!important;color:#fff!important;
  display:grid!important;place-items:center!important;cursor:pointer!important;
}
/* ========================= GROUP 1: ADMIN DROPDOWN / MOBILE CLOSE ========================= */
body.yu-v2-admin .admin-user-menu{position:relative!important;display:block!important;z-index:1500!important}
body.yu-v2-admin .admin-user-dropdown{
  position:fixed!important;width:min(300px,calc(100vw - 20px))!important;min-width:250px!important;
  padding:8px!important;background:#fff!important;border:1px solid var(--yu-v2-line)!important;
  border-radius:18px!important;box-shadow:0 24px 55px rgba(11,43,78,.22)!important;
  color:var(--yu-v2-navy)!important;overflow:hidden!important;z-index:5000!important;
}
body.yu-v2-admin .admin-user-summary{display:flex!important;align-items:center!important;gap:11px!important;padding:10px!important}
body.yu-v2-admin .admin-user-summary strong{display:block!important;font-size:14px!important;color:var(--yu-v2-navy)!important}
body.yu-v2-admin .admin-user-summary small{display:block!important;margin-top:3px!important;color:var(--yu-v2-muted)!important;font-size:11px!important}
body.yu-v2-admin .admin-avatar-small{width:42px!important;height:42px!important;background:#e6fff3!important;color:#087446!important}
body.yu-v2-admin .admin-user-divider{height:1px!important;background:#edf2f6!important;margin:5px 2px!important}
body.yu-v2-admin .admin-user-item{
  width:100%!important;display:flex!important;align-items:center!important;gap:10px!important;
  min-height:42px!important;padding:10px 11px!important;border:0!important;background:transparent!important;
  border-radius:12px!important;color:#27456f!important;text-decoration:none!important;font-size:13px!important;font-weight:800!important;
  text-align:left!important;cursor:pointer!important
}
body.yu-v2-admin a.admin-user-item:hover,
body.yu-v2-admin button.admin-user-item:hover{background:#ecfaf3!important;color:#087446!important}
body.yu-v2-admin .admin-user-item i{width:19px!important;text-align:center!important;color:#087446!important}
body.yu-v2-admin .admin-user-logout{color:var(--yu-v2-danger)!important}
body.yu-v2-admin .admin-user-logout i{color:var(--yu-v2-danger)!important}

/* Group 1 — Admin drawer close: mobile-only final override */
@media (max-width:991px){
  body.yu-v2-admin .admin-sidebar-mobile-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    min-height:40px!important;
    padding:2px 2px 10px!important;
    margin-bottom:8px!important;
    border-bottom:1px solid rgba(255,255,255,.16)!important;
  }
  body.yu-v2-admin .admin-sidebar-mobile-head span{
    color:rgba(245,255,251,.86)!important;
    font-size:10px!important;
    font-weight:900!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
  }
  body.yu-v2-admin .admin-sidebar-close{
    flex:0 0 auto!important;
    width:38px!important;
    height:38px!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid rgba(255,255,255,.28)!important;
    border-radius:11px!important;
    background:rgba(255,255,255,.14)!important;
    color:#fff!important;
    cursor:pointer!important;
  }
}

/* Admin mobile: no visible language selector; keep a clean topbar. */
body.yu-v2-admin .admin-top-actions{gap:7px!important;min-width:0!important}
body.yu-v2-admin .admin-top-actions > #adminLanguageControl{display:none!important}
body.yu-v2-admin .admin-user-trigger{min-width:42px!important}
@media(max-width:991px){
  body.yu-v2-admin .admin-user-dropdown{width:min(290px,calc(100vw - 18px))!important}
  body.yu-v2-admin .admin-user-trigger{width:42px!important;padding:4px!important}
}

/* Normal app: language is not visible while only Azerbaijani is active. */
body.yu-v2-admin .top-actions > #topLanguageControl{display:none!important}

/* Mobile drawer close affordance: tapping the overlay or page closes it. */
@media(max-width:991px){
  body.yu-v2-admin.admin-sidebar-open .admin-main{pointer-events:auto!important}
  body.yu-v2-admin .admin-overlay{cursor:pointer!important}
  body.yu-v2-admin.sidebar-open .sidebar-overlay{cursor:pointer!important}
}

body.yu-v2-admin.yu-v2-admin .sidebar-overlay{z-index:1290!important}


/* ============================================================
   GROUP 2 — FINAL LIVE TEST FIX 4
   ============================================================ */

/* Notification center: make it a true viewport-level panel on mobile. */
body.yu-v2-admin .notification-backdrop,
body.yu-v2-admin .notification-backdrop{
  position:fixed!important;
  inset:0!important;
  z-index:4990!important;
  background:rgba(7,31,57,.42)!important;
}
body.yu-v2-admin .notification-backdrop[hidden],
body.yu-v2-admin .notification-backdrop[hidden]{display:none!important;}

body.yu-v2-admin .notification-dropdown.notification-center,
body.yu-v2-admin .notification-dropdown.notification-center{
  box-sizing:border-box!important;
}

@media(max-width:991px){
  body.yu-v2-admin .notification-dropdown.notification-center,
  body.yu-v2-admin .notification-dropdown.notification-center{
    position:fixed!important;
    top:64px!important;
    left:8px!important;
    right:8px!important;
    bottom:8px!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    max-height:none!important;
    z-index:5000!important;
    border-radius:22px!important;
    overflow:hidden!important;
    margin:0!important;
  }
  body.yu-v2-admin .notification-center-layout,
  body.yu-v2-admin .notification-center-layout{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
  }
  body.yu-v2-admin .notification-list-pane,
  body.yu-v2-admin .notification-list-pane{
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    height:100%!important;
  }
  body.yu-v2-admin .notification-detail-pane,
  body.yu-v2-admin .notification-detail-pane{
    display:none!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  body.yu-v2-admin .notification-center-layout.has-detail .notification-list-pane,
  body.yu-v2-admin .notification-center-layout.has-detail .notification-list-pane{
    display:none!important;
  }
  body.yu-v2-admin .notification-center-layout.has-detail .notification-detail-pane,
  body.yu-v2-admin .notification-center-layout.has-detail .notification-detail-pane{
    display:flex!important;
    flex-direction:column!important;
  }
  body.yu-v2-admin .notification-list-scroll,
  body.yu-v2-admin .notification-list-scroll{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body.yu-v2-admin .notification-filter-strip,
  body.yu-v2-admin .notification-filter-strip{
    grid-template-columns:1fr 1fr!important;
  }
  body.yu-v2-admin .notification-filter-search,
  body.yu-v2-admin .notification-filter-search{
    grid-column:1 / -1!important;
  }
}



/* ============================================================
   GROUP 2 — ADMIN NOTIFICATION CENTER / EXACT USER PARITY
   Safe isolated implementation. No topbar structure beyond the
   notification trigger is changed.
   ============================================================ */

body.yu-v2-admin .admin-notification-wrap{
  position:relative!important;
}
body.yu-v2-admin .admin-notification-button{
  position:relative!important;
  width:42px!important;height:42px!important;min-width:42px!important;
  padding:0!important;border:1px solid var(--yu-v2-line)!important;
  border-radius:13px!important;background:#fff!important;color:var(--yu-v2-navy)!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  cursor:pointer!important;box-shadow:none!important;
}
body.yu-v2-admin .admin-notification-button:hover{
  background:#eefaf4!important;border-color:#bfe5cf!important;color:#087446!important;
}
body.yu-v2-admin .admin-notification-count{
  position:absolute!important;right:-2px!important;top:-4px!important;
  min-width:18px!important;height:18px!important;padding:0 4px!important;
  border-radius:99px!important;background:#ef476f!important;color:#fff!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  font-size:10px!important;font-weight:900!important;border:2px solid #fff!important;
}
body.yu-v2-admin #adminNotificationDropdown.notification-center{
  position:fixed!important;
  top:78px!important;right:24px!important;left:auto!important;
  width:min(900px,calc(100vw - 48px))!important;
  min-width:0!important;max-width:900px!important;
  height:min(650px,calc(100vh - 104px))!important;
  max-height:none!important;padding:0!important;margin:0!important;
  z-index:5000!important;pointer-events:auto!important;
  overflow:hidden!important;background:#fff!important;
  border:1px solid var(--yu-v2-line)!important;border-radius:22px!important;
  box-shadow:0 28px 70px rgba(7,31,57,.24)!important;
}
body.yu-v2-admin #adminNotificationBackdrop{
  position:fixed!important;inset:0!important;z-index:4990!important;
  background:rgba(7,31,57,.42)!important;
}
body.yu-v2-admin #adminNotificationBackdrop[hidden],
body.yu-v2-admin #adminNotificationDropdown[hidden]{display:none!important;}

@media(max-width:991px){
  body.yu-v2-admin #adminNotificationDropdown.notification-center{
    top:64px!important;left:8px!important;right:8px!important;bottom:8px!important;
    width:auto!important;height:auto!important;min-width:0!important;max-width:none!important;
    max-height:none!important;border-radius:22px!important;
  }
}


/* ============================================================
   GROUP 2 — ADMIN NOTIFICATION DESKTOP DETAIL FIX
   Desktop: list and detail remain side-by-side.
   Mobile: the existing one-pane behavior is preserved.
   ============================================================ */
@media(min-width:992px){
  body.yu-v2-admin #adminNotificationDropdown .notification-center-layout{
    display:grid!important;
    grid-template-columns:minmax(310px,420px) minmax(0,1fr)!important;
    grid-template-rows:1fr!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    align-items:stretch!important;
  }
  body.yu-v2-admin #adminNotificationDropdown .notification-list-pane{
    grid-column:1!important;
    grid-row:1!important;
    display:flex!important;
    min-width:0!important;
    min-height:0!important;
    height:100%!important;
    overflow:hidden!important;
  }
  body.yu-v2-admin #adminNotificationDropdown .notification-detail-pane{
    grid-column:2!important;
    grid-row:1!important;
    display:flex!important;
    flex-direction:column!important;
    min-width:0!important;
    min-height:0!important;
    height:100%!important;
    overflow:hidden!important;
  }
  body.yu-v2-admin #adminNotificationDropdown .notification-context-content,
  body.yu-v2-admin #adminNotificationDropdown .notification-detail-content{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }
  body.yu-v2-admin #adminNotificationDropdown .notification-list-scroll{
    flex:1 1 auto!important;
    min-height:0!important;
    height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }
}

@media(max-width:991px){
  body.yu-v2-admin #adminNotificationDropdown .notification-center-layout{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:1fr!important;
    min-height:0!important;
  }
  body.yu-v2-admin #adminNotificationDropdown .notification-center-layout .notification-list-pane,
  body.yu-v2-admin #adminNotificationDropdown .notification-center-layout .notification-detail-pane{
    grid-column:1!important;
    grid-row:1!important;
    min-width:0!important;
    min-height:0!important;
  }
}


/* ============================================================
   GROUP 2 — NOTIFICATION TARGET ACTION
   Functional "go to related page" button in notification detail.
   ============================================================ */
body.yu-v2-app .notification-detail-summary-main,
body.yu-v2-admin .notification-detail-summary-main{
  min-width:0!important;
}
body.yu-v2-app .notification-target-link,
body.yu-v2-admin .notification-target-link{
  margin-top:9px!important;
  min-height:38px!important;
  padding:8px 11px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  border:1px solid #bfe5cf!important;
  border-radius:11px!important;
  background:#eaf9f2!important;
  color:#087446!important;
  font-size:11px!important;
  font-weight:900!important;
  cursor:pointer!important;
}
body.yu-v2-app .notification-target-link:hover,
body.yu-v2-admin .notification-target-link:hover{
  background:#dff5e9!important;
  border-color:#9ed5b7!important;
}
@media(max-width:991px){
  body.yu-v2-app .notification-target-link,
  body.yu-v2-admin .notification-target-link{
    width:100%!important;
  }
}


/* ============================================================
   GROUP 1 — ADMIN TOP-HEADER USER MENU VIEWPORT FIX
   Keep the dropdown fully inside the visible screen and scroll
   internally when its content is taller than the viewport.
   ============================================================ */
body.yu-v2-admin .admin-user-dropdown{
  max-height:calc(100dvh - 16px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  box-sizing:border-box!important;
}
@media(max-width:991px){
  body.yu-v2-admin .admin-user-dropdown{
    width:min(290px,calc(100vw - 16px))!important;
    max-width:calc(100vw - 16px)!important;
    max-height:calc(100dvh - 16px)!important;
    border-radius:18px!important;
  }
  body.yu-v2-admin .admin-user-item{
    min-height:44px!important;
  }
}

/* Final admin profile dropdown portal/clipping fix */
body.yu-v2-admin .admin-user-dropdown{
  position:fixed!important;
  z-index:5000!important;
  max-width:calc(100vw - 16px)!important;
  max-height:calc(100dvh - 16px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  box-sizing:border-box!important;
}


/* ============================================================
   GROUP 3 — PUBLIC HOME + PUBLIC INFORMATION PAGES
   Visual layer only. Routes/data/content behavior preserved.
   ============================================================ */

/* Public document shell */
body.yu-v2-app .yu-public-document,
body.yu-v2-admin .yu-public-document{
  width:min(100%,780px)!important;
  min-height:100dvh!important;
  margin:0 auto!important;
  background:#f6fbfe!important;
  color:var(--yu-v2-navy)!important;
  overflow:hidden!important;
  box-shadow:0 18px 55px rgba(20,54,82,.08)!important;
}
body.yu-v2-app:has(.yu-public-document) .main,
body.yu-v2-admin:has(.yu-public-document) .main{
  width:100%!important;
  margin-left:0!important;
  min-height:100dvh!important;
}
body.yu-v2-app:has(.yu-public-document) .main>.topbar,
body.yu-v2-admin:has(.yu-public-document) .admin-topbar,
body.yu-v2-app:has(.yu-public-document) footer,
body.yu-v2-admin:has(.yu-public-document) footer,
body.yu-v2-app:has(.yu-public-document) .yu-mobile-bottom-nav,
body.yu-v2-admin:has(.yu-public-document) .yu-mobile-bottom-nav,
body.yu-v2-app:has(.yu-public-document) .yu-simple-sidebar,
body.yu-v2-admin:has(.yu-public-document) .admin-sidebar{
  display:none!important;
}
body.yu-v2-app:has(.yu-public-document) .page-content,
body.yu-v2-admin:has(.yu-public-document) .page-content{
  padding:0!important;
}

body.yu-v2-app .yu-public-topbar,
body.yu-v2-admin .yu-public-topbar{
  height:64px!important;
  display:grid!important;
  grid-template-columns:42px 1fr 42px!important;
  align-items:center!important;
  gap:6px!important;
  padding:0 12px!important;
  background:rgba(255,255,255,.97)!important;
  border-bottom:1px solid #e3edf3!important;
  position:relative!important;
  z-index:5!important;
}
body.yu-v2-app .yu-public-topbar h1,
body.yu-v2-admin .yu-public-topbar h1{
  margin:0!important;
  text-align:center!important;
  font-size:20px!important;
  line-height:1.1!important;
  font-weight:900!important;
  color:var(--yu-v2-navy)!important;
}
body.yu-v2-app .yu-public-back,
body.yu-v2-admin .yu-public-back{
  width:38px!important;
  height:38px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:11px!important;
  color:var(--yu-v2-navy)!important;
  text-decoration:none!important;
}
body.yu-v2-app .yu-public-back:hover,
body.yu-v2-admin .yu-public-back:hover{background:#eefaf4!important;color:#087446!important}

body.yu-v2-app .yu-public-hero,
body.yu-v2-admin .yu-public-hero{
  position:relative!important;
  height:360px!important;
  overflow:hidden!important;
  background:#dff1f8!important;
}
body.yu-v2-app .yu-public-hero-bg,
body.yu-v2-admin .yu-public-hero-bg{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  object-fit:cover!important;object-position:center 57%!important;display:block!important;
}
body.yu-v2-app .yu-public-hero-overlay,
body.yu-v2-admin .yu-public-hero-overlay{
  position:absolute!important;inset:0!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.90) 30%,rgba(255,255,255,.48) 56%,rgba(255,255,255,.04) 82%,rgba(0,0,0,.04) 100%)!important;
}
body.yu-v2-app .yu-public-hero-copy,
body.yu-v2-admin .yu-public-hero-copy{
  position:absolute!important;inset:0 0 auto 0!important;
  padding:22px 24px 0!important;z-index:2!important;
}
body.yu-v2-app .yu-public-logo,
body.yu-v2-admin .yu-public-logo{
  display:block!important;width:min(220px,54vw)!important;max-height:88px!important;
  object-fit:contain!important;object-position:left center!important;margin-bottom:12px!important;
}
body.yu-v2-app .yu-public-hero-copy h2,
body.yu-v2-admin .yu-public-hero-copy h2{
  margin:0 0 7px!important;font-size:31px!important;line-height:1.04!important;
  font-weight:900!important;letter-spacing:-.5px!important;max-width:480px!important;
}
body.yu-v2-app .yu-public-hero-copy p,
body.yu-v2-admin .yu-public-hero-copy p{
  margin:0!important;max-width:460px!important;color:#55708e!important;font-size:15px!important;line-height:1.45!important;
}
body.yu-v2-app .yu-public-slogan,
body.yu-v2-admin .yu-public-slogan{
  position:absolute!important;right:10px!important;bottom:18px!important;z-index:3!important;
  width:min(245px,42%)!important;height:auto!important;filter:drop-shadow(0 2px 2px rgba(0,0,0,.16))!important;
}
body.yu-v2-app .yu-public-hero-shield,
body.yu-v2-admin .yu-public-hero-shield{
  position:absolute!important;right:38px!important;top:95px!important;z-index:3!important;
  width:86px!important;height:86px!important;border-radius:25px!important;
  display:grid!important;place-items:center!important;
  background:linear-gradient(145deg,#17c979,#078e57)!important;
  color:#fff!important;font-size:43px!important;box-shadow:0 18px 35px rgba(7,142,87,.20)!important;
}
body.yu-v2-app .yu-public-card,
body.yu-v2-admin .yu-public-card{
  position:relative!important;z-index:4!important;
  margin:-4px 18px 18px!important;
  padding:20px!important;
  background:#fff!important;
  border:1px solid #dfeaf1!important;
  border-radius:22px!important;
  box-shadow:0 9px 30px rgba(20,54,82,.07)!important;
}
body.yu-v2-app .yu-public-kicker,
body.yu-v2-admin .yu-public-kicker{
  color:#0aae66!important;font-size:10px!important;font-weight:900!important;letter-spacing:.12em!important;
}
body.yu-v2-app .yu-public-card h2,
body.yu-v2-admin .yu-public-card h2{
  margin:5px 0 9px!important;font-size:25px!important;line-height:1.12!important;font-weight:900!important;color:var(--yu-v2-navy)!important;
}
body.yu-v2-app .yu-public-rich,
body.yu-v2-admin .yu-public-rich{
  color:#4e6782!important;font-size:14px!important;line-height:1.75!important;overflow-wrap:anywhere!important;
}
body.yu-v2-app .yu-public-bottom,
body.yu-v2-admin .yu-public-bottom{
  display:flex!important;justify-content:center!important;padding:2px 18px 24px!important;
}
body.yu-v2-app .yu-public-bottom img,
body.yu-v2-admin .yu-public-bottom img{
  width:min(250px,65vw)!important;height:auto!important;
}

/* Legal pages: same public-document language */
body.yu-v2-app .yu-legal-app,
body.yu-v2-admin .yu-legal-app{
  width:min(100%,780px)!important;min-height:100dvh!important;margin:0 auto!important;
  background:#f6fbfe!important;color:var(--yu-v2-navy)!important;box-shadow:0 18px 55px rgba(20,54,82,.08)!important;
}
body.yu-v2-app:has(.yu-legal-app) .main,
body.yu-v2-admin:has(.yu-legal-app) .main{
  margin-left:0!important;width:100%!important;min-height:100dvh!important;
}
body.yu-v2-app:has(.yu-legal-app) .yu-simple-sidebar,
body.yu-v2-admin:has(.yu-legal-app) .admin-sidebar,
body.yu-v2-app:has(.yu-legal-app) .main>.topbar,
body.yu-v2-admin:has(.yu-legal-app) .admin-topbar,
body.yu-v2-app:has(.yu-legal-app) footer,
body.yu-v2-admin:has(.yu-legal-app) footer,
body.yu-v2-app:has(.yu-legal-app) .yu-mobile-bottom-nav,
body.yu-v2-admin:has(.yu-legal-app) .yu-mobile-bottom-nav{
  display:none!important;
}
body.yu-v2-app:has(.yu-legal-app) .page-content,
body.yu-v2-admin:has(.yu-legal-app) .page-content{padding:0!important}
body.yu-v2-app .yu-legal-card,
body.yu-v2-admin .yu-legal-card{
  border-color:#dfeaf1!important;background:#fff!important;border-radius:18px!important;
  box-shadow:0 4px 15px rgba(20,54,82,.035)!important;
}
body.yu-v2-app .yu-legal-tabs a.active,
body.yu-v2-admin .yu-legal-tabs a.active{
  background:linear-gradient(180deg,#10bf72,#08a861)!important;
}

/* Support page: align its existing V2 markup to the same public language. */
body.yu-v2-app .yu-support-frame,
body.yu-v2-admin .yu-support-frame{
  background:#f6fbfe!important;border-color:#dfeaf1!important;border-radius:22px!important;overflow:hidden!important;
}
body.yu-v2-app:has(.yu-support-app-page) .main,
body.yu-v2-admin:has(.yu-support-app-page) .main{
  margin-left:0!important;width:100%!important;
}
body.yu-v2-app:has(.yu-support-app-page) .yu-simple-sidebar,
body.yu-v2-admin:has(.yu-support-app-page) .admin-sidebar,
body.yu-v2-app:has(.yu-support-app-page) .main>.topbar,
body.yu-v2-admin:has(.yu-support-app-page) .admin-topbar,
body.yu-v2-app:has(.yu-support-app-page) footer,
body.yu-v2-admin:has(.yu-support-app-page) footer,
body.yu-v2-app:has(.yu-support-app-page) .yu-mobile-bottom-nav{
  display:none!important;
}
body.yu-v2-app:has(.yu-support-app-page) .page-content,
body.yu-v2-admin:has(.yu-support-app-page) .page-content{padding:0!important}
body.yu-v2-app .yu-support-card,
body.yu-v2-admin .yu-support-card{
  border-color:#dfeaf1!important;background:#fff!important;border-radius:18px!important;
  box-shadow:0 4px 14px rgba(20,54,82,.035)!important;
}
body.yu-v2-app .yu-support-contact,
body.yu-v2-admin .yu-support-contact{
  border-color:#cdeedc!important;background:linear-gradient(110deg,#e8fff1,#f4fffa)!important;
}
body.yu-v2-app .yu-support-contact-btn,
body.yu-v2-admin .yu-support-contact-btn,
body.yu-v2-app .yu-support-contact-submit,
body.yu-v2-admin .yu-support-contact-submit{
  background:#0aae66!important;
}

/* Landing page: preserve all existing sections/JS, but move visual language to V2 green/navy. */
body.yu-landing-v2{
  font-family:'Plus Jakarta Sans',system-ui,sans-serif!important;
  background:#f4f9fc!important;color:var(--yu-v2-navy)!important;
}
body.yu-landing-v2 header .glass{
  background:rgba(255,255,255,.94)!important;
  border:1px solid #dfeaf1!important;
  box-shadow:0 8px 28px rgba(20,54,82,.07)!important;
}
body.yu-landing-v2 header nav a[href*="login"],
body.yu-landing-v2 header nav a[href*="dashboard"]{
  border-color:#cdebdc!important;
  color:#087446!important;
}
body.yu-landing-v2 header nav a[href*="dashboard"]{
  background:linear-gradient(180deg,#10bf72,#08a861)!important;color:#fff!important;
}
body.yu-landing-v2 header a[href="{{ url('/') }}"] .bg-gradient-to-br{
  background:linear-gradient(145deg,#08295b,#0aae66)!important;
}
body.yu-landing-v2 main{
  max-width:1200px!important;
}
body.yu-landing-v2 main>section:first-of-type{
  position:relative!important;
  overflow:hidden!important;
  padding:36px!important;
  border-radius:32px!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.90) 46%,rgba(255,255,255,.30) 100%),
    url('/images/yolunustu-v2-background.webp') center/cover no-repeat!important;
  border:1px solid #dfeaf1!important;
  box-shadow:0 18px 55px rgba(20,54,82,.10)!important;
}
body.yu-landing-v2 main>section:first-of-type h1{
  color:var(--yu-v2-navy)!important;
}
body.yu-landing-v2 main>section:first-of-type h1 span{
  background-image:linear-gradient(90deg,#078e57,#0aae66)!important;
}
body.yu-landing-v2 main>section:first-of-type .bg-orange-100,
body.yu-landing-v2 main>section:first-of-type .bg-amber-100{
  background:#e8f9f1!important;color:#087446!important;border-color:#cdeedc!important;
}
body.yu-landing-v2 main>section:first-of-type a.bg-gradient-to-r{
  background:linear-gradient(180deg,#10bf72,#08a861)!important;
  box-shadow:0 12px 24px rgba(10,174,102,.18)!important;
}
body.yu-landing-v2 main>section:first-of-type .shadow-2xl{
  box-shadow:0 18px 50px rgba(20,54,82,.12)!important;
}
body.yu-landing-v2 main>section:not(:first-of-type) .text-orange-600,
body.yu-landing-v2 main>section:not(:first-of-type) .text-amber-600,
body.yu-landing-v2 main>section:not(:first-of-type) .text-amber-400{
  color:#0aae66!important;
}
body.yu-landing-v2 main>section:nth-of-type(2) .from-amber-500{
  --tw-gradient-from:#08ae65!important;
}
body.yu-landing-v2 main>section:nth-of-type(2) .to-orange-600{
  --tw-gradient-to:#07965a!important;
}
body.yu-landing-v2 main>section:nth-of-type(2) .from-indigo-500,
body.yu-landing-v2 main>section:nth-of-type(2) .to-indigo-700{
  --tw-gradient-from:#0d4f90!important;--tw-gradient-to:#082f64!important;
}
body.yu-landing-v2 main>section:nth-of-type(2) .from-emerald-500,
body.yu-landing-v2 main>section:nth-of-type(2) .to-emerald-700{
  --tw-gradient-from:#13b970!important;--tw-gradient-to:#078b55!important;
}
body.yu-landing-v2 footer{
  border-top-color:#dfeaf1!important;
}

/* Mobile public pages */
@media(max-width:760px){
  body.yu-v2-app .yu-public-document,
  body.yu-v2-admin .yu-public-document,
  body.yu-v2-app .yu-legal-app,
  body.yu-v2-admin .yu-legal-app{
    width:100%!important;box-shadow:none!important;
  }
  body.yu-v2-app .yu-public-topbar,
  body.yu-v2-admin .yu-public-topbar{height:58px!important}
  body.yu-v2-app .yu-public-topbar h1,
  body.yu-v2-admin .yu-public-topbar h1{font-size:19px!important}
  body.yu-v2-app .yu-public-hero,
  body.yu-v2-admin .yu-public-hero{height:350px!important}
  body.yu-v2-app .yu-public-hero-copy,
  body.yu-v2-admin .yu-public-hero-copy{padding:17px 18px 0!important}
  body.yu-v2-app .yu-public-logo,
  body.yu-v2-admin .yu-public-logo{width:185px!important;max-height:72px!important}
  body.yu-v2-app .yu-public-hero-copy h2,
  body.yu-v2-admin .yu-public-hero-copy h2{font-size:27px!important;max-width:290px!important}
  body.yu-v2-app .yu-public-hero-copy p,
  body.yu-v2-admin .yu-public-hero-copy p{font-size:13px!important;max-width:260px!important}
  body.yu-v2-app .yu-public-slogan,
  body.yu-v2-admin .yu-public-slogan{right:4px!important;bottom:14px!important;width:46%!important;max-width:190px!important}
  body.yu-v2-app .yu-public-hero-shield,
  body.yu-v2-admin .yu-public-hero-shield{right:18px!important;top:105px!important;width:72px!important;height:72px!important;font-size:34px!important}
  body.yu-v2-app .yu-public-card,
  body.yu-v2-admin .yu-public-card{margin:-3px 10px 14px!important;padding:16px!important;border-radius:19px!important}
  body.yu-v2-app .yu-public-card h2,
  body.yu-v2-admin .yu-public-card h2{font-size:23px!important}
  body.yu-v2-app .yu-public-rich,
  body.yu-v2-admin .yu-public-rich{font-size:13px!important;line-height:1.65!important}
  body.yu-landing-v2 main{padding:12px 14px 72px!important}
  body.yu-landing-v2 main>section:first-of-type{
    padding:22px 16px!important;border-radius:24px!important;
    background:
      linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.88) 56%,rgba(255,255,255,.24) 100%),
      url('/images/yolunustu-v2-background.webp') center/cover no-repeat!important;
  }
}

/* Small legal/support screens */
@media(max-width:420px){
  body.yu-v2-app .yu-legal-card-head,
  body.yu-v2-admin .yu-legal-card-head{
    grid-template-columns:52px 1fr 18px!important;gap:9px!important;padding:11px 9px!important;
  }
  body.yu-v2-app .yu-legal-icon,
  body.yu-v2-admin .yu-legal-icon{width:48px!important;height:48px!important;font-size:21px!important}
  body.yu-v2-app .yu-legal-card-copy strong,
  body.yu-v2-admin .yu-legal-card-copy strong{font-size:15px!important}
  body.yu-v2-app .yu-legal-card-copy>span,
  body.yu-v2-admin .yu-legal-card-copy>span{font-size:12px!important}
  body.yu-v2-app .yu-legal-card-detail,
  body.yu-v2-admin .yu-legal-card-detail{padding:0 13px 14px 61px!important;font-size:12px!important}
}


/* ============================================================
   RESPONSIVE-ONLY HARDENING — GROUPS 1–3
   Existing markup, routes, controllers, JS and data behavior are
   intentionally untouched. This layer only controls sizing,
   wrapping, spacing and viewport behavior for mobile/tablet/desktop.
   ============================================================ */
:root{
  --yu-v2-header-h:64px;
}

/* Shared overflow protection for already-redesigned components. */
body.yu-v2-app .page-content > *,
body.yu-v2-admin .admin-content > *,
body.yu-v2-app .biz-wrap > *,
body.yu-v2-admin .biz-wrap > *,
body.yu-v2-app .messages-page > *,
body.yu-v2-admin .messages-page > *,
body.yu-v2-app .operation-center > *,
body.yu-v2-admin .operation-center > *{
  min-width:0!important;
}
body.yu-v2-app img,
body.yu-v2-admin img,
body.yu-v2-app svg,
body.yu-v2-admin svg,
body.yu-v2-app video,
body.yu-v2-admin video,
body.yu-v2-app canvas,
body.yu-v2-admin canvas{
  max-width:100%;
}
body.yu-v2-app input,
body.yu-v2-app select,
body.yu-v2-app textarea,
body.yu-v2-admin input,
body.yu-v2-admin select,
body.yu-v2-admin textarea{
  max-width:100%;
  min-width:0;
}

/* ========================= DESKTOP / TABLET ========================= */
@media (min-width:992px){
  body.yu-v2-app .main,
  body.yu-v2-admin .admin-main{
    min-width:0!important;
    overflow-x:hidden!important;
  }

  body.yu-v2-app .page-content{
    width:100%!important;
    max-width:none!important;
  }

  /* Common cards/grids must compress before they can force horizontal scroll. */
  body.yu-v2-app .biz-wrap,
  body.yu-v2-admin .biz-wrap{
    width:100%!important;
    max-width:1480px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body.yu-v2-app .biz-grid,
  body.yu-v2-admin .biz-grid{
    width:100%!important;
    min-width:0!important;
  }

  /* Laptop widths: keep the interface readable inside the space left
     beside the 260px sidebar. */
  @media (min-width:992px) and (max-width:1199px){
    body.yu-v2-app .page-content{padding-left:16px!important;padding-right:16px!important}
    body.yu-v2-admin .admin-content{padding-left:16px!important;padding-right:16px!important}

    body.yu-v2-app .biz-wrap,
    body.yu-v2-admin .biz-wrap{padding:14px!important}

    body.yu-v2-app .notification-dropdown.notification-center,
    body.yu-v2-admin .notification-dropdown.notification-center,
    body.yu-v2-admin #adminNotificationDropdown.notification-center{
      min-width:0!important;
      width:min(760px,calc(100vw - 278px))!important;
      max-width:calc(100vw - 278px)!important;
    }

    body.yu-v2-app .notification-center-layout,
    body.yu-v2-admin .notification-center-layout{
      grid-template-columns:minmax(250px,.95fr) minmax(250px,1.05fr)!important;
    }

    body.yu-v2-app .notification-filter-strip,
    body.yu-v2-admin .notification-filter-strip{
      grid-template-columns:minmax(0,1.2fr) minmax(100px,.8fr) minmax(92px,.7fr)!important;
    }

    body.yu-v2-app .oc-two-col,
    body.yu-v2-admin .oc-two-col{
      grid-template-columns:minmax(0,1fr) minmax(280px,.9fr)!important;
    }
  }

  /* 992px is also a common tablet landscape / small laptop breakpoint. */
  @media (min-width:992px) and (max-width:1040px){
    body.yu-v2-app .notification-dropdown.notification-center,
    body.yu-v2-admin .notification-dropdown.notification-center,
    body.yu-v2-admin #adminNotificationDropdown.notification-center{
      width:calc(100vw - 278px)!important;
      max-width:calc(100vw - 278px)!important;
    }
    body.yu-v2-app .notification-center-layout,
    body.yu-v2-admin .notification-center-layout{
      grid-template-columns:minmax(230px,1fr) minmax(230px,1fr)!important;
    }
  }
}

/* ========================= MOBILE ========================= */
@media (max-width:991px){
  html,body.yu-v2-app,body.yu-v2-admin,body.yu-v2-guest{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  body.yu-v2-app .main,
  body.yu-v2-admin .admin-main{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    overflow-x:hidden!important;
  }

  body.yu-v2-app .page-content{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
  body.yu-v2-admin .admin-content{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }

  /* Header must never consume more width than the viewport. */
  body.yu-v2-app .main>.topbar,
  body.yu-v2-admin .admin-topbar{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    left:0!important;
    right:0!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
  body.yu-v2-app .topbar-left,
  body.yu-v2-admin .admin-top-left,
  body.yu-v2-admin .admin-top-title-wrap{
    min-width:0!important;
    max-width:none!important;
  }

  /* Cards and component grids: one-column where the page is narrow. */
  body.yu-v2-app .biz-wrap,
  body.yu-v2-admin .biz-wrap{
    width:100%!important;
    max-width:100%!important;
    padding:10px!important;
    margin:0!important;
  }
  body.yu-v2-app .biz-grid,
  body.yu-v2-admin .biz-grid{
    width:100%!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  body.yu-v2-app .biz-col-12,
  body.yu-v2-app .biz-col-8,
  body.yu-v2-app .biz-col-6,
  body.yu-v2-app .biz-col-4,
  body.yu-v2-app .biz-col-3,
  body.yu-v2-admin .biz-col-12,
  body.yu-v2-admin .biz-col-8,
  body.yu-v2-admin .biz-col-6,
  body.yu-v2-admin .biz-col-4,
  body.yu-v2-admin .biz-col-3{
    grid-column:1 / -1!important;
    width:100%!important;
    min-width:0!important;
  }

  /* Messages: the page and chat body fill the available mobile viewport. */
  body.yu-v2-app .messages-page,
  body.yu-v2-admin .messages-page{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:calc(100dvh - var(--yu-v2-header-h) - 76px)!important;
    max-height:calc(100dvh - var(--yu-v2-header-h) - 76px)!important;
    overflow:hidden!important;
    padding:6px!important;
  }
  body.yu-v2-app.yu-message-chat-open .messages-page,
  body.yu-v2-admin.yu-message-chat-open .messages-page{
    height:calc(100dvh - var(--yu-v2-header-h))!important;
    max-height:calc(100dvh - var(--yu-v2-header-h))!important;
  }
  body.yu-v2-app .wa-shell,
  body.yu-v2-admin .wa-shell,
  body.yu-v2-app .wa-sidebar,
  body.yu-v2-admin .wa-sidebar,
  body.yu-v2-app .wa-main,
  body.yu-v2-admin .wa-main,
  body.yu-v2-app .wa-body,
  body.yu-v2-admin .wa-body,
  body.yu-v2-app .wa-compose,
  body.yu-v2-admin .wa-compose{
    min-width:0!important;
    max-width:100%!important;
  }
  body.yu-v2-app .wa-shell,
  body.yu-v2-admin .wa-shell{width:100%!important;height:100%!important}
  body.yu-v2-app .wa-bubble,
  body.yu-v2-admin .wa-bubble{max-width:88%!important;overflow-wrap:anywhere!important}
  body.yu-v2-app .wa-compose-form,
  body.yu-v2-admin .wa-compose-form{width:100%!important;min-width:0!important}
  body.yu-v2-app .wa-compose-form textarea,
  body.yu-v2-admin .wa-compose-form textarea{width:100%!important;min-width:0!important}

  /* Notification center: viewport panel on phones, without the old 680px floor. */
  body.yu-v2-app .notification-dropdown.notification-center,
  body.yu-v2-admin .notification-dropdown.notification-center,
  body.yu-v2-admin #adminNotificationDropdown.notification-center{
    min-width:0!important;
    width:auto!important;
    max-width:none!important;
    left:7px!important;
    right:7px!important;
    top:64px!important;
    bottom:7px!important;
    max-height:none!important;
  }
  body.yu-v2-app .notification-center-layout,
  body.yu-v2-admin .notification-center-layout{
    width:100%!important;
    min-width:0!important;
    grid-template-columns:1fr!important;
    grid-template-rows:1fr!important;
  }
  body.yu-v2-app .notification-list-pane,
  body.yu-v2-admin .notification-list-pane,
  body.yu-v2-app .notification-detail-pane,
  body.yu-v2-admin .notification-detail-pane{
    min-width:0!important;
    max-width:100%!important;
    width:100%!important;
  }
  body.yu-v2-app .notification-filter-strip,
  body.yu-v2-admin .notification-filter-strip{
    grid-template-columns:1fr!important;
  }
  body.yu-v2-app .notification-filter-search,
  body.yu-v2-admin .notification-filter-search{grid-column:auto!important}
  body.yu-v2-app .notification-panel-title,
  body.yu-v2-admin .notification-panel-title{
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    display:block!important;
  }
  body.yu-v2-app .notification-detail-content,
  body.yu-v2-admin .notification-detail-content,
  body.yu-v2-app .notification-context-content,
  body.yu-v2-admin .notification-context-content{
    min-width:0!important;
    max-width:100%!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
  }

  /* Location selector dropdowns stay inside the viewport. */
  body.yu-v2-app .canonical-location-menu,
  body.yu-v2-admin .canonical-location-menu{
    left:0!important;
    right:0!important;
    width:100%!important;
    max-width:100%!important;
    max-height:calc(100dvh - 150px)!important;
  }
  body.yu-v2-app .canonical-location-tabs,
  body.yu-v2-admin .canonical-location-tabs{
    flex-wrap:wrap!important;
  }
  body.yu-v2-app .canonical-location-tab,
  body.yu-v2-admin .canonical-location-tab{
    min-width:0!important;
  }

  /* Info sheet becomes a safe full-width bottom sheet. */
  body.yu-v2-app .yu-info-sheet-overlay,
  body.yu-v2-admin .yu-info-sheet-overlay{
    padding:0!important;
    align-items:flex-end!important;
  }
  body.yu-v2-app .yu-info-sheet,
  body.yu-v2-admin .yu-info-sheet{
    width:100%!important;
    max-width:100%!important;
    max-height:88dvh!important;
    border-radius:22px 22px 0 0!important;
  }

  /* Operation center / summary areas must collapse cleanly on phones. */
  body.yu-v2-app .oc-two-col,
  body.yu-v2-admin .oc-two-col,
  body.yu-v2-app .oc-person-grid,
  body.yu-v2-admin .oc-person-grid{
    grid-template-columns:1fr!important;
  }
  body.yu-v2-app .oc-summary,
  body.yu-v2-admin .oc-summary{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.yu-v2-app .oc-record,
  body.yu-v2-admin .oc-record{
    min-width:0!important;
  }

  /* Admin dropdowns remain inside the screen even on narrow devices. */
  body.yu-v2-admin .admin-user-dropdown{
    width:min(290px,calc(100vw - 16px))!important;
    max-width:calc(100vw - 16px)!important;
  }
}

@media (max-width:520px){
  body.yu-v2-app .page-content,
  body.yu-v2-admin .admin-content{padding-left:8px!important;padding-right:8px!important}
  body.yu-v2-app .biz-wrap,
  body.yu-v2-admin .biz-wrap{padding:8px!important}
  body.yu-v2-app .oc-summary,
  body.yu-v2-admin .oc-summary{grid-template-columns:1fr!important}
  body.yu-v2-app .notification-read-all,
  body.yu-v2-admin .notification-read-all{white-space:normal!important;text-align:center!important}
}

/* ---------- Group 3: public/legal/support desktop ---------- */
body.yu-v2-app .yu-public-document,
body.yu-v2-admin .yu-public-document,
body.yu-v2-app .yu-legal-app,
body.yu-v2-admin .yu-legal-app,
body.yu-v2-app .yu-support-frame,
body.yu-v2-admin .yu-support-frame{
  width:min(100%,780px)!important;
  max-width:780px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  min-width:0!important;
}

/* ---------- Group 3: legal page base visual shell (same markup) ---------- */
body.yu-v2-app .yu-legal-topbar,
body.yu-v2-admin .yu-legal-topbar{
  height:64px;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:6px;
  padding:0 12px;background:rgba(255,255,255,.97);border-bottom:1px solid #e3edf3;position:relative;z-index:5;
}
body.yu-v2-app .yu-legal-topbar h1,
body.yu-v2-admin .yu-legal-topbar h1{margin:0;text-align:center;font-size:20px;line-height:1.1;font-weight:900;color:var(--yu-v2-navy)}
body.yu-v2-app .yu-legal-back,
body.yu-v2-admin .yu-legal-back{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:var(--yu-v2-navy);text-decoration:none}
body.yu-v2-app .yu-legal-hero,
body.yu-v2-admin .yu-legal-hero{position:relative;height:330px;overflow:hidden;background:#dff1f8}
body.yu-v2-app .yu-legal-hero-bg,
body.yu-v2-admin .yu-legal-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 57%;display:block}
body.yu-v2-app .yu-legal-hero-overlay,
body.yu-v2-admin .yu-legal-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.9) 32%,rgba(255,255,255,.45) 60%,rgba(255,255,255,.04) 84%,rgba(0,0,0,.04) 100%)}
body.yu-v2-app .yu-legal-hero-copy,
body.yu-v2-admin .yu-legal-hero-copy{position:absolute;inset:0 0 auto 0;padding:22px 24px 0;z-index:2}
body.yu-v2-app .yu-legal-logo,
body.yu-v2-admin .yu-legal-logo{display:block;width:min(220px,54vw);max-height:82px;object-fit:contain;object-position:left center;margin-bottom:12px}
body.yu-v2-app .yu-legal-hero-copy h2,
body.yu-v2-admin .yu-legal-hero-copy h2{margin:0 0 7px;font-size:31px;line-height:1.05;font-weight:900;letter-spacing:-.5px;max-width:470px}
body.yu-v2-app .yu-legal-hero-copy p,
body.yu-v2-admin .yu-legal-hero-copy p{margin:0;max-width:470px;color:#55708e;font-size:14px;line-height:1.5}
body.yu-v2-app .yu-legal-hero-slogan,
body.yu-v2-admin .yu-legal-hero-slogan{position:absolute;right:10px;bottom:16px;width:min(240px,42%);height:auto;z-index:3;filter:drop-shadow(0 2px 2px rgba(0,0,0,.16))}
body.yu-v2-app .yu-legal-tabs,
body.yu-v2-admin .yu-legal-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 14px;background:#f6fbfe;border-bottom:1px solid #e5eef3}
body.yu-v2-app .yu-legal-tabs a,
body.yu-v2-admin .yu-legal-tabs a{min-width:0;text-align:center;padding:11px 10px;border:1px solid #dfeaf1;border-radius:13px;background:#fff;color:#55708e;text-decoration:none;font-size:12px;font-weight:900}
body.yu-v2-app .yu-legal-list,
body.yu-v2-admin .yu-legal-list{display:grid;gap:9px;padding:12px 14px;background:#f6fbfe}
body.yu-v2-app .yu-legal-card,
body.yu-v2-admin .yu-legal-card{overflow:hidden;background:#fff;border:1px solid #dfeaf1;border-radius:18px;box-shadow:0 4px 15px rgba(20,54,82,.035)}
body.yu-v2-app .yu-legal-card-head,
body.yu-v2-admin .yu-legal-card-head{width:100%;display:grid;grid-template-columns:56px minmax(0,1fr) 20px;gap:11px;align-items:center;padding:12px 11px;border:0;background:#fff;text-align:left;cursor:pointer}
body.yu-v2-app .yu-legal-icon,
body.yu-v2-admin .yu-legal-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:22px;background:#eaf3ff;color:#287be0}
body.yu-v2-app .yu-legal-icon-green,
body.yu-v2-admin .yu-legal-icon-green{background:#e6f8ee;color:#08975a}
body.yu-v2-app .yu-legal-icon-gold,
body.yu-v2-admin .yu-legal-icon-gold{background:#fff5de;color:#c88b0a}
body.yu-v2-app .yu-legal-icon-purple,
body.yu-v2-admin .yu-legal-icon-purple{background:#f1ebff;color:#7650cf}
body.yu-v2-app .yu-legal-icon-red,
body.yu-v2-admin .yu-legal-icon-red{background:#ffebef;color:#d42e45}
body.yu-v2-app .yu-legal-card-copy,
body.yu-v2-admin .yu-legal-card-copy{min-width:0;display:flex;flex-direction:column;gap:4px}
body.yu-v2-app .yu-legal-card-copy strong,
body.yu-v2-admin .yu-legal-card-copy strong{font-size:14px;line-height:1.2;color:var(--yu-v2-navy);font-weight:900}
body.yu-v2-app .yu-legal-card-copy>span,
body.yu-v2-admin .yu-legal-card-copy>span{font-size:11px;line-height:1.4;color:#6b8098}
body.yu-v2-app .yu-legal-card-chevron,
body.yu-v2-admin .yu-legal-card-chevron{color:#8ba0b6;font-size:11px}
body.yu-v2-app .yu-legal-card-detail,
body.yu-v2-admin .yu-legal-card-detail{padding:0 14px 15px 78px;color:#556f89;font-size:12px;line-height:1.6}
body.yu-v2-app .yu-legal-consent,
body.yu-v2-admin .yu-legal-consent{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px 18px;background:#f6fbfe}
body.yu-v2-app .yu-legal-consent label,
body.yu-v2-admin .yu-legal-consent label{display:flex;gap:8px;align-items:flex-start;min-width:0;color:#637b94;font-size:11px;line-height:1.4}
body.yu-v2-app .yu-legal-accept,
body.yu-v2-admin .yu-legal-accept{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:0 0 auto;min-height:40px;padding:0 14px;border-radius:12px;background:#0aae66;color:#fff;text-decoration:none;font-size:11px;font-weight:900}

/* ---------- Group 3: support page base visual shell ---------- */
body.yu-v2-app .yu-support-app-page,
body.yu-v2-admin .yu-support-app-page{width:100%;min-width:0;background:#f6fbfe}
body.yu-v2-app .yu-support-frame,
body.yu-v2-admin .yu-support-frame{overflow:hidden;background:#f6fbfe;border:1px solid #dfeaf1;border-radius:22px;box-shadow:0 18px 55px rgba(20,54,82,.08)}
body.yu-v2-app .yu-support-head,
body.yu-v2-admin .yu-support-head{height:64px;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:6px;padding:0 12px;background:rgba(255,255,255,.97);border-bottom:1px solid #e3edf3}
body.yu-v2-app .yu-support-back,
body.yu-v2-admin .yu-support-back{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:var(--yu-v2-navy);text-decoration:none}
body.yu-v2-app .yu-support-title,
body.yu-v2-admin .yu-support-title{margin:0;text-align:center;font-size:20px;line-height:1.1;font-weight:900;color:var(--yu-v2-navy)}
body.yu-v2-app .yu-support-hero,
body.yu-v2-admin .yu-support-hero{position:relative;height:290px;overflow:hidden;background:#dff1f8}
body.yu-v2-app .yu-support-hero-bg,
body.yu-v2-admin .yu-support-hero-bg{position:absolute;inset:0}
body.yu-v2-app .yu-support-hero-bg img,
body.yu-v2-admin .yu-support-hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center 58%;display:block}
body.yu-v2-app .yu-support-hero:after,
body.yu-v2-admin .yu-support-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.83) 33%,rgba(255,255,255,.28) 70%,rgba(255,255,255,.04) 100%)}
body.yu-v2-app .yu-support-hero-content,
body.yu-v2-admin .yu-support-hero-content{position:relative;z-index:2;height:100%;padding:22px 22px 0;display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
body.yu-v2-app .yu-support-brand,
body.yu-v2-admin .yu-support-brand{min-width:0}
body.yu-v2-app .yu-support-brand img,
body.yu-v2-admin .yu-support-brand img{display:block;width:min(210px,54vw);max-height:78px;object-fit:contain;object-position:left center}
body.yu-v2-app .yu-support-brand-tag,
body.yu-v2-admin .yu-support-brand-tag{margin-top:6px;color:#4f6b86;font-size:12px;font-weight:800}
body.yu-v2-app .yu-support-slogan,
body.yu-v2-admin .yu-support-slogan{max-width:260px;text-align:right;color:var(--yu-v2-navy);font-size:30px;line-height:1.05;font-weight:900;letter-spacing:-.6px}
body.yu-v2-app .yu-support-list,
body.yu-v2-admin .yu-support-list{display:grid;gap:9px;padding:12px 14px;background:#f6fbfe}
body.yu-v2-app .yu-support-card,
body.yu-v2-admin .yu-support-card{min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr) 22px;align-items:center;gap:10px;padding:12px;border:1px solid #dfeaf1;border-radius:18px;background:#fff;color:var(--yu-v2-navy);text-decoration:none;box-shadow:0 4px 14px rgba(20,54,82,.035)}
body.yu-v2-app .yu-support-icon,
body.yu-v2-admin .yu-support-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#eaf9f2;color:#0aae66}
body.yu-v2-app .yu-support-card-title,
body.yu-v2-admin .yu-support-card-title{min-width:0;font-size:13px;font-weight:900;overflow-wrap:anywhere}
body.yu-v2-app .yu-support-arrow,
body.yu-v2-admin .yu-support-arrow{color:#8ba0b6;font-size:11px}
body.yu-v2-app .yu-support-contact,
body.yu-v2-admin .yu-support-contact{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:12px;margin:3px 14px 12px;padding:14px;border:1px solid #cdeedc;border-radius:18px;background:linear-gradient(110deg,#e8fff1,#f4fffa)}
body.yu-v2-app .yu-support-contact-icon,
body.yu-v2-admin .yu-support-contact-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#d9f7e7;color:#0aae66;font-size:22px}
body.yu-v2-app .yu-support-contact h2,
body.yu-v2-admin .yu-support-contact h2{margin:0 0 3px;color:var(--yu-v2-navy);font-size:15px;font-weight:900}
body.yu-v2-app .yu-support-contact p,
body.yu-v2-admin .yu-support-contact p{margin:0;color:#60778f;font-size:11px;line-height:1.45}
body.yu-v2-app .yu-support-contact-btn,
body.yu-v2-admin .yu-support-contact-btn{border:0;border-radius:12px;background:#0aae66;color:#fff;padding:10px 14px;font-size:11px;font-weight:900;white-space:nowrap}
body.yu-v2-app .yu-support-modal,
body.yu-v2-admin .yu-support-modal{position:fixed;inset:0;z-index:6000}
body.yu-v2-app .yu-support-modal[hidden],
body.yu-v2-admin .yu-support-modal[hidden]{display:none!important}
body.yu-v2-app .yu-support-modal-backdrop,
body.yu-v2-admin .yu-support-modal-backdrop{position:absolute;inset:0;background:rgba(7,31,57,.5);backdrop-filter:blur(4px)}
body.yu-v2-app .yu-support-modal-card,
body.yu-v2-admin .yu-support-modal-card{position:relative;z-index:2;width:min(560px,calc(100% - 24px));max-height:88dvh;overflow:auto;margin:6vh auto 0;padding:22px;border:1px solid #dfeaf1;border-radius:22px;background:#fff;box-shadow:0 28px 70px rgba(7,31,57,.24)}
body.yu-v2-app .yu-support-modal-close,
body.yu-v2-admin .yu-support-modal-close{position:absolute;right:12px;top:12px;width:38px;height:38px;border:1px solid #dfeaf1;border-radius:11px;background:#f7fafc;color:var(--yu-v2-navy)}
body.yu-v2-app .yu-support-modal-icon,
body.yu-v2-admin .yu-support-modal-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#eaf9f2;color:#0aae66;font-size:20px;margin-bottom:9px}
body.yu-v2-app .yu-support-modal-card h2,
body.yu-v2-admin .yu-support-modal-card h2{margin:0 0 5px;color:var(--yu-v2-navy);font-size:20px}
body.yu-v2-app .yu-support-modal-card p,
body.yu-v2-admin .yu-support-modal-card p{margin:0 0 14px;color:#617892;font-size:12px;line-height:1.55}
body.yu-v2-app .yu-support-contact-form,
body.yu-v2-admin .yu-support-contact-form{display:grid;gap:9px}
body.yu-v2-app .yu-support-contact-form input,
body.yu-v2-admin .yu-support-contact-form input,
body.yu-v2-app .yu-support-contact-form textarea,
body.yu-v2-admin .yu-support-contact-form textarea{width:100%;min-width:0;border:1px solid #dfeaf1;border-radius:12px;padding:11px 12px;outline:0;background:#f9fbfd;color:var(--yu-v2-navy)}
body.yu-v2-app .yu-support-contact-submit,
body.yu-v2-admin .yu-support-contact-submit{border:0;border-radius:12px;padding:11px 13px;background:#0aae66;color:#fff;font-size:12px;font-weight:900}
body.yu-v2-app .yu-support-ticket-note,
body.yu-v2-admin .yu-support-ticket-note{margin-top:12px;padding-top:11px;border-top:1px solid #edf2f6;color:#71839a;font-size:11px;line-height:1.45}
body.yu-v2-app .yu-support-ticket-note a,
body.yu-v2-admin .yu-support-ticket-note a{color:#087446;font-weight:900;text-decoration:none}
body.yu-v2-app .yu-support-bottom,
body.yu-v2-admin .yu-support-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 16px 20px}
body.yu-v2-app .yu-support-bottom-slogan img,
body.yu-v2-admin .yu-support-bottom-slogan img{width:min(220px,54vw);height:auto}
body.yu-v2-app .yu-support-bottom-sign,
body.yu-v2-admin .yu-support-bottom-sign{display:flex;align-items:center;gap:7px;color:#71839a;font-size:11px;font-weight:800;text-align:right}

/* ---------- Group 3: public/legal/support mobile ---------- */
@media (max-width:760px){
  body.yu-v2-app .yu-public-document,
  body.yu-v2-admin .yu-public-document,
  body.yu-v2-app .yu-legal-app,
  body.yu-v2-admin .yu-legal-app,
  body.yu-v2-app .yu-support-frame,
  body.yu-v2-admin .yu-support-frame{
    width:100%!important;
    max-width:100%!important;
    border-radius:0!important;
    box-shadow:none!important;
  }

  body.yu-v2-app .yu-public-topbar,
  body.yu-v2-admin .yu-public-topbar,
  body.yu-v2-app .yu-legal-topbar,
  body.yu-v2-admin .yu-legal-topbar,
  body.yu-v2-app .yu-support-head,
  body.yu-v2-admin .yu-support-head{
    height:58px!important;
    min-height:58px!important;
    padding:0 9px!important;
  }
  body.yu-v2-app .yu-public-topbar h1,
  body.yu-v2-admin .yu-public-topbar h1,
  body.yu-v2-app .yu-legal-topbar h1,
  body.yu-v2-admin .yu-legal-topbar h1,
  body.yu-v2-app .yu-support-title,
  body.yu-v2-admin .yu-support-title{font-size:18px!important}

  body.yu-v2-app .yu-public-hero,
  body.yu-v2-admin .yu-public-hero{height:320px!important}
  body.yu-v2-app .yu-public-hero-copy,
  body.yu-v2-admin .yu-public-hero-copy{padding:17px 16px 0!important}
  body.yu-v2-app .yu-public-logo,
  body.yu-v2-admin .yu-public-logo{width:min(185px,52vw)!important;max-height:70px!important}
  body.yu-v2-app .yu-public-hero-copy h2,
  body.yu-v2-admin .yu-public-hero-copy h2{font-size:26px!important;max-width:86%!important}
  body.yu-v2-app .yu-public-hero-copy p,
  body.yu-v2-admin .yu-public-hero-copy p{font-size:12px!important;max-width:74%!important}
  body.yu-v2-app .yu-public-slogan,
  body.yu-v2-admin .yu-public-slogan{right:5px!important;bottom:12px!important;width:47%!important;max-width:180px!important}
  body.yu-v2-app .yu-public-hero-shield,
  body.yu-v2-admin .yu-public-hero-shield{right:14px!important;top:102px!important;width:66px!important;height:66px!important;border-radius:20px!important;font-size:31px!important}
  body.yu-v2-app .yu-public-card,
  body.yu-v2-admin .yu-public-card{margin:-4px 9px 13px!important;padding:15px!important;border-radius:18px!important}
  body.yu-v2-app .yu-public-card h2,
  body.yu-v2-admin .yu-public-card h2{font-size:22px!important}
  body.yu-v2-app .yu-public-rich,
  body.yu-v2-admin .yu-public-rich{font-size:13px!important;line-height:1.65!important}

  body.yu-v2-app .yu-legal-hero,
  body.yu-v2-admin .yu-legal-hero{height:305px!important}
  body.yu-v2-app .yu-legal-hero-copy,
  body.yu-v2-admin .yu-legal-hero-copy{padding:17px 16px 0!important}
  body.yu-v2-app .yu-legal-logo,
  body.yu-v2-admin .yu-legal-logo{width:min(180px,50vw)!important;max-height:68px!important}
  body.yu-v2-app .yu-legal-hero-copy h2,
  body.yu-v2-admin .yu-legal-hero-copy h2{font-size:25px!important;max-width:82%!important}
  body.yu-v2-app .yu-legal-hero-copy p,
  body.yu-v2-admin .yu-legal-hero-copy p{font-size:11px!important;max-width:78%!important}
  body.yu-v2-app .yu-legal-hero-slogan,
  body.yu-v2-admin .yu-legal-hero-slogan{right:4px!important;bottom:11px!important;width:48%!important;max-width:175px!important}
  body.yu-v2-app .yu-legal-tabs,
  body.yu-v2-admin .yu-legal-tabs{padding:8px 9px!important;gap:6px!important}
  body.yu-v2-app .yu-legal-tabs a,
  body.yu-v2-admin .yu-legal-tabs a{padding:10px 7px!important;font-size:10px!important}
  body.yu-v2-app .yu-legal-list,
  body.yu-v2-admin .yu-legal-list{padding:9px!important;gap:7px!important}
  body.yu-v2-app .yu-legal-card-head,
  body.yu-v2-admin .yu-legal-card-head{grid-template-columns:46px minmax(0,1fr) 18px!important;gap:8px!important;padding:10px 8px!important}
  body.yu-v2-app .yu-legal-icon,
  body.yu-v2-admin .yu-legal-icon{width:44px!important;height:44px!important;border-radius:13px!important;font-size:19px!important}
  body.yu-v2-app .yu-legal-card-copy strong,
  body.yu-v2-admin .yu-legal-card-copy strong{font-size:13px!important}
  body.yu-v2-app .yu-legal-card-copy>span,
  body.yu-v2-admin .yu-legal-card-copy>span{font-size:10px!important;line-height:1.35!important}
  body.yu-v2-app .yu-legal-card-detail,
  body.yu-v2-admin .yu-legal-card-detail{padding:0 10px 13px 54px!important;font-size:11px!important}
  body.yu-v2-app .yu-legal-consent,
  body.yu-v2-admin .yu-legal-consent{flex-direction:column!important;align-items:stretch!important;padding:10px 9px 16px!important}
  body.yu-v2-app .yu-legal-accept,
  body.yu-v2-admin .yu-legal-accept{width:100%!important}

  body.yu-v2-app .yu-support-hero,
  body.yu-v2-admin .yu-support-hero{height:265px!important}
  body.yu-v2-app .yu-support-hero-content,
  body.yu-v2-admin .yu-support-hero-content{padding:17px 16px 0!important;gap:8px!important}
  body.yu-v2-app .yu-support-brand img,
  body.yu-v2-admin .yu-support-brand img{width:min(175px,49vw)!important;max-height:64px!important}
  body.yu-v2-app .yu-support-brand-tag,
  body.yu-v2-admin .yu-support-brand-tag{font-size:10px!important}
  body.yu-v2-app .yu-support-slogan,
  body.yu-v2-admin .yu-support-slogan{font-size:24px!important;max-width:46%!important}
  body.yu-v2-app .yu-support-list,
  body.yu-v2-admin .yu-support-list{padding:9px!important;gap:7px!important}
  body.yu-v2-app .yu-support-card,
  body.yu-v2-admin .yu-support-card{grid-template-columns:38px minmax(0,1fr) 18px!important;gap:8px!important;padding:10px!important;border-radius:15px!important}
  body.yu-v2-app .yu-support-icon,
  body.yu-v2-admin .yu-support-icon{width:38px!important;height:38px!important;border-radius:12px!important}
  body.yu-v2-app .yu-support-card-title,
  body.yu-v2-admin .yu-support-card-title{font-size:11px!important;line-height:1.3!important}
  body.yu-v2-app .yu-support-contact,
  body.yu-v2-admin .yu-support-contact{grid-template-columns:42px minmax(0,1fr)!important;margin:2px 9px 9px!important;padding:11px!important;border-radius:15px!important}
  body.yu-v2-app .yu-support-contact-icon,
  body.yu-v2-admin .yu-support-contact-icon{width:42px!important;height:42px!important;border-radius:13px!important;font-size:18px!important}
  body.yu-v2-app .yu-support-contact h2,
  body.yu-v2-admin .yu-support-contact h2{font-size:13px!important}
  body.yu-v2-app .yu-support-contact p,
  body.yu-v2-admin .yu-support-contact p{font-size:10px!important}
  body.yu-v2-app .yu-support-contact-btn,
  body.yu-v2-admin .yu-support-contact-btn{grid-column:1 / -1!important;width:100%!important}
  body.yu-v2-app .yu-support-modal-card,
  body.yu-v2-admin .yu-support-modal-card{width:calc(100% - 16px)!important;max-height:90dvh!important;margin:5vh auto 0!important;padding:16px!important;border-radius:19px!important}
  body.yu-v2-app .yu-support-bottom,
  body.yu-v2-admin .yu-support-bottom{flex-direction:column!important;justify-content:center!important;padding:4px 9px 18px!important}
  body.yu-v2-app .yu-support-bottom-slogan img,
  body.yu-v2-admin .yu-support-bottom-slogan img{width:min(210px,68vw)!important}
  body.yu-v2-app .yu-support-bottom-sign,
  body.yu-v2-admin .yu-support-bottom-sign{text-align:center!important}
}

@media (max-width:380px){
  body.yu-v2-app .yu-public-hero-copy h2,
  body.yu-v2-admin .yu-public-hero-copy h2,
  body.yu-v2-app .yu-legal-hero-copy h2,
  body.yu-v2-admin .yu-legal-hero-copy h2{font-size:22px!important}
  body.yu-v2-app .yu-support-slogan,
  body.yu-v2-admin .yu-support-slogan{font-size:20px!important}
  body.yu-v2-app .yu-public-hero-copy p,
  body.yu-v2-admin .yu-public-hero-copy p,
  body.yu-v2-app .yu-legal-hero-copy p,
  body.yu-v2-admin .yu-legal-hero-copy p{max-width:70%!important}
}

/* ---------- Group 3: PUBLIC HELP /help responsive-only repair ----------
   Guest pages use body.yu-v2-guest, while the earlier support rules were
   limited to authenticated/admin shells. Keep the existing markup and JS;
   this block only supplies the missing responsive presentation. */
body.yu-v2-guest .yu-support-app-page{
  width:100%;
  min-width:0;
  min-height:100vh;
  margin:0;
  padding:clamp(12px,2.2vw,28px);
  background:#f4f9fc;
  box-sizing:border-box;
  overflow-x:hidden;
}
body.yu-v2-guest .yu-support-frame{
  width:min(1120px,100%);
  min-width:0;
  margin:0 auto;
  overflow:hidden;
  background:#f6fbfe;
  border:1px solid #dfeaf1;
  border-radius:24px;
  box-shadow:0 18px 55px rgba(20,54,82,.09);
  box-sizing:border-box;
}
body.yu-v2-guest .yu-support-head{
  min-height:64px;
  height:64px;
  display:grid;
  grid-template-columns:44px minmax(0,1fr) 44px;
  align-items:center;
  gap:8px;
  padding:0 14px;
  background:rgba(255,255,255,.98);
  border-bottom:1px solid #e3edf3;
  box-sizing:border-box;
}
body.yu-v2-guest .yu-support-back{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:12px;
  color:var(--yu-v2-navy);
  text-decoration:none;
  background:#f5f9fc;
}
body.yu-v2-guest .yu-support-title{
  min-width:0;
  margin:0;
  text-align:center;
  font-size:21px;
  line-height:1.15;
  font-weight:900;
  color:var(--yu-v2-navy);
}
body.yu-v2-guest .yu-support-spacer{display:block;width:40px;height:40px}
body.yu-v2-guest .yu-support-hero{
  position:relative;
  min-width:0;
  height:clamp(270px,28vw,340px);
  overflow:hidden;
  background:#dff1f8;
}
body.yu-v2-guest .yu-support-hero-bg{position:absolute;inset:0}
body.yu-v2-guest .yu-support-hero-bg img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center 58%;
}
body.yu-v2-guest .yu-support-hero:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.89) 42%,rgba(255,255,255,.34) 75%,rgba(255,255,255,.05) 100%);
  pointer-events:none;
}
body.yu-v2-guest .yu-support-hero-content{
  position:relative;
  z-index:2;
  width:100%;
  height:100%;
  box-sizing:border-box;
  padding:clamp(22px,3vw,34px) clamp(20px,4vw,42px) 0;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:clamp(18px,4vw,60px);
}
body.yu-v2-guest .yu-support-brand{min-width:0;max-width:50%}
body.yu-v2-guest .yu-support-brand img{
  display:block;
  width:min(250px,38vw);
  max-width:100%;
  max-height:90px;
  height:auto;
  object-fit:contain;
  object-position:left center;
}
body.yu-v2-guest .yu-support-brand-tag{
  margin-top:7px;
  color:#4f6b86;
  font-size:clamp(11px,1.2vw,13px);
  font-weight:800;
}
body.yu-v2-guest .yu-support-slogan{
  min-width:0;
  max-width:min(390px,42%);
  margin-top:8px;
  text-align:right;
  color:var(--yu-v2-navy);
  font-size:clamp(27px,3vw,38px);
  line-height:1.05;
  font-weight:900;
  letter-spacing:-.7px;
  overflow-wrap:anywhere;
}
body.yu-v2-guest .yu-support-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:11px;
  padding:16px;
  background:#f6fbfe;
  box-sizing:border-box;
}
body.yu-v2-guest .yu-support-card{
  min-width:0;
  min-height:68px;
  display:grid;
  grid-template-columns:46px minmax(0,1fr) 22px;
  align-items:center;
  gap:12px;
  padding:11px 13px;
  box-sizing:border-box;
  border:1px solid #dfeaf1;
  border-radius:17px;
  background:#fff;
  color:var(--yu-v2-navy);
  text-decoration:none;
  box-shadow:0 4px 14px rgba(20,54,82,.035);
}
body.yu-v2-guest .yu-support-icon{
  width:46px;
  height:46px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:#eaf9f2;
  color:#0aae66;
  flex:none;
}
body.yu-v2-guest .yu-support-card-title{
  min-width:0;
  font-size:13px;
  line-height:1.35;
  font-weight:900;
  overflow-wrap:anywhere;
}
body.yu-v2-guest .yu-support-arrow{
  color:#8ba0b6;
  font-size:11px;
  justify-self:end;
}
body.yu-v2-guest .yu-support-contact{
  display:grid;
  grid-template-columns:58px minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  margin:2px 16px 14px;
  padding:15px;
  box-sizing:border-box;
  border:1px solid #cdeedc;
  border-radius:18px;
  background:linear-gradient(110deg,#e8fff1,#f4fffa);
}
body.yu-v2-guest .yu-support-contact-icon{
  width:58px;
  height:58px;
  border-radius:17px;
  display:grid;
  place-items:center;
  background:#d9f7e7;
  color:#0aae66;
  font-size:24px;
}
body.yu-v2-guest .yu-support-contact h2{
  margin:0 0 4px;
  color:var(--yu-v2-navy);
  font-size:16px;
  line-height:1.2;
  font-weight:900;
}
body.yu-v2-guest .yu-support-contact p{
  margin:0;
  color:#60778f;
  font-size:12px;
  line-height:1.5;
}
body.yu-v2-guest .yu-support-contact-btn{
  border:0;
  border-radius:13px;
  background:#0aae66;
  color:#fff;
  padding:11px 16px;
  font-size:12px;
  line-height:1.2;
  font-weight:900;
  white-space:nowrap;
  cursor:pointer;
}
body.yu-v2-guest .yu-support-modal{
  position:fixed;
  inset:0;
  z-index:6000;
}
body.yu-v2-guest .yu-support-modal[hidden]{display:none!important}
body.yu-v2-guest .yu-support-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(7,31,57,.5);
  backdrop-filter:blur(4px);
}
body.yu-v2-guest .yu-support-modal-card{
  position:relative;
  z-index:2;
  width:min(560px,calc(100% - 32px));
  max-height:88dvh;
  overflow:auto;
  margin:7vh auto 0;
  padding:24px;
  box-sizing:border-box;
  border:1px solid #dfeaf1;
  border-radius:22px;
  background:#fff;
  box-shadow:0 28px 70px rgba(7,31,57,.24);
}
body.yu-v2-guest .yu-support-modal-close{
  position:absolute;
  right:12px;
  top:12px;
  width:38px;
  height:38px;
  border:1px solid #dfeaf1;
  border-radius:11px;
  background:#f7fafc;
  color:var(--yu-v2-navy);
  cursor:pointer;
}
body.yu-v2-guest .yu-support-modal-icon{
  width:48px;
  height:48px;
  border-radius:15px;
  display:grid;
  place-items:center;
  background:#eaf9f2;
  color:#0aae66;
  font-size:20px;
  margin-bottom:9px;
}
body.yu-v2-guest .yu-support-modal-card h2{margin:0 0 5px;color:var(--yu-v2-navy);font-size:20px;line-height:1.2}
body.yu-v2-guest .yu-support-modal-card p{margin:0 0 14px;color:#617892;font-size:12px;line-height:1.55}
body.yu-v2-guest .yu-support-contact-form{display:grid;gap:9px}
body.yu-v2-guest .yu-support-contact-form input,
body.yu-v2-guest .yu-support-contact-form textarea{
  width:100%;
  min-width:0;
  box-sizing:border-box;
  border:1px solid #dfeaf1;
  border-radius:12px;
  padding:11px 12px;
  outline:0;
  background:#f9fbfd;
  color:var(--yu-v2-navy);
}
body.yu-v2-guest .yu-support-contact-submit{
  border:0;
  border-radius:12px;
  padding:11px 13px;
  background:#0aae66;
  color:#fff;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
}
body.yu-v2-guest .yu-support-ticket-note{
  margin-top:12px;
  padding-top:11px;
  border-top:1px solid #edf2f6;
  color:#71839a;
  font-size:11px;
  line-height:1.45;
}
body.yu-v2-guest .yu-support-ticket-note a{color:#087446;font-weight:900;text-decoration:none}
body.yu-v2-guest .yu-support-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:4px 16px 20px;
  box-sizing:border-box;
}
body.yu-v2-guest .yu-support-bottom-slogan img{width:min(240px,34vw);height:auto;display:block}
body.yu-v2-guest .yu-support-bottom-sign{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  color:#71839a;
  font-size:11px;
  font-weight:800;
  text-align:right;
}

@media (max-width:900px){
  body.yu-v2-guest .yu-support-list{grid-template-columns:1fr}
  body.yu-v2-guest .yu-support-slogan{max-width:46%;font-size:30px}
  body.yu-v2-guest .yu-support-brand{max-width:48%}
}

@media (max-width:760px){
  body.yu-v2-guest .yu-support-app-page{
    padding:0;
    background:#f6fbfe;
  }
  body.yu-v2-guest .yu-support-frame{
    width:100%;
    max-width:none;
    border-radius:0;
    box-shadow:none;
    border-left:0;
    border-right:0;
  }
  body.yu-v2-guest .yu-support-head{
    height:58px;
    min-height:58px;
    padding:0 9px;
    grid-template-columns:40px minmax(0,1fr) 40px;
  }
  body.yu-v2-guest .yu-support-back,
  body.yu-v2-guest .yu-support-spacer{width:38px;height:38px}
  body.yu-v2-guest .yu-support-title{font-size:18px}
  body.yu-v2-guest .yu-support-hero{
    height:272px;
  }
  body.yu-v2-guest .yu-support-hero:after{
    background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.9) 48%,rgba(255,255,255,.35) 100%);
  }
  body.yu-v2-guest .yu-support-hero-content{
    padding:16px 15px 0;
    gap:8px;
  }
  body.yu-v2-guest .yu-support-brand{max-width:52%}
  body.yu-v2-guest .yu-support-brand img{width:min(180px,50vw);max-height:66px}
  body.yu-v2-guest .yu-support-brand-tag{font-size:10px;line-height:1.3}
  body.yu-v2-guest .yu-support-slogan{
    max-width:45%;
    margin-top:5px;
    font-size:24px;
    line-height:1.05;
  }
  body.yu-v2-guest .yu-support-list{padding:9px;gap:7px}
  body.yu-v2-guest .yu-support-card{
    min-height:60px;
    grid-template-columns:40px minmax(0,1fr) 18px;
    gap:8px;
    padding:9px 10px;
    border-radius:15px;
  }
  body.yu-v2-guest .yu-support-icon{width:40px;height:40px;border-radius:12px}
  body.yu-v2-guest .yu-support-card-title{font-size:12px;line-height:1.3}
  body.yu-v2-guest .yu-support-contact{
    grid-template-columns:44px minmax(0,1fr);
    gap:10px;
    margin:2px 9px 9px;
    padding:11px;
    border-radius:15px;
  }
  body.yu-v2-guest .yu-support-contact-icon{width:44px;height:44px;border-radius:13px;font-size:19px}
  body.yu-v2-guest .yu-support-contact h2{font-size:13px}
  body.yu-v2-guest .yu-support-contact p{font-size:10px}
  body.yu-v2-guest .yu-support-contact-btn{
    grid-column:1 / -1;
    width:100%;
    min-height:42px;
  }
  body.yu-v2-guest .yu-support-modal-card{
    width:calc(100% - 16px);
    max-height:90dvh;
    margin:5vh auto 0;
    padding:16px;
    border-radius:19px;
  }
  body.yu-v2-guest .yu-support-bottom{
    flex-direction:column;
    justify-content:center;
    padding:4px 9px 18px;
  }
  body.yu-v2-guest .yu-support-bottom-slogan img{width:min(210px,68vw)}
  body.yu-v2-guest .yu-support-bottom-sign{justify-content:center;text-align:center}
}

@media (max-width:380px){
  body.yu-v2-guest .yu-support-hero{height:252px}
  body.yu-v2-guest .yu-support-slogan{font-size:20px}
  body.yu-v2-guest .yu-support-card-title{font-size:11px}
  body.yu-v2-guest .yu-support-contact h2{font-size:12px}
}

@media (min-width:1440px){
  body.yu-v2-guest .yu-support-frame{width:min(1180px,100%)}
}

/* ============================================================
   GROUP 4 — AUTH (LOGIN / REGISTER) RESPONSIVE VISUAL LAYER
   Visual-only: existing markup, routes, forms and JS preserved.
   ============================================================ */
body.yu-v2-guest.auth-body-v2{
  min-height:100dvh!important;
  background:#eef6f4!important;
}
body.yu-v2-guest .auth-page-v2{
  position:relative!important;
  min-height:100dvh!important;
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:24px!important;
  overflow:auto!important;
  isolation:isolate!important;
}
body.yu-v2-guest .auth-bg-stable-v2{
  position:fixed!important;
  inset:0!important;
  z-index:-3!important;
  overflow:hidden!important;
  background:#dcefe7!important;
}
body.yu-v2-guest .auth-bg-stable-v2:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(110deg,rgba(247,253,251,.97) 0%,rgba(247,253,251,.88) 38%,rgba(239,250,246,.58) 68%,rgba(222,243,235,.34) 100%)!important;
}
body.yu-v2-guest .auth-bg-stable-v2 img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
  filter:saturate(.92)!important;
}
body.yu-v2-guest .auth-shell-v2{
  position:relative!important;
  z-index:1!important;
  width:min(1120px,100%)!important;
  min-height:660px!important;
  display:grid!important;
  grid-template-columns:76px minmax(0,520px) minmax(250px,1fr)!important;
  align-items:stretch!important;
  gap:18px!important;
  padding:18px!important;
  border:1px solid rgba(214,232,225,.95)!important;
  border-radius:30px!important;
  background:rgba(255,255,255,.86)!important;
  box-shadow:0 28px 90px rgba(9,40,92,.14)!important;
  backdrop-filter:blur(16px)!important;
  overflow:hidden!important;
}
body.yu-v2-guest .auth-rail-v2{
  min-width:0!important;
  border-radius:22px!important;
  padding:13px 9px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(180deg,#047857 0%,#059669 55%,#047a62 100%)!important;
  box-shadow:0 12px 34px rgba(7,120,87,.18)!important;
}
body.yu-v2-guest .auth-rail-v2 ul{
  width:100%!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
  display:grid!important;
  gap:8px!important;
}
body.yu-v2-guest .auth-rail-v2 li{margin:0!important;padding:0!important}
body.yu-v2-guest .auth-rail-v2 a{
  width:100%!important;
  aspect-ratio:1/1!important;
  display:grid!important;
  place-items:center!important;
  border-radius:15px!important;
  color:rgba(255,255,255,.78)!important;
  background:transparent!important;
  text-decoration:none!important;
  font-size:17px!important;
  transition:background .18s ease,color .18s ease,transform .18s ease!important;
}
body.yu-v2-guest .auth-rail-v2 a:hover,
body.yu-v2-guest .auth-rail-v2 a.active{
  color:#fff!important;
  background:rgba(255,255,255,.18)!important;
  transform:translateY(-1px)!important;
}
body.yu-v2-guest .auth-form-v2{
  min-width:0!important;
  min-height:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:18px 22px!important;
  background:rgba(255,255,255,.95)!important;
  border:1px solid #e2edf0!important;
  border-radius:24px!important;
}
body.yu-v2-guest .auth-form-inner-v2{
  width:min(100%,410px)!important;
  min-width:0!important;
  margin:0 auto!important;
}
body.yu-v2-guest .auth-logo-top-v2{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  min-height:76px!important;
  margin-bottom:6px!important;
}
body.yu-v2-guest .auth-logo-top-v2 img{
  display:block!important;
  width:min(220px,72vw)!important;
  max-width:100%!important;
  max-height:78px!important;
  object-fit:contain!important;
}
body.yu-v2-guest .auth-segment-tabs-v2{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:5px!important;
  padding:4px!important;
  margin:0 0 17px!important;
  border:1px solid #dfe9ed!important;
  border-radius:15px!important;
  background:#f5f9fb!important;
}
body.yu-v2-guest .auth-segment-tabs-v2 a{
  min-width:0!important;
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:8px 10px!important;
  border-radius:11px!important;
  color:#6e8299!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:900!important;
}
body.yu-v2-guest .auth-segment-tabs-v2 a.active{
  color:#fff!important;
  background:linear-gradient(135deg,#0aae66,#08a15d)!important;
  box-shadow:0 8px 18px rgba(10,174,102,.18)!important;
}
body.yu-v2-guest .auth-alert-v2{
  display:grid!important;
  grid-template-columns:22px minmax(0,1fr)!important;
  gap:8px!important;
  align-items:start!important;
  margin:0 0 13px!important;
  padding:11px 12px!important;
  border:1px solid #ffd9df!important;
  border-radius:14px!important;
  background:#fff5f6!important;
  color:#b4233a!important;
  font-size:12px!important;
  line-height:1.45!important;
}
body.yu-v2-guest .auth-alert-v2>i{margin-top:2px!important}
body.yu-v2-guest .auth-field-v2{margin:0 0 11px!important;min-width:0!important}
body.yu-v2-guest .auth-input-wrap-v2{
  position:relative!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  min-height:52px!important;
  border:1px solid #d9e5eb!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:0 3px 10px rgba(15,42,78,.03)!important;
  transition:border-color .18s ease,box-shadow .18s ease!important;
}
body.yu-v2-guest .auth-input-wrap-v2:focus-within{
  border-color:#72cfaa!important;
  box-shadow:0 0 0 4px rgba(10,174,102,.10)!important;
}
body.yu-v2-guest .auth-leading-v2{
  width:20px!important;
  min-width:20px!important;
  margin-left:15px!important;
  color:#7590a7!important;
  font-size:15px!important;
  text-align:center!important;
}
body.yu-v2-guest .auth-input-v2{
  min-width:0!important;
  width:100%!important;
  height:50px!important;
  padding:0 15px 0 11px!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#18345d!important;
  font-size:13px!important;
  font-weight:700!important;
}
body.yu-v2-guest .auth-input-v2::placeholder{color:#91a2b4!important;font-weight:600!important}
body.yu-v2-guest .auth-trailing-v2{
  flex:0 0 38px!important;
  width:38px!important;
  height:38px!important;
  margin-right:5px!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:11px!important;
  background:transparent!important;
  color:#71869c!important;
  cursor:pointer!important;
}
body.yu-v2-guest .auth-trailing-v2:hover{background:#f0f8f4!important;color:#087446!important}
body.yu-v2-guest .auth-helper-v2{display:flex!important;align-items:flex-start!important;gap:7px!important;margin:-2px 2px 13px!important;color:#71839a!important;font-size:10px!important;line-height:1.5!important}
body.yu-v2-guest .auth-helper-v2 i{color:#087446!important;margin-top:1px!important}
body.yu-v2-guest .auth-error-v2{
  margin:6px 2px 0!important;
  color:#d52f48!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1.4!important;
}
body.yu-v2-guest .auth-row-v2{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin:3px 0 14px!important;
}
body.yu-v2-guest .auth-check-v2,
body.yu-v2-guest .auth-legal-v2{
  min-width:0!important;
  display:flex!important;
  align-items:flex-start!important;
  gap:7px!important;
  color:#6f8298!important;
  font-size:11px!important;
  line-height:1.45!important;
}
body.yu-v2-guest .auth-check-v2 input,
body.yu-v2-guest .auth-legal-v2 input{
  flex:0 0 auto!important;
  width:16px!important;
  height:16px!important;
  margin:0!important;
  accent-color:#0aae66!important;
}
body.yu-v2-guest .auth-link-v2,
body.yu-v2-guest .auth-bottom-v2 a,
body.yu-v2-guest .auth-legal-v2 a{
  color:#087446!important;
  font-weight:900!important;
  text-decoration:none!important;
}
body.yu-v2-guest .auth-row-v2 .auth-link-v2{font-size:11px!important;white-space:nowrap!important}
body.yu-v2-guest .auth-legal-v2{margin:5px 0 14px!important}
body.yu-v2-guest .auth-btn-v2{
  width:100%!important;
  min-height:52px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  padding:10px 15px!important;
  border:1px solid #0aae66!important;
  border-radius:15px!important;
  background:linear-gradient(135deg,#0aae66,#08a15d)!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:900!important;
  box-shadow:0 12px 26px rgba(10,174,102,.18)!important;
  cursor:pointer!important;
}
body.yu-v2-guest .auth-btn-v2:hover{filter:brightness(.98)!important;transform:translateY(-1px)!important}
body.yu-v2-guest .auth-divider-v2{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:16px 0!important;
  color:#98a7b7!important;
  font-size:10px!important;
  font-weight:800!important;
}
body.yu-v2-guest .auth-divider-v2:before,
body.yu-v2-guest .auth-divider-v2:after{
  content:""!important;
  height:1px!important;
  flex:1 1 auto!important;
  background:#e2eaf0!important;
}
body.yu-v2-guest .auth-bottom-v2{
  color:#71839a!important;
  font-size:11px!important;
  line-height:1.55!important;
  text-align:center!important;
}
body.yu-v2-guest .auth-slogan-v2{
  align-self:end!important;
  min-width:0!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  padding:24px 10px 18px!important;
}
body.yu-v2-guest .auth-slogan-v2 img{
  width:min(360px,100%)!important;
  max-height:170px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 8px 15px rgba(12,48,74,.12))!important;
}
body.yu-v2-guest .auth-register-page-v2 .auth-shell-v2{
  min-height:690px!important;
}
body.yu-v2-guest .auth-register-page-v2 .auth-form-v2{
  align-items:flex-start!important;
  overflow:auto!important;
  padding-top:24px!important;
  padding-bottom:24px!important;
}
body.yu-v2-guest .auth-register-page-v2 .auth-form-inner-v2{padding-bottom:4px!important}

@media (max-width:1050px){
  body.yu-v2-guest .auth-shell-v2{
    width:min(980px,100%)!important;
    grid-template-columns:68px minmax(0,500px) minmax(180px,1fr)!important;
    gap:13px!important;
    padding:13px!important;
  }
  body.yu-v2-guest .auth-slogan-v2 img{width:min(300px,100%)!important}
}

@media (max-width:820px){
  body.yu-v2-guest .auth-page-v2{
    align-items:flex-start!important;
    padding:14px!important;
  }
  body.yu-v2-guest .auth-shell-v2{
    width:100%!important;
    min-height:0!important;
    grid-template-columns:64px minmax(0,1fr)!important;
    gap:12px!important;
  }
  body.yu-v2-guest .auth-slogan-v2{display:none!important}
  body.yu-v2-guest .auth-form-v2{padding:22px 18px!important}
  body.yu-v2-guest .auth-register-page-v2 .auth-form-v2{max-height:none!important}
}

@media (max-width:640px){
  body.yu-v2-guest.auth-body-v2{background:#f3f8fc!important}
  body.yu-v2-guest .auth-page-v2{
    min-height:100dvh!important;
    padding:0!important;
    align-items:stretch!important;
  }
  body.yu-v2-guest .auth-bg-stable-v2:after{
    background:linear-gradient(180deg,rgba(247,253,251,.98) 0%,rgba(247,253,251,.96) 55%,rgba(239,250,246,.92) 100%)!important;
  }
  body.yu-v2-guest .auth-shell-v2{
    width:100%!important;
    min-height:100dvh!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    overflow:visible!important;
  }
  body.yu-v2-guest .auth-rail-v2{display:none!important}
  body.yu-v2-guest .auth-form-v2{
    min-height:100dvh!important;
    width:100%!important;
    border:0!important;
    border-radius:0!important;
    background:rgba(255,255,255,.96)!important;
    padding:24px 16px calc(26px + env(safe-area-inset-bottom))!important;
    align-items:flex-start!important;
  }
  body.yu-v2-guest .auth-form-inner-v2{
    width:min(100%,440px)!important;
    margin:0 auto!important;
  }
  body.yu-v2-guest .auth-logo-top-v2{
    min-height:68px!important;
    margin-bottom:5px!important;
  }
  body.yu-v2-guest .auth-logo-top-v2 img{width:min(190px,62vw)!important;max-height:68px!important}
  body.yu-v2-guest .auth-segment-tabs-v2{margin-bottom:15px!important}
  body.yu-v2-guest .auth-input-wrap-v2{min-height:50px!important}
  body.yu-v2-guest .auth-input-v2{height:48px!important;font-size:13px!important}
  body.yu-v2-guest .auth-btn-v2{min-height:50px!important}
  body.yu-v2-guest .auth-row-v2{align-items:flex-start!important;flex-wrap:wrap!important}
  body.yu-v2-guest .auth-row-v2 .auth-link-v2{white-space:normal!important}
  body.yu-v2-guest .auth-bottom-v2{padding-bottom:4px!important}
}

@media (max-width:380px){
  body.yu-v2-guest .auth-form-v2{padding-left:11px!important;padding-right:11px!important}
  body.yu-v2-guest .auth-logo-top-v2 img{width:min(175px,60vw)!important}
  body.yu-v2-guest .auth-segment-tabs-v2 a{min-height:40px!important;font-size:12px!important}
  body.yu-v2-guest .auth-input-wrap-v2{min-height:48px!important}
  body.yu-v2-guest .auth-input-v2{font-size:12px!important}
  body.yu-v2-guest .auth-check-v2,
  body.yu-v2-guest .auth-legal-v2,
  body.yu-v2-guest .auth-row-v2 .auth-link-v2,
  body.yu-v2-guest .auth-bottom-v2{font-size:10px!important}
}

/* ============================================================
   GROUP 6 CORRECTION — DESKTOP NOTIFICATION SIDE PANEL
   Visual/positioning fix only. Keeps existing notification logic.
   Desktop: notification center stays beside the top action area
   as a viewport-level panel instead of following document flow.
   Mobile: existing full-screen/single-pane behavior is preserved.
   ============================================================ */
@media (min-width:992px){
  body.yu-v2-app .notification-dropdown.notification-center,
  body.yu-v2-admin .notification-dropdown.notification-center,
  body.yu-v2-admin #adminNotificationDropdown.notification-center{
    position:fixed !important;
    top:78px !important;
    right:74px !important;
    left:auto !important;
    bottom:auto !important;
    width:min(900px,calc(100vw - 320px)) !important;
    min-width:620px !important;
    max-width:900px !important;
    height:min(650px,calc(100vh - 104px)) !important;
    max-height:none !important;
    margin:0 !important;
    z-index:5000 !important;
    transform:none !important;
    overflow:hidden !important;
  }
}
@media (min-width:992px) and (max-width:1199px){
  body.yu-v2-app .notification-dropdown.notification-center,
  body.yu-v2-admin .notification-dropdown.notification-center,
  body.yu-v2-admin #adminNotificationDropdown.notification-center{
    right:18px !important;
    width:calc(100vw - 300px) !important;
    min-width:0 !important;
    max-width:calc(100vw - 300px) !important;
    height:calc(100vh - 104px) !important;
  }
}
@media (max-width:991px){
  body.yu-v2-app .notification-dropdown.notification-center,
  body.yu-v2-admin .notification-dropdown.notification-center,
  body.yu-v2-admin #adminNotificationDropdown.notification-center{
    position:fixed !important;
    top:64px !important;
    right:8px !important;
    left:8px !important;
    bottom:8px !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    height:auto !important;
    max-height:none !important;
    transform:none !important;
    margin:0 !important;
  }
}


/* ============================================================
   GROUP 6 CORRECTION #2 — notification is a true side panel
   Desktop placement is calculated by the topbar JS next to the
   notification button. Mobile remains a full-width sheet.
   ============================================================ */
@media (min-width:992px){
  body.yu-v2-app .notification-dropdown.notification-center,
  body.yu-v2-admin .notification-dropdown.notification-center,
  body.yu-v2-admin #adminNotificationDropdown.notification-center{
    position:fixed!important;
    bottom:auto!important;
    margin:0!important;
    transform:none!important;
    z-index:5000!important;
    width:min(900px,calc(100vw - 24px))!important;
    min-width:620px!important;
    max-width:calc(100vw - 24px)!important;
    height:min(650px,calc(100vh - 28px))!important;
    max-height:none!important;
    overflow:hidden!important;
  }
}
@media (min-width:992px) and (max-width:1280px){
  body.yu-v2-app .notification-dropdown.notification-center,
  body.yu-v2-admin .notification-dropdown.notification-center,
  body.yu-v2-admin #adminNotificationDropdown.notification-center{
    min-width:0!important;
    width:min(760px,calc(100vw - 24px))!important;
  }
}
@media (max-width:991px){
  body.yu-v2-app .notification-dropdown.notification-center,
  body.yu-v2-admin .notification-dropdown.notification-center,
  body.yu-v2-admin #adminNotificationDropdown.notification-center{
    position:fixed!important;
    top:64px!important;
    right:8px!important;
    left:8px!important;
    bottom:8px!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    max-height:none!important;
    transform:none!important;
    margin:0!important;
  }
}

/* Passenger search: use YolunÜstü V2 green identity instead of legacy blue. */
body.yu-v2-app .driver-search-page .driver-search-hero{
  background:linear-gradient(135deg,#062f25 0%,#08784f 56%,#0aae66 100%)!important;
  box-shadow:0 12px 30px rgba(7,77,54,.14)!important;
}
body.yu-v2-app .driver-search-page .driver-search-input:focus,
body.yu-v2-app .driver-search-page .canonical-location-search-input:focus{
  border-color:#0aae66!important;
  box-shadow:0 0 0 4px rgba(10,174,102,.14)!important;
}
body.yu-v2-app .driver-search-page .driver-search-submit{
  color:#067647!important;
}
body.yu-v2-app .driver-search-page .driver-search-live-region.is-loading::after{
  background:#eaf8f1!important;
  color:#08784f!important;
  border-color:#cfeee0!important;
}
body.yu-v2-app .driver-search-page .driver-time-match{
  border-color:#ccebdd!important;
  background:#eff8f3!important;
}

/* Reservation compact — responsive embedded fragment */
body.yu-v2-app .oc-related-popup-body .reservation-compact,
body.yu-v2-admin .oc-related-popup-body .reservation-compact{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}


/* =============================================================
   GROUP 9 — DRIVER REQUESTS / RESPONSIVE V2 VISUAL LAYER
   Visual-only overrides. Existing markup, actions, routes and JS are preserved.
   ============================================================= */
body.yu-v2-app .driver-requests-page,
body.yu-v2-app .driver-request-v31{
  --g9-navy:#09285c;
  --g9-green:#0aae66;
  --g9-green-dark:#087c4b;
  --g9-green-soft:#eaf8f1;
  --g9-green-soft-2:#f1fbf6;
  --g9-line:#dfe8e2;
  --g9-text:#18324f;
  --g9-muted:#74869a;
}

body.yu-v2-app .driver-requests-page,
body.yu-v2-app .driver-request-v31{
  color:var(--g9-text)!important;
}

/* Driver request list */
body.yu-v2-app .driver-requests-page .driver-requests-hero{
  background:linear-gradient(135deg,var(--g9-navy) 0%, #0b3f72 58%, var(--g9-green) 100%)!important;
  border-color:rgba(10,174,102,.30)!important;
  box-shadow:0 16px 36px rgba(9,40,92,.12)!important;
}
body.yu-v2-app .driver-requests-page .driver-requests-eyebrow{
  color:#bff5da!important;
}
body.yu-v2-app .driver-requests-page .driver-requests-summary-card{
  background:#fff!important;
  border-color:var(--g9-line)!important;
  box-shadow:0 7px 18px rgba(9,40,92,.05)!important;
}
body.yu-v2-app .driver-requests-page .driver-requests-summary-label,
body.yu-v2-app .driver-requests-page .driver-requests-summary-value{
  color:var(--g9-text)!important;
  -webkit-text-fill-color:var(--g9-text)!important;
}
body.yu-v2-app .driver-requests-page .driver-requests-section-title{color:var(--g9-navy)!important}
body.yu-v2-app .driver-requests-page .driver-request-card,
body.yu-v2-app .driver-requests-page .driver-application-card{
  border-color:var(--g9-line)!important;
  box-shadow:0 9px 24px rgba(9,40,92,.055)!important;
}
body.yu-v2-app .driver-requests-page .driver-request-icon,
body.yu-v2-app .driver-requests-page .driver-application-icon,
body.yu-v2-app .driver-requests-page .driver-empty-icon{
  background:var(--g9-green-soft)!important;
  color:var(--g9-green)!important;
}
body.yu-v2-app .driver-requests-page .driver-request-route h3,
body.yu-v2-app .driver-requests-page .driver-application-title{color:var(--g9-text)!important}
body.yu-v2-app .driver-requests-page .driver-request-view{
  background:var(--g9-green)!important;
  border-color:var(--g9-green)!important;
  color:#fff!important;
  box-shadow:0 7px 15px rgba(10,174,102,.16)!important;
}
body.yu-v2-app .driver-requests-page .driver-request-view:hover{
  background:var(--g9-green-dark)!important;
  border-color:var(--g9-green-dark)!important;
}
body.yu-v2-app .driver-requests-page .driver-request-footer .fa-comment-dots{
  color:var(--g9-green)!important;
}
body.yu-v2-app .driver-requests-page .driver-requests-alert{
  border-color:#bfe9d4!important;
  background:var(--g9-green-soft)!important;
  color:var(--g9-green-dark)!important;
}
body.yu-v2-app .driver-requests-page .driver-request-status.responded{background:#edf8f2!important;color:#0b8a57!important}

/* Driver request detail */
body.yu-v2-app .driver-request-v31{
  width:100%!important;
  max-width:1240px!important;
  margin:0 auto!important;
  padding:14px 18px 38px!important;
}
body.yu-v2-app .driver-request-v31 .drv31-summary-card,
body.yu-v2-app .driver-request-v31 .drv31-contact-card,
body.yu-v2-app .driver-request-v31 .drv31-accordion{
  border-color:var(--g9-line)!important;
  box-shadow:0 9px 24px rgba(9,40,92,.055)!important;
}
body.yu-v2-app .driver-request-v31 .drv31-route-arrow{color:var(--g9-green)!important}
body.yu-v2-app .driver-request-v31 .drv31-price{
  background:var(--g9-green-soft-2)!important;
  border-color:#cfeede!important;
}
body.yu-v2-app .driver-request-v31 .drv31-price strong{color:var(--g9-navy)!important}
body.yu-v2-app .driver-request-v31 .drv31-btn-primary,
body.yu-v2-app .driver-request-v31 .drv31-btn-success{
  background:var(--g9-green)!important;
  border-color:var(--g9-green)!important;
  color:#fff!important;
}
body.yu-v2-app .driver-request-v31 .drv31-btn-primary:hover,
body.yu-v2-app .driver-request-v31 .drv31-btn-success:hover{
  background:var(--g9-green-dark)!important;
  border-color:var(--g9-green-dark)!important;
}
body.yu-v2-app .driver-request-v31 .drv31-btn:hover{color:var(--g9-green-dark)!important}
body.yu-v2-app .driver-request-v31 .drv31-contact-copy span,
body.yu-v2-app .driver-request-v31 .drv31-summary-left i,
body.yu-v2-app .driver-request-v31 .drv31-summary-left i,
body.yu-v2-app .driver-request-v31 .drv31-avatar{color:var(--g9-green)!important}
body.yu-v2-app .driver-request-v31 .drv31-avatar{background:var(--g9-green-soft)!important}
body.yu-v2-app .driver-request-v31 .drv31-input:focus{
  border-color:#6fd2a4!important;
  box-shadow:0 0 0 3px rgba(10,174,102,.10)!important;
}
body.yu-v2-app .driver-request-v31 .drv31-trip-note{
  background:var(--g9-green-soft-2)!important;
  border-color:#cfeede!important;
}

/* Breakpoints: keep content readable instead of shrinking it into desktop proportions. */
@media (min-width:1200px){
  body.yu-v2-app .driver-requests-page{padding-left:24px!important;padding-right:24px!important}
  body.yu-v2-app .driver-request-v31{padding-left:24px!important;padding-right:24px!important}
  body.yu-v2-app .driver-requests-page .driver-request-card{min-height:220px}
}

@media (max-width:900px){
  body.yu-v2-app .driver-requests-page .driver-requests-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.yu-v2-app .driver-requests-page .driver-request-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media (max-width:760px){
  body.yu-v2-app .driver-requests-page{padding:10px 10px 28px!important}
  body.yu-v2-app .driver-requests-page .driver-requests-hero{padding:16px!important;border-radius:16px!important}
  body.yu-v2-app .driver-requests-page .driver-requests-title{font-size:24px!important}
  body.yu-v2-app .driver-requests-page .driver-requests-copy{font-size:12px!important}
  body.yu-v2-app .driver-requests-page .driver-requests-summary{grid-template-columns:1fr 1fr!important}
  body.yu-v2-app .driver-requests-page .driver-request-card,
  body.yu-v2-app .driver-requests-page .driver-application-card{border-radius:15px!important}
  body.yu-v2-app .driver-requests-page .driver-request-top{padding:13px!important}
  body.yu-v2-app .driver-requests-page .driver-request-body{padding:0 13px 13px!important}
  body.yu-v2-app .driver-requests-page .driver-request-stats{grid-template-columns:1fr 1fr!important}
  body.yu-v2-app .driver-requests-page .driver-request-footer{flex-direction:column!important;align-items:stretch!important}
  body.yu-v2-app .driver-requests-page .driver-request-view{width:100%!important;min-height:42px!important}
  body.yu-v2-app .driver-requests-page .driver-application-row{padding:13px!important}
  body.yu-v2-app .driver-request-v31{padding:8px 10px 30px!important}
  body.yu-v2-app .driver-request-v31 .drv31-summary-card{grid-template-columns:1fr!important;padding:14px!important;gap:11px!important}
  body.yu-v2-app .driver-request-v31 .drv31-route{font-size:22px!important;line-height:1.18!important;flex-wrap:wrap!important}
  body.yu-v2-app .driver-request-v31 .drv31-summary-side{min-width:0!important}
  body.yu-v2-app .driver-request-v31 .drv31-summary-meta{grid-template-columns:1fr 1fr!important}
  body.yu-v2-app .driver-request-v31 .drv31-summary-meta>div:last-child{grid-column:1/-1}
  body.yu-v2-app .driver-request-v31 .drv31-decision-actions{grid-template-columns:1fr 1fr!important}
  body.yu-v2-app .driver-request-v31 .drv31-actions{grid-template-columns:1fr 1fr!important}
  body.yu-v2-app .driver-request-v31 .drv31-contact-card{align-items:center!important}
  body.yu-v2-app .driver-request-v31 .drv31-data-grid{grid-template-columns:1fr!important}
  body.yu-v2-app .driver-request-v31 .drv31-data-wide{grid-column:auto!important}
}

@media (max-width:430px){
  body.yu-v2-app .driver-requests-page .driver-requests-summary{grid-template-columns:1fr!important}
  body.yu-v2-app .driver-requests-page .driver-request-stats{grid-template-columns:1fr!important}
  body.yu-v2-app .driver-requests-page .driver-request-route h3{font-size:14px!important}
  body.yu-v2-app .driver-request-v31 .drv31-route{font-size:20px!important}
  body.yu-v2-app .driver-request-v31 .drv31-summary-meta{grid-template-columns:1fr!important}
  body.yu-v2-app .driver-request-v31 .drv31-summary-meta>div:last-child{grid-column:auto!important}
  body.yu-v2-app .driver-request-v31 .drv31-decision-actions,
  body.yu-v2-app .driver-request-v31 .drv31-actions{grid-template-columns:1fr!important}
  body.yu-v2-app .driver-request-v31 .drv31-contact-card{align-items:flex-start!important;flex-direction:column!important}
  body.yu-v2-app .driver-request-v31 .drv31-contact-card>.drv31-btn{width:100%!important}
}

/* ============================================================
   YOLUNÜSTÜ V2 — STANDARD LIST CARD
   Visual-only normalization for existing list/repeated cards.
   Existing markup, routes, backend and JS are untouched.
   ============================================================ */
:root{
  --yu-v2-standard-card-bg:#fff;
  --yu-v2-standard-card-line:#dfe9ef;
  --yu-v2-standard-card-shadow:0 7px 20px rgba(9,40,92,.06);
  --yu-v2-standard-green:#0aae66;
  --yu-v2-standard-navy:#09285c;
}

body.yu-v2-app .passenger-trip-mobile-card,
body.yu-v2-app .driver-result-card,
body.yu-v2-app .driver-request-card,
body.yu-v2-app .driver-application-card,
body.yu-v2-app .temp-trip-card,
body.yu-v2-app .vehicle-mobile-card,
body.yu-v2-app .trip-reservation-card,
body.yu-v2-app .operation-mobile-card,
body.yu-v2-app .pickup-summary-card,
body.yu-v2-app .review-summary-card,
body.yu-v2-app .capability-card,
body.yu-v2-app .history-card,
body.yu-v2-app .rating-panel,
body.yu-v2-app .ratings-card,
body.yu-v2-app .support-ticket-card,
body.yu-v2-admin .driver-result-card,
body.yu-v2-admin .driver-request-card,
body.yu-v2-admin .driver-application-card,
body.yu-v2-admin .temp-trip-card,
body.yu-v2-admin .vehicle-mobile-card,
body.yu-v2-admin .trip-reservation-card,
body.yu-v2-admin .operation-mobile-card,
body.yu-v2-admin .pickup-summary-card,
body.yu-v2-admin .review-summary-card,
body.yu-v2-admin .capability-card,
body.yu-v2-admin .history-card,
body.yu-v2-admin .rating-panel,
body.yu-v2-admin .ratings-card,
body.yu-v2-admin .support-ticket-card{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid var(--yu-v2-standard-card-line)!important;
  border-radius:16px!important;
  background:var(--yu-v2-standard-card-bg)!important;
  box-shadow:var(--yu-v2-standard-card-shadow)!important;
}

/* The accepted reference card uses one consistent green side rail. */
body.yu-v2-app .passenger-trip-mobile-card::before,
body.yu-v2-app .driver-result-card::before,
body.yu-v2-app .driver-request-card::before,
body.yu-v2-app .driver-application-card::before,
body.yu-v2-app .temp-trip-card::before,
body.yu-v2-app .vehicle-mobile-card::before,
body.yu-v2-app .trip-reservation-card::before,
body.yu-v2-app .operation-mobile-card::before,
body.yu-v2-app .pickup-summary-card::before,
body.yu-v2-app .review-summary-card::before,
body.yu-v2-app .capability-card::before,
body.yu-v2-app .support-ticket-card::before,
body.yu-v2-admin .driver-result-card::before,
body.yu-v2-admin .driver-request-card::before,
body.yu-v2-admin .driver-application-card::before,
body.yu-v2-admin .temp-trip-card::before,
body.yu-v2-admin .vehicle-mobile-card::before,
body.yu-v2-admin .trip-reservation-card::before,
body.yu-v2-admin .operation-mobile-card::before,
body.yu-v2-admin .pickup-summary-card::before,
body.yu-v2-admin .review-summary-card::before,
body.yu-v2-admin .capability-card::before,
body.yu-v2-admin .support-ticket-card::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:4px!important;
  background:var(--yu-v2-standard-green)!important;
  z-index:0!important;
}

body.yu-v2-app .passenger-trip-mobile-card > *,
body.yu-v2-app .driver-result-card > *,
body.yu-v2-app .driver-request-card > *,
body.yu-v2-app .driver-application-card > *,
body.yu-v2-app .temp-trip-card > *,
body.yu-v2-app .vehicle-mobile-card > *,
body.yu-v2-app .trip-reservation-card > *,
body.yu-v2-app .operation-mobile-card > *,
body.yu-v2-app .pickup-summary-card > *,
body.yu-v2-app .review-summary-card > *,
body.yu-v2-app .capability-card > *,
body.yu-v2-app .support-ticket-card > *,
body.yu-v2-admin .driver-result-card > *,
body.yu-v2-admin .driver-request-card > *,
body.yu-v2-admin .driver-application-card > *,
body.yu-v2-admin .temp-trip-card > *,
body.yu-v2-admin .vehicle-mobile-card > *,
body.yu-v2-admin .trip-reservation-card > *,
body.yu-v2-admin .operation-mobile-card > *,
body.yu-v2-admin .pickup-summary-card > *,
body.yu-v2-admin .review-summary-card > *,
body.yu-v2-admin .capability-card > *,
body.yu-v2-admin .support-ticket-card > *{
  position:relative!important;
  z-index:1!important;
}

/* Existing trip/request cards already have a side rail; normalize its color. */
body.yu-v2-app .trip-mobile-card,
body.yu-v2-admin .trip-mobile-card,
body.yu-v2-app .request-mobile-card,
body.yu-v2-admin .request-mobile-card{
  border-color:var(--yu-v2-standard-card-line)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:var(--yu-v2-standard-card-shadow)!important;
}
body.yu-v2-app .trip-mobile-status-bar,
body.yu-v2-admin .trip-mobile-status-bar{
  width:4px!important;
  background:var(--yu-v2-standard-green)!important;
}

/* Text hierarchy follows the accepted reference card. */
body.yu-v2-app .passenger-trip-mobile-card,
body.yu-v2-app .driver-result-card,
body.yu-v2-app .driver-request-card,
body.yu-v2-app .driver-application-card,
body.yu-v2-app .temp-trip-card,
body.yu-v2-app .vehicle-mobile-card,
body.yu-v2-app .trip-reservation-card,
body.yu-v2-app .operation-mobile-card,
body.yu-v2-app .pickup-summary-card,
body.yu-v2-app .review-summary-card,
body.yu-v2-app .capability-card,
body.yu-v2-admin .driver-result-card,
body.yu-v2-admin .driver-request-card,
body.yu-v2-admin .driver-application-card,
body.yu-v2-admin .temp-trip-card,
body.yu-v2-admin .vehicle-mobile-card,
body.yu-v2-admin .trip-reservation-card,
body.yu-v2-admin .operation-mobile-card,
body.yu-v2-admin .pickup-summary-card,
body.yu-v2-admin .review-summary-card,
body.yu-v2-admin .capability-card{
  color:var(--yu-v2-navy)!important;
}

body.yu-v2-app .passenger-trip-mobile-card .trip-mobile-route,
body.yu-v2-app .driver-result-card strong,
body.yu-v2-app .driver-request-card strong,
body.yu-v2-app .driver-application-card strong,
body.yu-v2-app .temp-trip-card strong,
body.yu-v2-app .vehicle-mobile-card strong,
body.yu-v2-app .trip-reservation-card strong,
body.yu-v2-app .operation-mobile-card strong,
body.yu-v2-app .pickup-summary-card strong,
body.yu-v2-app .review-summary-card strong,
body.yu-v2-app .capability-card strong,
body.yu-v2-admin .driver-result-card strong,
body.yu-v2-admin .driver-request-card strong,
body.yu-v2-admin .driver-application-card strong,
body.yu-v2-admin .temp-trip-card strong,
body.yu-v2-admin .vehicle-mobile-card strong,
body.yu-v2-admin .trip-reservation-card strong,
body.yu-v2-admin .operation-mobile-card strong,
body.yu-v2-admin .pickup-summary-card strong,
body.yu-v2-admin .review-summary-card strong,
body.yu-v2-admin .capability-card strong{
  color:var(--yu-v2-standard-navy)!important;
}

/* Semantic status pills keep meaning, but use the V2 green family when positive. */
body.yu-v2-app .trip-status.active,
body.yu-v2-app .trip-status.assigned,
body.yu-v2-app .status.completed,
body.yu-v2-app .request-price,
body.yu-v2-admin .status.completed,
body.yu-v2-admin .request-price{
  background:#e8f8f0!important;
  border-color:#c8ead8!important;
  color:#087c4b!important;
}

@media (max-width: 700px){
  body.yu-v2-app .driver-result-card,
  body.yu-v2-app .driver-request-card,
  body.yu-v2-app .driver-application-card,
  body.yu-v2-app .temp-trip-card,
  body.yu-v2-app .vehicle-mobile-card,
  body.yu-v2-app .trip-reservation-card,
  body.yu-v2-app .operation-mobile-card,
  body.yu-v2-app .pickup-summary-card,
  body.yu-v2-app .review-summary-card,
  body.yu-v2-app .capability-card,
  body.yu-v2-app .passenger-trip-mobile-card,
  body.yu-v2-admin .driver-result-card,
  body.yu-v2-admin .driver-request-card,
  body.yu-v2-admin .driver-application-card,
  body.yu-v2-admin .temp-trip-card,
  body.yu-v2-admin .vehicle-mobile-card,
  body.yu-v2-admin .trip-reservation-card,
  body.yu-v2-admin .operation-mobile-card,
  body.yu-v2-admin .pickup-summary-card,
  body.yu-v2-admin .review-summary-card,
  body.yu-v2-admin .capability-card{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }
}

/* YU V2 STANDARD CARD — approved reference card; visual layer only. */
.yu-v2-standard-card-page .yu-standard-card,
.yu-standard-card-page .yu-standard-card,
.yu25-res-page .yu-standard-card,
.driver-requests-page .yu-standard-card,
.yu25-driver-res-page .yu-standard-card{
  position:relative!important;display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important;
  padding:14px 12px 14px 17px!important;margin:0 0 8px!important;
  border:1px solid var(--yu-v2-line,#dbe6ee)!important;border-radius:15px!important;
  background:#fff!important;box-shadow:0 7px 20px rgba(16,35,63,.045)!important;
  text-decoration:none!important;color:inherit!important;overflow:hidden!important;cursor:pointer!important;
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease!important;
}
.yu-v2-standard-card-page .yu-standard-card:hover,
.yu-standard-card-page .yu-standard-card:hover,
.yu25-res-page .yu-standard-card:hover,
.driver-requests-page .yu-standard-card:hover,
.yu25-driver-res-page .yu-standard-card:hover{transform:translateY(-1px)!important;border-color:#c8d8d5!important;box-shadow:0 10px 24px rgba(10,174,102,.09)!important}
.yu-standard-card-bar{position:absolute!important;left:0!important;top:0!important;bottom:0!important;width:4px!important;background:var(--yu-v2-green,#0aae66)!important;border-radius:0 6px 6px 0!important}
.yu-standard-card-main{min-width:0!important;flex:1 1 auto!important}
.yu-standard-card-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;min-width:0!important}
.yu-standard-card-id{font-size:11px!important;font-weight:850!important;color:var(--yu-v2-muted,#71839a)!important;white-space:nowrap!important}
.yu-standard-route{margin-top:6px!important;font-size:18px!important;font-weight:900!important;line-height:1.2!important;color:var(--yu-v2-navy,#09285c)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.yu-standard-route span{margin:0 5px!important;color:#88a0b5!important}
.yu-standard-meta{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important;margin-top:7px!important;font-size:10px!important;color:#647a92!important;line-height:1.3!important}
.yu-standard-meta span{display:inline-flex!important;align-items:center!important;gap:4px!important;min-width:0!important}
.yu-standard-meta i{font-size:9px!important;color:#6d8198!important}
.yu-standard-summary{display:flex!important;align-items:center!important;gap:5px!important;flex-wrap:wrap!important;margin-top:7px!important;font-size:10px!important;font-weight:750!important;color:#405a73!important}
.yu-standard-card-more{width:34px!important;height:34px!important;flex:0 0 34px!important;display:grid!important;place-items:center!important;border:1px solid var(--yu-v2-line,#dbe6ee)!important;border-radius:10px!important;background:#fff!important;color:var(--yu-v2-navy,#09285c)!important}
.yu-standard-card-more i{font-size:10px!important}
.yu-standard-card .yu25-status{font-size:9px!important;padding:5px 9px!important}
@media(min-width:761px){
  .yu25-res-page .yu-standard-card, .driver-requests-page .yu-standard-card, .yu25-driver-res-page .yu-standard-card{padding:16px 16px 16px 19px!important}
  .yu-standard-route{font-size:19px!important}
  .yu-standard-card-more{width:36px!important;height:36px!important;flex-basis:36px!important}
}
@media(max-width:560px){
  .yu25-res-page .yu-standard-card, .driver-requests-page .yu-standard-card, .yu25-driver-res-page .yu-standard-card{padding:13px 10px 13px 16px!important;border-radius:14px!important}
  .yu-standard-route{font-size:16px!important}
  .yu-standard-meta{gap:7px!important;font-size:9px!important}
  .yu-standard-summary{font-size:9px!important}
  .yu-standard-card-id{font-size:10px!important}
  .yu-standard-card-more{width:32px!important;height:32px!important;flex-basis:32px!important;border-radius:9px!important}
}
/* Standard card refinements — same approved Səfərlərim card language across reservation/request lists. */
.driver-requests-page .driver-requests-grid{grid-template-columns:1fr!important;gap:8px!important}
.yu-standard-card .yu25-status.pending{background:#fff5df!important;color:#b46908!important}
.yu-standard-card .yu25-status.responded{background:#eaf8f1!important;color:#087c4b!important}
.yu-standard-card .yu25-status.accepted{background:#e6fff3!important;color:#087c4b!important}
.yu-standard-card .yu25-status.rejected{background:#fff0f0!important;color:#c43131!important}
.yu-standard-card .yu25-status.yu25-status-success{background:#eaf8f1!important;color:#087c4b!important}
.yu-standard-card .yu25-status.yu25-status-warning{background:#fff5df!important;color:#b46908!important}
.yu-standard-card .yu25-status.yu25-status-danger{background:#fff0f0!important;color:#c43131!important}
.yu-standard-card .yu25-status.yu25-status-info{background:#e6fff3!important;color:#0a9b60!important}
.yu-standard-card .yu25-status.yu25-status-neutral{background:#f1f4f7!important;color:#647a92!important}
.yu-standard-card .yu25-status{border:0!important}

/* Driver request listings: use the approved standard listing card on desktop and mobile. */
.driver-search-page .driver-result-grid{grid-template-columns:1fr!important;gap:8px!important}
.driver-search-page .driver-result-card.yu-standard-card{width:100%!important;max-width:none!important;min-width:0!important}