/* Production Home styles, kept separate from the shared Optimalizer360 theme. */
.body-wrapper > .container-fluid { max-width: 3200px; min-height: calc(100vh - 12px); }
#main-wrapper .app-header, #main-wrapper .app-header .navbar { background: #fff !important; }
#main-wrapper .app-header { z-index: 1001; isolation: isolate; overflow: visible; border-bottom: 1px solid #e8eef5; box-shadow: 0 8px 24px rgba(15,23,42,.06); }
#main-wrapper .app-header .dropdown-menu { z-index: 2000; }
#main-wrapper[data-layout="vertical"][data-header-position="fixed"] .app-header { top: 0; }
#main-wrapper[data-layout="vertical"][data-header-position="fixed"] .body-wrapper > .container-fluid { padding-top: 70px !important; }
@media (min-width:1200px) { #main-wrapper[data-layout="vertical"][data-header-position="fixed"] .body-wrapper > .container-fluid { padding-top: 6px !important; } }
.app-header .avatar-role-user { border: 2px solid #1e73be; }
.hero { position: relative; overflow: hidden; border-radius: 18px; padding: 28px; background: linear-gradient(135deg,#3b82f6 0%,#60a5fa 50%,#93c5fd 100%); color:#fff; box-shadow: 0 8px 24px rgba(59,130,246,.25); }
.hero h2 { margin:0 0 8px; font-weight:700; letter-spacing:.2px; color:#fff; }
.hero p { margin:0; color:#fff; opacity:.95; }
.hero .meta { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
.hero .badge { background:rgba(255,255,255,.16); color:#fff; padding:6px 10px; border-radius:999px; font-size:12px; backdrop-filter:blur(2px); border:1px solid rgba(255,255,255,.22); }
.home-section-title { display:flex; align-items:center; gap:.5rem; margin:16px 0 10px; font-weight:700; font-size:1.05rem; }
.home-section-title .ti { color:#3b82f6; }
.home-tiles { display:grid; grid-template-columns:repeat(12,1fr); gap:16px; }
.tile { grid-column:span 2; background:#fff; border:1px solid #e5e7eb; border-radius:16px; padding:16px; display:flex; gap:12px; align-items:flex-start; transition:box-shadow .2s ease,transform .06s ease,border-color .2s ease; text-decoration:none; color:inherit; box-shadow:0 2px 8px rgba(0,0,0,.04); }
.tile .ti { font-size:22px; line-height:1; margin-top:2px; color:#2563eb; }
.tile-title { font-weight:600; margin:0; font-size:.98rem; }
.tile-desc { margin:3px 0 0; color:#6b7280; font-size:.9rem; }
.tile .go { margin-left:auto; opacity:.5; color:#2563eb; }
.tile:hover { border-color:#3b82f6; box-shadow:0 10px 26px rgba(59,130,246,.35),0 2px 10px rgba(59,130,246,.15); transform:translateY(-2px); }
@media (max-width:1199px) { .tile { grid-column:span 3; } }
@media (max-width:991px) { .tile { grid-column:span 4; } }
@media (max-width:767px) { .tile { grid-column:span 6; } }
@media (max-width:575px) { .tile { grid-column:span 12; } }
.card { border-radius:16px; }