/* Flat launcher tiles, scoped away from module pages. */
html[data-theme] body.app-home-active,
html[data-theme] body.app-home-active .main { background:var(--md-surface) !important; }
html[data-theme] body.app-home-active #appHomeView {
  width:100%; max-width:1040px; min-width:0; margin:0 auto; padding:0; background:none !important;
  min-height:0; align-content:start; grid-auto-rows:max-content;
}
html[data-theme] body.app-home-active #appHomeView .app-home-topbar {
  min-height:0 !important; padding:18px 20px !important; margin:0 0 24px;
  background:var(--md-surface-container-low) !important; border:0 !important; border-left:3px solid var(--md-primary) !important;
  border-radius:0 !important; box-shadow:none !important; overflow:visible;
}
html[data-theme] body.app-home-active #appHomeView .app-home-topbar::before,
html[data-theme] body.app-home-active #appHomeView .app-home-topbar::after { display:none !important; }
html[data-theme] body.app-home-active #appHomeView .app-home-topbar h1 { font-size:26px !important; line-height:1.3; letter-spacing:0; color:var(--ink) !important; text-shadow:none !important; }
html[data-theme] body.app-home-active #appHomeView .app-home-topbar .eyebrow { color:var(--muted) !important; }
html[data-theme] body.app-home-active #appHomeView .app-home-panel { padding:0 !important; background:transparent !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; }
#appHomeView #appHomeGrid {
  display:grid; container-type:inline-size; grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important; margin:0; width:100%; min-width:0;
}
#appHomeView #appHomeGrid .app-home-card {
  --home-accent:var(--md-primary);
  position:relative; display:flex !important; flex-direction:column; align-items:flex-start !important; justify-content:space-between !important;
  width:100%; min-width:0 !important; height:142px !important; min-height:0 !important; aspect-ratio:auto !important;
  padding:20px !important; gap:16px !important; border:1px solid var(--line) !important; border-radius:8px !important;
  color:var(--ink) !important; background:var(--md-surface-container-low) !important; box-shadow:none !important; text-shadow:none !important;
  text-align:left !important; opacity:1 !important; transform:none !important; transition:background .15s,border-color .15s;
}
#appHomeView #appHomeGrid .app-home-card::before,
#appHomeView #appHomeGrid .app-home-card::after { display:none !important; }
#appHomeView #appHomeGrid .app-home-card-icon {
  display:grid !important; place-items:center; position:static !important; align-self:auto !important;
  width:46px !important; height:46px !important; min-width:46px !important; max-width:46px !important; aspect-ratio:1; flex:0 0 46px;
  padding:0 !important; margin:0 !important; border:0 !important; border-radius:8px !important;
  color:var(--home-accent) !important; background:color-mix(in srgb,var(--home-accent) 9%,var(--md-surface-container-low)) !important;
  box-shadow:none !important; transform:none !important;
}
#appHomeView #appHomeGrid .app-home-symbol { display:block; width:34px !important; height:34px !important; max-width:none !important; object-fit:contain; background:transparent; mask:none; filter:none !important; position:static !important; inset:auto !important; transform:none !important; margin:0 !important; }
#appHomeView #appHomeGrid .app-home-card-main { display:flex !important; align-items:center; justify-content:space-between; gap:8px; width:100%; min-width:0; margin:0 !important; text-align:left !important; }
#appHomeView #appHomeGrid .app-home-card-main strong { font-size:15px !important; line-height:1.3 !important; font-weight:600 !important; letter-spacing:0 !important; color:inherit !important; text-shadow:none !important; white-space:normal; overflow-wrap:anywhere; }
#appHomeView #appHomeGrid .app-home-card-affordance { display:block; width:16px; height:16px; flex:0 0 16px; object-fit:contain; background:transparent; mask:none; filter:none; }
#appHomeView #appHomeGrid .app-home-card:hover:not(:disabled) { border-color:var(--home-accent) !important; background:color-mix(in srgb,var(--home-accent) 3%,var(--md-surface-container-low)) !important; }
#appHomeView #appHomeGrid .app-home-card:focus-visible { outline:2px solid var(--home-accent); outline-offset:3px; }
#appHomeView #appHomeGrid .app-home-card:disabled { cursor:default; color:var(--muted) !important; border-style:dashed !important; background:var(--md-surface) !important; }
#appHomeView #appHomeGrid .app-home-card:disabled .app-home-card-icon { color:var(--muted) !important; background:color-mix(in srgb,var(--muted) 7%,var(--md-surface)) !important; }
#appHomeView #appHomeGrid .app-home-card:disabled img { opacity:.65; }
#appHomeView #appHomeGrid [data-app-area-open=call] { --home-accent:#776198; }
#appHomeView #appHomeGrid [data-app-area-open=sales] { --home-accent:#9a6816; }
#appHomeView #appHomeGrid [data-app-area-open=tech] { --home-accent:#21756e; }
#appHomeView #appHomeGrid [data-app-area-open=planning] { --home-accent:#326eaf; }
#appHomeView #appHomeGrid [data-app-area-open=rapport] { --home-accent:#64743c; }
#appHomeView #appHomeGrid [data-app-area-open=config] { --home-accent:#5c6975; }
html[data-theme=dark] #appHomeView #appHomeGrid [data-app-area-open=myTss] { --home-accent:#ff858a; }
html[data-theme=dark] #appHomeView #appHomeGrid [data-app-area-open=call] { --home-accent:#c4a7e8; }
html[data-theme=dark] #appHomeView #appHomeGrid [data-app-area-open=sales] { --home-accent:#e7bc62; }
html[data-theme=dark] #appHomeView #appHomeGrid [data-app-area-open=tech] { --home-accent:#77c9bf; }
html[data-theme=dark] #appHomeView #appHomeGrid [data-app-area-open=planning] { --home-accent:#8ab9eb; }
html[data-theme=dark] #appHomeView #appHomeGrid [data-app-area-open=rapport] { --home-accent:#b5c786; }
html[data-theme=dark] #appHomeView #appHomeGrid [data-app-area-open=config] { --home-accent:#b0bdca; }
@media(max-width:650px) {
  html[data-theme] body.app-home-active #appHomeView .app-home-topbar { margin-bottom:16px; padding:14px 16px !important; }
  #appHomeView #appHomeGrid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px !important; }
  #appHomeView #appHomeGrid .app-home-card { height:122px !important; padding:15px !important; }
  #appHomeView #appHomeGrid .app-home-card-icon { width:42px !important; height:42px !important; min-width:42px !important; max-width:42px !important; flex-basis:42px; }
  
  #appHomeView #appHomeGrid [data-app-area-open=config]:last-child:nth-child(odd) { grid-column:1 / -1; flex-direction:row; align-items:center !important; height:72px !important; }
}
@media(prefers-reduced-motion:reduce) { #appHomeView #appHomeGrid .app-home-card { transition:none; } }

html[data-theme=dark] #appHomeView #appHomeGrid .app-home-card-icon { background:#fff !important; }

/* White icon tiles always use the thin, non-inverted source in either theme. */
html[data-theme] #appHomeView #appHomeGrid .app-home-symbol {
  content:normal !important; filter:none !important;
}