/* ==========================================================================
   home.css — sākumlapa (pārveide 2026-10)
   Ielādējas automātiski lapai "home" (head.php). Aizstāj mantotos flīžu
   noteikumus no main.css. Vērtības no tokens.css.
   ========================================================================== */

#home_most_outer{
  padding-top: var(--mv-space-2);
  }

/* --- sadaļa: virsraksts + flīžu režģis; tukšu sadaļu (nav atļauju) slēpjam --- */
.home_section{
  margin-top: var(--mv-space-5);
  }
.home_section:not(:has(.main_page_tile)){
  display: none;
  }
.home_section_title{
  margin: 0 0 var(--mv-space-3);
  color: var(--mv-color-muted);
  font-family: var(--mv-font-sans);
  font-size: var(--mv-text-xs);
  font-weight: var(--mv-weight-semibold);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  }
.home_tiles{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: var(--mv-space-3);
  }

/* --- flīze: kartīte ar ikonu (maigs akcenta kvadrāts) un nosaukumu ---
   ::before = kvadrāts, ::after = ikona (maska, vienmēr akcenta krāsā). Flīze ir
   režģis, kurā ::before un ::after aizņem VIENU šūnu — tādēļ ikona vienmēr
   precīzi sakrīt ar kvadrātu, gan kreisi, gan centrēti izlīdzinātā flīzē. */
.main_page_tile{
  position: relative;
  display: grid;
  grid-template-areas:
    "icon"
    "label";
  grid-template-rows: 44px auto;
  justify-items: start;
  align-content: start;
  gap: var(--mv-space-3);
  min-height: 104px;
  padding: var(--mv-space-4);
  background-color: var(--mv-color-surface);
  background-image: none;
  border: 1px solid var(--mv-color-border);
  border-radius: var(--mv-radius-md);
  box-shadow: var(--mv-shadow-sm);
  color: var(--mv-color-text);
  font-size: var(--mv-text-base);
  font-weight: var(--mv-weight-semibold);
  line-height: var(--mv-leading-tight);
  text-align: left;
  overflow-wrap: break-word;
  transition: border-color var(--mv-duration-fast) var(--mv-ease), box-shadow var(--mv-duration-fast) var(--mv-ease), transform var(--mv-duration-fast) var(--mv-ease);
  }
.main_page_tile::before{
  content: "";
  grid-area: icon;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background-color: var(--mv-color-accent-soft);
  }
.main_page_tile::after{
  content: "";
  grid-area: icon;
  align-self: center;
  /* kreisi izlīdzinātā flīzē ikonu nobīdām kvadrāta vidū (44-24)/2 = 10px */
  margin-left: 10px;
  width: 24px;
  height: 24px;
  background-color: var(--mv-color-accent);
  -webkit-mask: var(--home-icon, var(--home-icon-default)) center / contain no-repeat;
  mask: var(--home-icon, var(--home-icon-default)) center / contain no-repeat;
  }
.main_page_tile > DIV{
  grid-area: label;
  transform: none;
  width: auto;
  }
.main_page_tile:hover{
  border-color: var(--mv-color-accent);
  box-shadow: var(--mv-shadow-md);
  transform: translateY(-1px);
  }
.main_page_tile:active{
  transform: none;
  background-color: var(--mv-color-surface-2);
  }
.main_page_tile:focus-visible{
  outline: none;
  box-shadow: var(--mv-focus-ring);
  }

/* --- neielogots: viena liela "Pieslēgties" flīze centrā --- */
.home_section_login{
  display: flex;
  justify-content: center;
  margin-top: var(--mv-space-7);
  }
.home_section_login .home_tiles{
  grid-template-columns: minmax(0, 320px);
  width: 100%;
  justify-content: center;
  }
.home_section_login .main_page_tile{
  justify-items: center;
  align-content: center;
  min-height: 160px;
  font-size: var(--mv-text-lg);
  text-align: center;
  }
.home_section_login .main_page_tile::after{
  margin-left: 0;
  }

/* --- ikonas (24px līniju ikonas, stroke = maska; krāsu dod ::after fons) --- */
:root{
  --home-icon-default: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='16' height='16' rx='3'/%3E%3C/svg%3E");
  }
