/* Approved WELCOME reference: existing modules, readable labels, no invented metrics. */
.home-layout{background:#f4f5f7}
.home-layout .topbar{background:#fff;border-bottom:1px solid #e2e5e9}
.home-layout .content{max-width:1260px;padding:28px 36px 125px}
.home-welcome{align-items:center;gap:24px;margin-bottom:26px}
.home-welcome h1{font-size:32px;letter-spacing:-.8px;margin:6px 0 8px}
.home-welcome p:last-child{font-size:16px;color:#505966}
.home-welcome .eyebrow{color:#626a76}
.headquarters-entry{display:flex;align-items:center;gap:12px;background:#263443;color:#fff;border:1px solid #263443;padding:13px 18px;white-space:nowrap}
.headquarters-entry:hover{background:#35485c}
.headquarters-entry svg{width:24px;height:24px}
.home-layout .launch-section{background:transparent;border:0;box-shadow:none;padding:0}
.home-layout .section-heading{gap:20px;margin-bottom:18px}
.home-layout .section-heading h2{font-size:20px}
.home-layout .home-search{min-width:0;width:310px;background:white;border-color:#d6dce3;box-shadow:none}
.home-layout .home-search input{width:100%;min-width:0;font-size:15px}
.home-layout .app-grid,.headquarters-page .app-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.home-layout .app-tile,.headquarters-page .app-tile{position:relative;align-items:flex-start;text-align:left;gap:12px;padding:22px;background:white;border:1px solid #dce1e7;border-radius:16px;min-height:196px}
.home-layout .app-tile:hover,.headquarters-page .app-tile:hover{transform:none;border-color:#9daab8;background:#fff;box-shadow:0 4px 16px #25344a0d}
.home-layout .app-tile strong,.headquarters-page .app-tile strong{font-size:18px;color:#26323d}
.home-layout .tile-description,.headquarters-page .tile-description{font-size:14px;color:#566171;max-width:none;margin:0;line-height:1.4}
.home-layout .app-icon,.headquarters-page .app-icon{width:56px;height:56px;border-radius:14px;box-shadow:none;background:var(--module-color,#586574)}
.home-layout .app-icon::after,.headquarters-page .app-icon::after{display:none}
.home-layout .app-icon svg,.headquarters-page .app-icon svg{width:28px;height:28px;filter:none}
.app-tile[data-page=finance]{--module-color:#246e45}
.app-tile[data-page=tasks]{--module-color:#7951aa}
.app-tile[data-page=catalog]{--module-color:#ae5d12}
.app-tile[data-page=crm]{--module-color:#a93670}
.app-tile[data-page=pos]{--module-color:#c44927}
.app-tile[data-page=wms]{--module-color:#28709f}
.app-tile[data-page=users]{--module-color:#486644}
.app-tile[data-page=imports]{--module-color:#227a78}
.app-tile[data-page=audit]{--module-color:#6159a0}
.app-tile[data-page=management]{--module-color:#465a70}
.tile-arrow{position:absolute;right:20px;top:24px;font-size:22px;color:#617185}
.headquarters-page .heading{align-items:center}
.headquarters-page .heading p{color:#566171}
@media(max-width:1050px){.home-layout .app-grid,.headquarters-page .app-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){
 .home-layout .content{padding:20px 14px 115px}
 .home-layout .topbar{padding:12px 14px}
 .home-welcome{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:24px}
 .home-welcome h1{font-size:27px}
 .home-welcome p:last-child{font-size:15px}
 .headquarters-entry{width:100%;justify-content:center}
 .home-layout .section-heading{display:flex;flex-direction:column;align-items:stretch;gap:12px}
 .home-layout .home-search{width:100%}
 .home-layout .app-grid,.headquarters-page .app-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .home-layout .app-tile,.headquarters-page .app-tile{padding:16px 12px;min-height:175px;gap:9px}
 .home-layout .app-tile strong,.headquarters-page .app-tile strong{font-size:17px}
 .home-layout .tile-description,.headquarters-page .tile-description{font-size:13px}
 .tile-arrow{right:12px;top:16px}
 .headquarters-page .heading{display:block}
 .headquarters-page .heading h1{font-size:28px}
}

/* Ernesto, 23-Oct: the module icon is the Home launcher, not a large card. */
.home-layout .app-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px 18px}
.home-layout .app-tile{align-items:center;text-align:center;justify-content:flex-start;padding:10px 4px;gap:12px;min-height:146px;background:transparent;border:0;border-radius:0;box-shadow:none}
.home-layout .app-tile:hover{background:transparent;border:0;box-shadow:none;transform:none}
.home-layout .app-tile strong{font-size:16px;line-height:1.3;max-width:100%;overflow-wrap:anywhere}
.home-layout .app-icon{width:96px;height:96px;flex-shrink:0;border-radius:24px}
.home-layout .app-icon svg{width:48px;height:48px}
.home-layout .app-tile:hover .app-icon{box-shadow:0 5px 14px #25344a24}
.home-layout .app-tile:focus-visible{outline:none}
.home-layout .app-tile:focus-visible .app-icon{outline:3px solid #263443;outline-offset:5px}
.home-layout .tile-description,.home-layout .tile-arrow{display:none}
@media(max-width:1050px){.home-layout .app-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:650px){
 .home-layout .app-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 10px}
 .home-layout .app-tile{min-height:132px;padding:8px 0;gap:10px}
 .home-layout .app-icon{width:84px;height:84px;border-radius:22px}
 .home-layout .app-icon svg{width:44px;height:44px}
 .home-layout .app-tile strong{font-size:15px}
}
@media(max-width:359px){.home-layout .app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}