/* layout_corner shared styles — extracted from layout_corner.ctp inline <style> to allow browser caching (served via static_host with ?v=). */
  .profit-highlight {
    background: linear-gradient(45deg, #2ecc71, #3498db);
    color: white;
    padding: 4px 10px;
    border-radius: 6px;
    margin-left: 12px;
    font-size: 0.9em;
    font-weight: 600;
    letter-spacing: 0.5px;
    font-family: Arial, sans-serif;
    animation: pulse 2s infinite;
    display: inline-block;
    box-shadow: 0 2px 6px rgba(0,0,0,0.25);
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
  }
  
  @keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.03); }
    100% { transform: scale(1); }
  }

  .navbar.navbar-inverse.mobile_padding_left{
    min-height:56px;
    background:#1b212b !important;
    border:0;
    border-bottom:1px solid rgba(255,255,255,.12) !important;
    box-shadow:0 2px 14px rgba(17,24,39,.16);
    backdrop-filter:saturate(180%) blur(12px);
    -webkit-backdrop-filter:saturate(180%) blur(12px);
  }
  .navbar.navbar-inverse.mobile_padding_left .container{
    min-height:56px;
  }
  .navbar.navbar-inverse .nav-menu-medium-show,
  .navbar.navbar-inverse .nav-menu-small-show,
  .navbar.navbar-inverse .nav-menu-xsmall-show{
    display:none !important;
  }
  @media (max-width:1699px) and (min-width:992px){
    .navbar.navbar-inverse .nav-menu-medium-hide,
    .navbar.navbar-inverse .nav-menu-small-hide{
      display:none !important;
    }
    .navbar.navbar-inverse .nav-menu-medium-show,
    .navbar.navbar-inverse .nav-menu-small-show{
      display:block !important;
    }
  }
  @media (max-width:1299px) and (min-width:992px){
    .navbar.navbar-inverse .nav-menu-xsmall-hide{
      display:none !important;
    }
    .navbar.navbar-inverse .nav-menu-xsmall-show{
      display:block !important;
    }
  }
  @media (min-width:992px){
    .navbar.navbar-inverse.mobile_padding_left > .container{
      display:flex;
      align-items:center;
      width:94%;
      max-width:none;
    }
    .navbar.navbar-inverse .navbar-header{
      flex:0 0 auto;
    }
    .navbar.navbar-inverse .navbar-collapse{
      display:flex !important;
      align-items:center;
      flex:1 1 auto;
      min-width:0;
      padding-left:0;
      padding-right:0;
    }
    .navbar.navbar-inverse .navbar-nav{
      display:flex;
      align-items:center;
      flex-wrap:nowrap;
      float:none;
      margin:0;
    }
    .navbar.navbar-inverse .navbar-nav > li{
      float:none;
      flex:0 0 auto;
    }
    .navbar.navbar-inverse .navbar-collapse > .navbar-nav:first-child{
      flex:1 1 auto;
      min-width:0;
    }
    .navbar.navbar-inverse .navbar-right{
      flex:0 0 auto;
      margin-left:auto;
      margin-right:0;
    }
    .navbar.navbar-inverse .navbar-nav > li.dropdown:hover > .dropdown-menu,
    .navbar.navbar-inverse .navbar-nav > li.dropdown:focus-within > .dropdown-menu{
      display:block;
    }
    .navbar.navbar-inverse .navbar-nav > li.dropdown:hover > a,
    .navbar.navbar-inverse .navbar-nav > li.dropdown:focus-within > a{
      background:rgba(96,165,250,.14) !important;
      color:#fff !important;
      box-shadow:inset 0 0 0 1px rgba(147,197,253,.14);
    }
    .navbar.navbar-inverse .dropdown-submenu{
      position:relative;
    }
    .navbar.navbar-inverse .dropdown-submenu > .dropdown-menu{
      top:-7px;
      left:100%;
      margin-top:0;
      margin-left:6px;
    }
    .navbar.navbar-inverse .navbar-nav > li.dropdown > .dropdown-menu:before{
      content:"";
      position:absolute;
      left:0;
      right:0;
      top:-8px;
      height:8px;
      background:transparent;
    }
    .navbar.navbar-inverse .dropdown-submenu > .dropdown-menu:before{
      content:"";
      position:absolute;
      top:0;
      bottom:0;
      left:-8px;
      width:8px;
      background:transparent;
    }
    .navbar.navbar-inverse .dropdown-submenu:hover > .dropdown-menu,
    .navbar.navbar-inverse .dropdown-submenu:focus-within > .dropdown-menu{
      display:block;
    }
  }
  .navbar.navbar-inverse .navbar-brand.navbar-logo{
    display:flex;
    align-items:center;
    gap:4px;
    height:56px;
    padding:0 18px 0 0;
    color:#fff !important;
    font-size:18px;
    font-weight:800;
    letter-spacing:0;
    line-height:24px;
    text-shadow:none;
  }
  .navbar.navbar-inverse .tc-navbar-mark-img{
    display:block;
    width:32px;
    height:32px;
    object-fit:contain;
    flex:0 0 auto;
  }
  .navbar.navbar-inverse .tc-navbar-logo-img{
    display:block;
    width:auto;
    height:18px;
    max-width:156px;
    object-fit:contain;
  }
  .navbar.navbar-inverse .navbar-nav > li > a{
    margin:10px 1px;
    padding:8px 10px;
    border-radius:8px;
    color:rgba(255,255,255,.76) !important;
    font-size:13px;
    font-weight:700;
    line-height:20px;
    white-space:nowrap;
    text-shadow:none;
    transition:background-color .14s ease,color .14s ease,box-shadow .14s ease;
  }
  .navbar.navbar-inverse .navbar-nav > li > a:hover,
  .navbar.navbar-inverse .navbar-nav > li > a:focus{
    background:rgba(96,165,250,.12) !important;
    color:#fff !important;
  }
  .navbar.navbar-inverse a:focus,
  .navbar.navbar-inverse button:focus{
    outline:none !important;
    outline-offset:0 !important;
  }
  .navbar.navbar-inverse .navbar-nav > .active > a,
  .navbar.navbar-inverse .navbar-nav > .active > a:hover,
  .navbar.navbar-inverse .navbar-nav > .active > a:focus,
  .navbar.navbar-inverse .navbar-nav > .open > a,
  .navbar.navbar-inverse .navbar-nav > .open > a:hover,
  .navbar.navbar-inverse .navbar-nav > .open > a:focus{
    background:rgba(96,165,250,.14) !important;
    color:#fff !important;
    box-shadow:none !important;
  }
  .navbar.navbar-inverse .navbar-nav > li > a .caret{
    border-top-color:currentColor;
    border-bottom-color:currentColor;
    margin-left:5px;
  }
  .navbar.navbar-inverse .tc-mobile-nav-link{
    display:inline-flex !important;
    position:relative;
    align-items:center;
    gap:5px;
    margin:10px 4px;
    padding:8px 38px 8px 10px !important;
    border:0;
    border-radius:7px;
    background:transparent !important;
    color:rgba(255,255,255,.82) !important;
    font-weight:700;
    line-height:20px;
    letter-spacing:0;
  }
  .navbar.navbar-inverse .tc-mobile-nav-link:hover,
  .navbar.navbar-inverse .tc-mobile-nav-link:focus{
    background:rgba(96,165,250,.12) !important;
    color:#fff !important;
  }
  .navbar.navbar-inverse .tc-app-icon{
    color:#60a5fa;
    font-size:18px;
    line-height:1;
    transform:translateY(-1px);
  }
  .navbar.navbar-inverse .tc-app-text{
    color:inherit;
  }
  .navbar.navbar-inverse .tc-app-new-badge{
    display:inline-flex;
    position:absolute;
    top:3px;
    right:1px;
    align-items:center;
    justify-content:center;
    height:14px;
    min-width:26px;
    padding:0 4px;
    border:1px solid rgba(96,165,250,.38);
    border-radius:999px;
    background:rgba(96,165,250,.14);
    color:#dbeafe;
    font-size:9px;
    font-weight:800;
    line-height:14px;
    letter-spacing:0;
  }
  .navbar.navbar-inverse .tc-mobile-nav-link:hover .tc-app-new-badge,
  .navbar.navbar-inverse .tc-mobile-nav-link:focus .tc-app-new-badge{
    border-color:rgba(147,197,253,.52);
    background:rgba(96,165,250,.22);
    color:#fff;
  }
  .navbar.navbar-inverse .tc-nav-new-badge{
    display:inline-flex;
    position:absolute;
    top:1px;
    right:-8px;
    align-items:center;
    justify-content:center;
    min-width:24px;
    height:15px;
    padding:0 5px;
    border-radius:999px;
    background:#ef4444;
    color:#fff;
    font-size:10px;
    font-weight:800;
    line-height:15px;
    text-transform:uppercase;
    vertical-align:middle;
  }
  .navbar.navbar-inverse .dropdown-menu{
    min-width:210px;
    margin-top:6px;
    padding:7px;
    border:1px solid rgba(226,232,240,.95);
    border-radius:10px;
    background:#fff;
    box-shadow:0 14px 34px rgba(15,23,42,.14);
  }
  .navbar.navbar-inverse .dropdown-menu > li > a{
    padding:8px 10px;
    border-radius:7px;
    color:#33405c;
    font-size:13px;
    font-weight:600;
    line-height:1.35;
  }
  .navbar.navbar-inverse .dropdown-menu > li > a:hover,
  .navbar.navbar-inverse .dropdown-menu > li > a:focus,
  .navbar.navbar-inverse .dropdown-menu > .active > a{
    background:#f2f5fa;
    color:#244fa8;
  }
  .navbar.navbar-inverse .dropdown-menu > li.tc-nav-section{
    padding:7px 10px 5px;
    color:#7b8496;
    font-size:11px;
    font-weight:800;
    letter-spacing:.04em;
    line-height:1.2;
    text-transform:uppercase;
    white-space:nowrap;
  }
  .navbar.navbar-inverse .dropdown-menu .divider{
    margin:6px 4px;
    background:#eef1f5;
  }
  .navbar.navbar-inverse .dropdown-menu.tc-prediction-menu{
    min-width:300px;
    padding:9px;
  }
  .navbar.navbar-inverse .dropdown-menu.tc-prediction-menu > li.tc-nav-section{
    margin:4px 4px 0;
    padding:9px 12px 6px;
    border:1px solid #e4eaf4;
    border-bottom:0;
    border-radius:9px 9px 0 0;
  }
  .navbar.navbar-inverse .dropdown-menu.tc-prediction-menu > li.tc-premium-section{
    background:#fff4d8;
    border-color:#f1d58e;
    color:#7c5a0a;
  }
  .navbar.navbar-inverse .dropdown-menu.tc-prediction-menu > li.tc-free-section{
    background:#eef5ff;
    border-color:#d6e4fb;
    color:#385b91;
  }
  .navbar.navbar-inverse .dropdown-menu.tc-prediction-menu > li.tc-expert-section{
    background:#eafaf1;
    border-color:#bfe9d2;
    color:#1f6b46;
  }
  .navbar.navbar-inverse .dropdown-menu.tc-prediction-menu > li.tc-nav-item > a{
    margin:0 4px;
    padding:9px 12px;
    border-right:1px solid #e4eaf4;
    border-left:1px solid #e4eaf4;
    border-radius:0;
    line-height:1.35;
  }
  .navbar.navbar-inverse .dropdown-menu.tc-prediction-menu > li.tc-nav-item + li.tc-nav-item > a{
    border-top:1px solid rgba(15,23,42,.06);
  }
  .navbar.navbar-inverse .dropdown-menu.tc-prediction-menu > li.tc-nav-group-end > a{
    border-bottom:1px solid #e4eaf4;
    border-radius:0 0 9px 9px;
  }
  .navbar.navbar-inverse .dropdown-menu.tc-prediction-menu > li.tc-premium-item > a{
    background:#fffaf0;
    border-color:#f1d58e;
    color:#514018;
  }
  .navbar.navbar-inverse .dropdown-menu.tc-prediction-menu > li.tc-free-item > a{
    background:#f7faff;
    border-color:#d6e4fb;
    color:#2f456d;
  }
  .navbar.navbar-inverse .dropdown-menu.tc-prediction-menu > li.tc-expert-item > a{
    background:#f4fcf8;
    border-color:#bfe9d2;
    color:#1d5e3e;
  }
  .navbar.navbar-inverse .dropdown-menu.tc-prediction-menu > li.tc-premium-item > a:hover,
  .navbar.navbar-inverse .dropdown-menu.tc-prediction-menu > li.tc-premium-item > a:focus{
    background:#fff1cb;
    color:#3f300f;
  }
  .navbar.navbar-inverse .dropdown-menu.tc-prediction-menu > li.tc-free-item > a:hover,
  .navbar.navbar-inverse .dropdown-menu.tc-prediction-menu > li.tc-free-item > a:focus{
    background:#eaf2ff;
    color:#244fa8;
  }
  .navbar.navbar-inverse .dropdown-menu.tc-prediction-menu > li.tc-expert-item > a:hover,
  .navbar.navbar-inverse .dropdown-menu.tc-prediction-menu > li.tc-expert-item > a:focus{
    background:#e6f7ee;
    color:#134e30;
  }
  .navbar.navbar-inverse .dropdown-menu.tc-prediction-menu .divider{
    margin:10px 4px;
    background:transparent;
  }
  .navbar.navbar-inverse .navbar-toggle{
    position:relative;
    width:44px;
    height:34px;
    margin-top:11px;
    margin-bottom:11px;
    padding:8px 10px;
    border:1px solid rgba(147,197,253,.22);
    border-radius:8px;
    background:rgba(96,165,250,.10);
  }
  .navbar.navbar-inverse .navbar-toggle .icon-bar{
    background:#fff;
    transition:transform .18s ease, opacity .18s ease;
    transform-origin:center;
  }
  .navbar.navbar-inverse .navbar-toggle:not(.collapsed){
    background:rgba(96,165,250,.20);
    border-color:rgba(191,219,254,.36);
  }
  .navbar.navbar-inverse .navbar-toggle:not(.collapsed) .icon-bar:nth-of-type(2){
    transform:translateY(6px) rotate(45deg);
  }
  .navbar.navbar-inverse .navbar-toggle:not(.collapsed) .icon-bar:nth-of-type(3){
    opacity:0;
  }
  .navbar.navbar-inverse .navbar-toggle:not(.collapsed) .icon-bar:nth-of-type(4){
    transform:translateY(-6px) rotate(-45deg);
  }
  .navbar.navbar-inverse .navbar-toggle:hover,
  .navbar.navbar-inverse .navbar-toggle:focus{
    background:rgba(96,165,250,.16);
  }
  .navbar.navbar-inverse .tc-auth-btn,
  .navbar.navbar-inverse .navbar-nav>li>a.tc-auth-btn{
    margin:9px 4px;
    padding:9px 18px;
    background:#1d4ed8 !important;
    color:#fff !important;
    border-radius:999px;
    box-shadow:0 5px 14px rgba(29,78,216,.22);
  }
  .navbar.navbar-inverse .tc-auth-btn:hover,
  .navbar.navbar-inverse .navbar-nav>li>a.tc-auth-btn:hover{
    background:#2563eb !important;
    color:#fff !important;
  }
  .tc-flash-region{
    max-width:1040px;
    margin:14px auto 12px;
    padding:0 15px;
  }
  .tc-flash-region:empty{
    display:none;
  }
  .tc-flash-region .alert{
    position:relative;
    margin:0;
    padding:12px 42px 12px 44px;
    border:0;
    border-radius:8px;
    background:#f7f9fc;
    color:#475569;
    box-shadow:0 6px 18px rgba(15,23,42,.06);
    font-size:14px;
    font-weight:500;
    line-height:1.45;
  }
  .tc-flash-region .alert:before{
    position:absolute;
    top:14px;
    left:16px;
    width:16px;
    height:16px;
    border-radius:50%;
    background:#94a3b8;
    color:#fff;
    content:"!";
    font-size:11px;
    font-weight:700;
    line-height:16px;
    text-align:center;
  }
  .tc-flash-region .alert-danger{
    background:#fff8f8;
    color:#4b5563;
  }
  .tc-flash-region .alert-danger:before{
    background:#f87171;
  }
  .tc-flash-region .alert-success{
    background:#f6fbf7;
    color:#345044;
  }
  .tc-flash-region .alert-success:before{
    background:#34d399;
    content:"+";
  }
  .tc-flash-region .alert-warning{
    background:#fffaf0;
    color:#665236;
  }
  .tc-flash-region .alert-warning:before{
    background:#fbbf24;
  }
  .tc-flash-region .alert .close{
    position:absolute;
    top:10px;
    right:13px;
    color:inherit;
    opacity:.46;
    text-shadow:none;
  }
  .tc-flash-region .alert .close:hover,
  .tc-flash-region .alert .close:focus{
    opacity:.72;
  }
  @media (max-width:991px){
    .navbar.navbar-inverse.mobile_padding_left > .container{
      width:100%;
    }
    .navbar.navbar-inverse .navbar-header{
      float:none;
    }
    .navbar.navbar-inverse .navbar-toggle{
      display:block;
    }
    .navbar.navbar-inverse .navbar-collapse.collapse{
      display:none !important;
    }
    .navbar.navbar-inverse .navbar-collapse.collapse.in,
    .navbar.navbar-inverse .navbar-collapse.collapsing{
      display:block !important;
    }
    .navbar.navbar-inverse .navbar-brand.navbar-logo{
      padding-left:12px;
      padding-right:12px;
      gap:4px;
    }
    .navbar.navbar-inverse .tc-navbar-mark-img{
      width:30px;
      height:30px;
    }
    .navbar.navbar-inverse .tc-navbar-logo-img{
      height:20px;
      max-width:172px;
    }
    .navbar.navbar-inverse .navbar-collapse{
      border-top:1px solid rgba(148,163,184,.16);
      background:#1b212b;
      box-shadow:0 10px 26px rgba(17,24,39,.14);
      max-height:calc(100vh - 56px);
      overflow-y:auto !important;
      padding:8px 12px 14px;
    }
    .navbar.navbar-inverse .nav-menu-medium-hide,
    .navbar.navbar-inverse .nav-menu-small-hide,
    .navbar.navbar-inverse .nav-menu-xsmall-hide{
      display:block !important;
    }
    .navbar.navbar-inverse .nav-menu-medium-show,
    .navbar.navbar-inverse .nav-menu-small-show,
    .navbar.navbar-inverse .nav-menu-xsmall-show{
      display:none !important;
    }
    .navbar.navbar-inverse .navbar-nav{
      float:none !important;
      margin:0;
    }
    .navbar.navbar-inverse .navbar-nav > li{
      float:none;
    }
    .navbar.navbar-inverse .navbar-nav > li > a{
      margin:3px 0;
      padding:10px 14px;
    }
    .navbar.navbar-inverse .tc-mobile-nav-link{
      width:100%;
      justify-content:flex-start;
      margin:3px 0;
      padding:10px 50px 10px 14px !important;
      border-radius:7px;
    }
    .navbar.navbar-inverse .tc-app-new-badge{
      top:5px;
      right:auto;
      left:62px;
    }
    .navbar.navbar-inverse .navbar-right{
      float:none !important;
      margin:6px 0 0;
      padding-top:6px;
      border-top:1px solid rgba(255,255,255,.10);
    }
    .navbar.navbar-inverse .navbar-nav .open .dropdown-menu,
    .navbar.navbar-inverse .dropdown-submenu .dropdown-menu{
      position:static;
      float:none;
      width:auto;
      min-width:0;
      margin:2px 0 8px 16px;
      padding:4px 0 4px 8px;
      border:0;
      border-left:1px solid rgba(255,255,255,.12);
      border-radius:0;
      box-shadow:none;
      background:transparent;
    }
    .navbar.navbar-inverse .navbar-nav .open .dropdown-menu > li > a,
    .navbar.navbar-inverse .dropdown-submenu .dropdown-menu > li > a{
      padding:8px 12px;
      color:rgba(255,255,255,.68) !important;
      font-size:13px;
    }
    .navbar.navbar-inverse .navbar-nav .open .dropdown-menu > li.tc-nav-section,
    .navbar.navbar-inverse .dropdown-submenu .dropdown-menu > li.tc-nav-section{
      padding:10px 12px 4px;
      color:rgba(255,255,255,.48);
      font-size:11px;
    }
    .navbar.navbar-inverse .navbar-nav .open .dropdown-menu.tc-prediction-menu{
      margin:6px 0 10px 12px;
      padding:6px;
      border-left:0;
      border-radius:10px;
      background:rgba(255,255,255,.06);
    }
    .navbar.navbar-inverse .navbar-nav .open .dropdown-menu.tc-prediction-menu > li.tc-nav-section{
      margin:5px 4px 0;
      padding:9px 11px 6px;
      border:1px solid rgba(255,255,255,.10);
      border-bottom:0;
      border-radius:8px 8px 0 0;
      font-size:11px;
    }
    .navbar.navbar-inverse .navbar-nav .open .dropdown-menu.tc-prediction-menu > li.tc-premium-section{
      background:rgba(251,191,36,.16);
      border-color:rgba(251,191,36,.26);
      color:#fde68a;
    }
    .navbar.navbar-inverse .navbar-nav .open .dropdown-menu.tc-prediction-menu > li.tc-free-section{
      background:rgba(96,165,250,.14);
      border-color:rgba(96,165,250,.25);
      color:#bfdbfe;
    }
    .navbar.navbar-inverse .navbar-nav .open .dropdown-menu.tc-prediction-menu > li.tc-expert-section{
      background:rgba(52,211,153,.14);
      border-color:rgba(52,211,153,.26);
      color:#a7f3d0;
    }
    .navbar.navbar-inverse .navbar-nav .open .dropdown-menu.tc-prediction-menu > li.tc-nav-item > a{
      margin:0 4px;
      border-right:1px solid rgba(255,255,255,.10);
      border-left:1px solid rgba(255,255,255,.10);
      border-radius:0;
      color:rgba(255,255,255,.78) !important;
    }
    .navbar.navbar-inverse .navbar-nav .open .dropdown-menu.tc-prediction-menu > li.tc-premium-item > a{
      background:rgba(251,191,36,.10) !important;
      border-color:rgba(251,191,36,.26);
    }
    .navbar.navbar-inverse .navbar-nav .open .dropdown-menu.tc-prediction-menu > li.tc-free-item > a{
      background:rgba(96,165,250,.09) !important;
      border-color:rgba(96,165,250,.25);
    }
    .navbar.navbar-inverse .navbar-nav .open .dropdown-menu.tc-prediction-menu > li.tc-expert-item > a{
      background:rgba(52,211,153,.09) !important;
      border-color:rgba(52,211,153,.26);
    }
    .navbar.navbar-inverse .navbar-nav .open .dropdown-menu.tc-prediction-menu > li.tc-nav-item + li.tc-nav-item > a{
      border-top:1px solid rgba(255,255,255,.08);
    }
    .navbar.navbar-inverse .navbar-nav .open .dropdown-menu.tc-prediction-menu > li.tc-nav-group-end > a{
      border-bottom:1px solid rgba(255,255,255,.10);
      border-radius:0 0 8px 8px;
    }
    .navbar.navbar-inverse .navbar-nav .open .dropdown-menu.tc-prediction-menu .divider{
      margin:9px 4px;
      background:transparent;
    }
    .navbar.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus,
    .navbar.navbar-inverse .dropdown-submenu .dropdown-menu > li > a:hover,
    .navbar.navbar-inverse .dropdown-submenu .dropdown-menu > li > a:focus{
      background:rgba(255,255,255,.08) !important;
      color:#fff !important;
    }
  }