/* Plūsmas skaitītāji — piliens */
.main_page_devices_water_button{ --home-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3c-3 4.2-6 7.3-6 10.6A6 6 0 0 0 18 13.6C18 10.3 15 7.2 12 3z'/%3E%3Cpath d='M9.5 14.5a2.6 2.6 0 0 0 2.5 2.5'/%3E%3C/svg%3E"); }
/* Elektrības skaitītāji — zibens */
.main_page_devices_power_button{ --home-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2 4 14h7l-1 8 9-12h-7z'/%3E%3C/svg%3E"); }
/* Siltuma skaitītāji — termometrs */
.main_page_devices_heat_button{ --home-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 14.8V4a2 2 0 0 0-4 0v10.8a4 4 0 1 0 4 0z'/%3E%3Cpath d='M12 10v7'/%3E%3C/svg%3E"); }
/* Siltuma sk. INFLUX — termometrs + datubāze */
.main_page_devices_heat_influx_button{ --home-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 14.8V5a2 2 0 0 0-4 0v9.8a4 4 0 1 0 4 0z'/%3E%3Cellipse cx='18' cy='6' rx='3' ry='1.5'/%3E%3Cpath d='M15 6v9c0 .8 1.3 1.5 3 1.5s3-.7 3-1.5V6M15 10.5c0 .8 1.3 1.5 3 1.5s3-.7 3-1.5'/%3E%3C/svg%3E"); }
/* Ģeneratori — kaste ar zibeni */
.main_page_devices_generator_button{ --home-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='13' rx='2'/%3E%3Cpath d='m12.5 8.5-2.5 4h4l-2.5 4M6 19v2M18 19v2'/%3E%3C/svg%3E"); }
/* Elektrības ražošana — saules panelis */
.main_page_power_production_button{ --home-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h14l2 10H3z'/%3E%3Cpath d='M4 9h16M10 4l-1 10M14 4l1 10M12 14v5M8 20h8'/%3E%3C/svg%3E"); }
/* LR-3 — mērītāja modulis */
.main_page_lr3_view_button{ --home-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='16' height='16' rx='4'/%3E%3Ccircle cx='12' cy='12' r='3.5'/%3E%3Cpath d='M12 4v2M12 18v2'/%3E%3C/svg%3E"); }
/* Trauksmes — zvaniņš */
.main_page_alerts_button{ --home-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8a6 6 0 1 1 12 0c0 7 3 9 3 9H3s3-2 3-9'/%3E%3Cpath d='M10.3 21a1.94 1.94 0 0 0 3.4 0'/%3E%3C/svg%3E"); }
/* Apkures sistēmas — māja ar liesmu */
.main_page_heat_houses_view_button{ --home-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5 12 3l9 7.5V21H3z'/%3E%3Cpath d='M12 19a2.5 2.5 0 0 0 2.5-2.5c0-1.6-1.3-2.4-1.6-4-.8.8-1.4 1.6-1.4 2.5-.4-.4-.8-.9-.8-1.6-.8.8-1.2 1.9-1.2 3.1A2.5 2.5 0 0 0 12 19z'/%3E%3C/svg%3E"); }
/* Sūkņu stacijas — caurule ar pilienu */
.main_page_waste_view_button{ --home-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7h9a4 4 0 0 1 4 4v1M3 11h7'/%3E%3Cpath d='M16 15c-1.2 1.6-2.4 2.8-2.4 4a2.4 2.4 0 0 0 4.8 0c0-1.2-1.2-2.4-2.4-4z'/%3E%3C/svg%3E"); }
/* NAI stacijas — rūpnīca */
.main_page_nai_view_button{ --home-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 20V11l5 3v-3l5 3V6h7v14z'/%3E%3Cpath d='M2 20h20M16 10h1M16 14h1'/%3E%3C/svg%3E"); }
/* UAS — ūdenstornis */
.main_page_uas_view_button{ --home-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3h10v5a5 5 0 0 1-10 0z'/%3E%3Cpath d='M9 12.5 7.5 21M15 12.5l1.5 8.5M8.3 17h7.4'/%3E%3C/svg%3E"); }
/* Karte — salocīta karte */
.main_page_map_button{ --home-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 4 3 6v14l6-2 6 2 6-2V4l-6 2z'/%3E%3Cpath d='M9 4v14M15 6v14'/%3E%3C/svg%3E"); }
/* Atskaites — dokuments */
.main_page_reports_button{ --home-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z'/%3E%3Cpath d='M14 3v6h6M8 13h8M8 17h5'/%3E%3C/svg%3E"); }
/* Grafiki / Grafiki v3 / NAI Grafiki — līniju diagramma */
.main_page_graphs_button,
.main_page_graphs_v3_button,
.main_page_nai_graphs_button{ --home-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3v18h18'/%3E%3Cpath d='m7 15 4-4 3 3 5-6'/%3E%3C/svg%3E"); }
/* Nakts plūsmas — mēness */
.main_page_night_flow_button{ --home-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 14.5A8 8 0 1 1 9.5 4a6.5 6.5 0 0 0 10.5 10.5z'/%3E%3C/svg%3E"); }
/* Datu tabulas — režģis */
.main_page_data_table_button,
.main_page_data_table_heat_button,
.main_page_data_table_power_button{ --home-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M3 15h18M9 4v16'/%3E%3C/svg%3E"); }
/* Grupas / Siltuma skaitītāju grupas — slāņi */
.main_page_groups_button,
.main_page_heat_groups_button{ --home-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 2 8l10 5 10-5z'/%3E%3Cpath d='m2 13 10 5 10-5M2 18l10 5 10-5'/%3E%3C/svg%3E"); }
/* LoRa raidītāji — antena */
.main_page_lora_nodes_button{ --home-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='10' r='2'/%3E%3Cpath d='M12 12v9M8.5 6.5a5 5 0 0 0 0 7M15.5 6.5a5 5 0 0 1 0 7M5.5 3.5a9 9 0 0 0 0 13M18.5 3.5a9 9 0 0 1 0 13'/%3E%3C/svg%3E"); }
.main_page_lora_tester_button{ --home-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 21s-5.5-4.8-5.5-9.5a5.5 5.5 0 0 1 11 0C15.5 16.2 10 21 10 21z'/%3E%3Ccircle cx='10' cy='11.5' r='1.8'/%3E%3Cpath d='M17 4.5a5 5 0 0 1 2.5 2.5M16.5 1.5a8.5 8.5 0 0 1 6 6'/%3E%3C/svg%3E"); }
/* Battery — baterija */
.main_page_lora_battery_button{ --home-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='7' width='17' height='10' rx='2'/%3E%3Cpath d='M22 11v2M6 10v4M9.5 10v4'/%3E%3C/svg%3E"); }
/* Change Log — vēsture */
.main_page_change_log_button{ --home-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 3-6.7L3 8'/%3E%3Cpath d='M3 3v5h5M12 7v5l3 2'/%3E%3C/svg%3E"); }
/* Dev Signāli — signāla stabiņi */
.main_page_admin_dev_signals_button{ --home-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20v-3M9 20v-7M14 20V9M19 20V4'/%3E%3C/svg%3E"); }
/* Admin — zobrats (zobi no svītrotas apmales) */
.main_page_admin_button{ --home-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8' stroke-width='3.2' stroke-dasharray='3.1 3.18' stroke-linecap='butt'/%3E%3Ccircle cx='12' cy='12' r='5.6' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='2' stroke-width='2'/%3E%3C/svg%3E"); }
/* Pieslēgties — durvis ar bultu */
.main_page_login_button{ --home-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 4h4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-4'/%3E%3Cpath d='m10 17 5-5-5-5M15 12H3'/%3E%3C/svg%3E"); }

/* --- planšete: nedaudz šaurākas flīzes --- */
@media (max-width: 1023px){
  .home_tiles{
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    }
  }

/* --- telefons: 3 kolonnas (agrāks lietotāja pieprasījums), ikona virs teksta,
   viss centrēts; teksts pietiekami liels, lai būtu labi lasāms --- */
@media (max-width: 599px){
  .home_section{
    margin-top: var(--mv-space-4);
    }
  .home_tiles{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--mv-space-2);
    }
  .main_page_tile{
    justify-items: center;
    grid-template-rows: 40px auto;
    gap: var(--mv-space-2);
    min-height: 104px;
    padding: var(--mv-space-3) var(--mv-space-1);
    font-size: 15px;
    text-align: center;
    /* šaurā kolonnā gari vārdi drīkst dalīties ar defisi */
    hyphens: auto;
    }
  .main_page_tile::before{
    width: 40px;
    height: 40px;
    border-radius: 10px;
    }
  .main_page_tile::after{
    margin-left: 0;
    }
  .home_section_login .home_tiles{
    grid-template-columns: minmax(0, 1fr);
    }
  }
@media (max-width: 399px){
  .main_page_tile{
    font-size: var(--mv-text-sm);
    }
  }

/* Mazāk kustību: flīze hover stāvoklī nepaceļas. */
@media (prefers-reduced-motion: reduce){
  .main_page_tile:hover{
    transform: none;
    }
  }