@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

@font-face {
    font-family: 'Helvetica Neue';
    src: url('fonts/helvetica-neue.woff2') format('woff2'),
         url('fonts/helvetica-neue.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

p {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif!important}

#alom-input {
    resize: vertical;
 /*   overflow-y: hidden; /* Megakadályozza, hogy a belső scroll miatt ugráljon a böngésző */
overflow-y: auto !important;
    contain: paint !important;
    transform: translateZ(0);

    /* ?? BELSŐ GÖRDÜLÉS LÁGYÍTÁSA ÉS TÚLSZALADÁS-GÁTLÁS: */
    scroll-behavior: smooth !important;
    overscroll-behavior-y: contain !important;
}



.neue {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 16px;
    padding: 0 }     

.csakneue {   
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.5;
  }     

.roboto {   
    font-family: "Roboto", ans-serif;
    line-height: 1.5;
  }     


  #alom-form button {  
    font-family: Inter, sans-serif !important;
    font-size: 17px;
    border-radius: 6px;
    margin-left: 5px;
    cursor: pointer;
    background-color: #fff;
    color: #444;
    border: 2px solid #ccc; 
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.05), 0 0 0 0.5px rgba(204, 204, 204, 0.2);
    background-clip: padding-box;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

    #mic-btn.listening { background-color: #e74c3c; color: #fff; }
    #eredmeny span {  border-radius: 3px; padding: 0 2px; }
.alom-grid tr:nth-child(even) td {
    background-color: #eaf5fa57; /* választható egyszín */
border-color:#fff;
}

#trends-container canvas {
    min-height: 400px;
    width: 100% !important;
}
.alom-loader {
  display: inline-block;
  width: 13px;
  height: 13px;
  border: 3px solid #ccc;
  border-top: 3px solid red;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
  vertical-align: middle;
  margin-right: 8px;
}
body {background:#f8f6f3!important;
 -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8;
    margin-bottom: 16px;
    padding: 0;

}



.alom-gomb {         
    position: relative; 
    align-items: center;
margin-top: 8px;  
padding: 8px 16px; 
    justify-content: center;
    gap: 8px;
   // min-width: 200px; /* fix szélesség, igény szerint módosítható */

}   

.alom-container {
    position: relative; /* EZ ROPPANT FONTOS a pontos absolute pozicionáláshoz! */
}

.inter {font-family:inter, sans-serif;font-size:15px;}   

/* ... Existing .alomfejto-wrap styles ... */

.alomfejto-header {
    background: #2A7B9B;
    background: linear-gradient(90deg, rgba(42, 123, 155, 1) 0%, rgba(87, 199, 133, 1) 50%, rgba(237, 221, 83, 1) 100%);
    padding: 14px 22px;      
    height: 60px;
    box-sizing: border-box; 
    color: #fff;
    
    display: flex;
    justify-content: flex-start; /* 'space-between' helyett ez tartja balra az elemeket */
    align-items: center;
    gap: 10px; /* A logó és a cím közötti távolság */
    margin-bottom: 20px;
    
    /* Lekerekítések az anti-aliasing javítással */
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background-clip: padding-box;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* A gombot ez az egy sor tolja el a jobb szélre: */
.alomfejto-close-btn {
    margin-left: auto;
}

/* A szöveged formázása */
.alomfejto-title {
  -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 19px;
    font-weight: 600;
white-space: nowrap;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}
img {
    border-style: none;
}

/* ?? A MODERN BEZÁRÓ GOMB STÍLUSA */
.alomfejto-close-btn {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s ease, opacity 0.2s ease;
margin-right: -10px;
}

/* Hover effekt: finoman elhalványul és picit megnő, jelezve hogy kattintható */
.alomfejto-close-btn:hover {
    transform: scale(1.08);
    opacity: 0.8;
}

/* Az SVG ikon méretezése */
.alomfejto-close-icon {
    width: 26px;
    height: 26px;
}
.alom-gomb:hover {
    border: 2px solid #1480b0 !important;
    border-radius: 6px;
    box-shadow: 0 0 1px rgba(20, 128, 176, 0.2), 0 0 0 0.5px rgba(20, 128, 176, 0.3);
    background-clip: padding-box;
    transform: translateZ(0);
}

/* Amikor az egér egy csoport felett van, adjunk nekik extra kiemelést */
/* Amikor az egér egy csoport felett van, felülbíráljuk a JS által ráégetett inline színeket is */
.alom-word.highlight-group {
    transform: scale(1.08) !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.25) !important;
    filter: brightness(1.2) !important; /* Picit megemeltem a fényerőt, hogy a sötét színek is felvillanjanak */
    position: relative;
    z-index: 10; /* Kiemeli a többi szó síkja fölé, hogy ne vágja le a szomszédos szó */
}

/* Opcionális biztonsági háló: ha azt szeretnéd, hogy hover alatt biztosan fehér/sötét maradjon */
.alom-word.highlight-group[style*="color: rgb(255, 255, 255)"],
.alom-word.highlight-group[style*="color: #ffffff"] {
    color: #ffffff !important;
}
.alom-word.highlight-group[style*="color: rgb(73, 73, 73)"],
.alom-word.highlight-group[style*="color: #494949"] {
    color: #222222 !important; /* Hover alatt picit sötétebb a jobb olvashatóságért */
}


@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#alom-form textarea {
    width: 100%;
    height: 160px; /* fix magasság */
    padding: 8px;
    box-sizing: border-box; /* ne ugorjon a méret */
    resize: vertical; /* ha szeretnéd engedni a manuális méretezést */
    color: #505050;
    font-style: normal;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif!important;
    font-size: 16px; 
    background-color: #fbfbfb !important;
    line-height: 1.6;
    border-radius: 12px 12px 0px 0px;
    scroll-margin-top: 50px; /* Így 50 pixel marad felette a görgetés után */
   border: none !important; 
    /* ?? EZ FIXÁLJA ALAPHELYZETBEN */
    outline: none !important;
    box-shadow: none !important;    
}        

#alom-form textarea:focus {
    /* ?? EZ FIXÁLJA KATTINTÁSKOR / FÓKUSZBAN */     
    outline: none !important; 
    box-shadow: none !important; 
    border: none !important;
    background-color: #fbfbfb !important; /* Kicsit kivilágosodik a háttér */
    transition: background-color 0.3s ease; /* Átjavítva background-ra, ha már a háttérszín változik */
}

.alom-szoveg {
    width: 98%;
 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif!important; 
  color:#474747; 
 font-size:17px; 
margin-left:8px;   
}

.alom-ertekeles {
    width: 98%;
    margin-left: 8px;
    font-family: "Roboto", Helvetica, Arial, sans-serif!important; 
    font-size: 17px;   
}

.alomfejto-wrap {
    margin: 30px auto;
    padding: 20px;
    /* --- MÓDOSÍTVA: Asztali gépen max 880px, de mobilon össze tud zsugorodni --- */
    width: 100% !important;
    max-width: 890px !important;
    background: #fefefe;
    border-radius: 20px;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
    color: #2c3e50;
font-size:14px;
    box-sizing: border-box; /* Biztosítja, hogy a padding ne tolja túl a széleken */
}

/* --- ÚJ: Kifejezetten mobil képernyőkre (768px szélesség alatt) --- */
@media screen and (max-width: 768px) {
    .alomfejto-wrap {
        margin: 10px auto; /* Mobilon kisebb felső/alsó margó elég */
        padding: 15px;     /* Kicsit kisebb belső padding, hogy több hely maradjon a tartalomnak */
        border-radius: 12px; /* Mobilon a finomabb lekerekítés jobban néz ki */
    }
}

/* A CSS fájlodba */
.tab-link.active {
 font-family: "inter",sans-serif !important;   
    font-size: 16px;
    border-bottom: 2px solid #9b59b6 !important;
    font-weight: 600 !important;
}

.placeholder {
  width: 18px;
  height: 18px;
}
.dotted {
  width: 100%;
  height: 6px;                 /* pötty-sor vastagsága */
  background-image: radial-gradient(circle, #bbb 20%, transparent 20%);
  background-size: 8px 8px;  /* pöttyök közti távolság */
  background-repeat: repeat-x; /* csak vízszintesen ismétlődjön */
  margin: 10px 0;
}

@keyframes blink {
  50% { opacity: 0.4; }
}
.blinking {
  animation: blink 0.5s ease-in-out infinite;
}

.alom-grid tr.selected td {
    background-color:#d8f6d275!important;
}

.alom-list-controls {
  display: flex;
  justify-content: flex-end; /* jobb oldalra igazítva */
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}

/* Keresőmező */
.alom-list-controls input#lista-keres {
  width: 180px;
  height: 34px;
  padding: 6px 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 14px;
  background: #fafafa;
  transition: all 0.2s ease;
  box-sizing: border-box;
}

.tagcloud a, td, th {
    border: 1px solid #fff!important;
}

.alom-list-controls input#lista-keres:focus {
  border-color: #999;
  background: #fff;
  outline: none;
}

/* Per page dropdown */
.alom-list-controls select#lista-perpage,
.alom-list-controls select#lista-tipus {
  height: 34px;
  padding: 6px 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 14px;
  background: #fafafa;
  box-sizing: border-box;
  transition: all 0.2s ease;
}

/* Egyedi szélességek megadása */
.alom-list-controls select#lista-perpage {
  width: 90px;
}

.alom-list-controls select#lista-tipus {
  width: 130px; /* Hogy a hosszabb szövegek is kényelmesen elférjenek */
}

.alom-list-controls select#lista-perpage:hover {
  background: #f1f1f1;
}

/* Mobilbarát */
@media (max-width: 600px) {
  .alom-list-controls {
    justify-content: center;
  }
}

.alom-megnyit {
  background-color: #f6f9fe;
  border: 1px solid #a8c1f7;
  border-radius: 4px;
 
  box-sizing: border-box;
   color:#2563eb;
  cursor: pointer;
  display: inline-block;
  font-weight:500;
  font-size: 14px;
  line-height: 24px;
  padding: 2px 6px 2px 6px;
  font-family:Inter,sans-serif;
  position: relative;
  text-align: center;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;

 
}

.alom-megnyit:hover {
  background-color: #f7fafa;
}

.alom-megnyit:focus {
  border-color: #008296;
  box-shadow: rgba(213, 217, 217, .5) 0 2px 5px 0;
  outline: 0;
}

.alom-torles {
  background-color: #fff;
  border: 1px solid #d5d9d9;
  border-radius: 4px;
 
  box-sizing: border-box;
  font-family:Inter,sans-serif;
  cursor: pointer;
  display: inline-block;
  color:#666;
  font-size: 14px;
  line-height: 24px;
  padding: 2px 6px 2px 6px;
  font-weight:500;
  position: relative;
  text-align: center;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;

}

.alom-torles:hover {
  background-color: #f7fafa;
}

.alom-torles:focus {
  border-color: #008296;
  box-shadow: rgba(213, 217, 217, .5) 0 2px 5px 0;
  outline: 0;
}

 /* A forgó animáció definiálása */
.stats-spinner {
    border: 4px solid #f3f3f3; /* Világos háttérszín */
    border-top: 4px solid #9b59b6; /* A téma színe (lila) */
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
    margin: 20px auto; /* Középre igazítás */
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.alom-gomb-ikonos {
    position: relative !important;
    width: 36px !important;
    height: 36px !important;
    background: #dbe9f0e0 !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 6px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    font-size: 0 !important;          /* Elrejti az esetlegesen beszúrt szövegeket */
    color: transparent !important;    /* Biztos ami biztos */
    overflow: hidden !important;      /* Semmi nem folyhat ki a gombból */
    box-sizing: border-box !important;
}

.alom-gomb-ikonos-feh {
    position: relative !important;
    width: 36px !important;
    height: 36px !important;
    background: #fff !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 6px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    font-size: 0 !important;          /* Elrejti az esetlegesen beszúrt szövegeket */
    color: transparent !important;    /* Biztos ami biztos */
    overflow: hidden !important;      /* Semmi nem folyhat ki a gombból */
    box-sizing: border-box !important;
}

.alom-gomb-ikonos:hover {
    background: #f9f9f9 !important;
    border-color: #cccccc !important;
}

.alom-gomb-ikonos svg {
    width: 20px !important;
    height: 20px !important;
    display: block !important;
}

/* Loader pozíció */
.alom-gomb-ikonos .alom-loader {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    z-index: 2;
}


#mic-btn.nem-tamogatott {
    opacity: 0.3 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

#alom-gomb:disabled svg {
    animation: alom-forgas 2s linear infinite;
}

@keyframes alom-forgas {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* --- ASZTALI NÉZET ALAPÉRTELMEZETT SZÉLESSÉGEI --- */
/* --- ASZTALI NÉZET ALAPÉRTELMEZETT SZÉLESSÉGEI ÉS IGAZÍTÁSA --- */
#alom-kezelt-tabla .col-cim { width: 48%; }
#alom-kezelt-tabla .col-hold { width: 6%; }
#alom-kezelt-tabla .col-datum { width: 16%; }
#alom-kezelt-tabla .col-eberalom { width: 6%; }
#alom-kezelt-tabla .col-muvelet { width: 12%; }

/* ?? ÚJ: Asztali gépen is kényszerítjük a függőleges és vízszintes középre igazítást */
#alom-kezelt-tabla td {
    vertical-align: middle !important; /* Függőleges igazítás a hagyományos táblázathoz */
}

#alom-kezelt-tabla .cell-hold,
#alom-kezelt-tabla .cell-datum,
#alom-kezelt-tabla .cell-muvelet {
    text-align: center !important;
}

/* Biztosítjuk, hogy a művelet gombok asztali gépen is egy vonalban, középen legyenek */
#alom-kezelt-tabla .cell-muvelet {
    display: table-cell !important;
}
#alom-kezelt-tabla .cell-muvelet .alom-gomb-ikonos {
    display: inline-flex !important;
    vertical-align: middle !important;
    margin: 0 4px !important;
}


/* --- MOBIL NÉZET (Zseniális Kártyás Átalakítás) --- */
@media screen and (max-width: 600px) {
    /* Elrejtjük a hagyományos táblázatfejlécet, mert mobilon nincs rá szükség */
    #alom-kezelt-tabla .tabla-fejlec {
        display: none !important;
    }

    /* A táblázat sorait különálló kártyákká alakítjuk */
    #alom-kezelt-tabla .tabla-sor {
        display: flex !important;
        flex-wrap: wrap !important;
        padding: 12px 6px !important;
        border-bottom: 2px solid #eef2f3 !important;
        background: #ffffff;
    }

    /* Az álom címe kap egy teljes, önálló felső sort */
    #alom-kezelt-tabla .cell-cim {
        display: block !important;
        width: 100% !important;
        border-bottom: none !important;
      /*  padding: 0 0 10px 4px !important;  */
        font-size: 15px !important;
        text-align: left !important; /* A szöveg maradjon balra igazítva, úgy olvasható */
    }

    /* ?? JAVÍTVA: A hold, a dátum és a műveletek gombjai mobilon tökéletesen középre állnak */
    #alom-kezelt-tabla .cell-hold,
    #alom-kezelt-tabla .cell-datum,
    #alom-kezelt-tabla .cell-muvelet {
        display: flex !important;
        align-items: center !important;     /* ?? FÜGGŐLEGESEN KÖZÉPRE */
        justify-content: center !important;  /* ?? VÍZSZINTESEN KÖZÉPRE */
        border-bottom: none !important;
        padding: 4px !important;
        height: 46px !important;             /* Fix magasság, hogy egy vonalba essenek */
    }

    /* Szélességek elosztása az alsó mobilsorban */
    #alom-kezelt-tabla .cell-hold {
        width: 14% !important;
    }
    #alom-kezelt-tabla .cell-datum {
        width: 36% !important;
        font-size: 13px !important;
    }
    #alom-kezelt-tabla .cell-muvelet {
        width: 36% !important;
        gap: 8px !important;
    }

   #alom-kezelt-tabla .cell-eberalom {
        width: 14% !important;
        gap: 8px !important;
    }



    /* Biztosítjuk, hogy a gombok mobilon se essenek szét */
    #alom-kezelt-tabla .cell-muvelet .alom-gomb-ikonos {
        margin: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
}





/* Sötétített háttér overlay */
.alom-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(2px);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Modal doboz */
.alom-modal-doboz {
    background: #ffffff;
    padding: 24px 28px;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    text-align: center;
    max-width: 320px;
    width: 90%;
    font-family: 'Inter', sans-serif;
}

.alom-modal-doboz h3 {
    margin: 0 0 6px 0;
    font-size: 18px;
    color: #2c3e50;
}

.alom-modal-doboz p {
    margin: 0 0 20px 0;
    font-size: 14px;
    color: #666;
}

/* Gombok elrendezése */
.tipus-gombok-konteiner {
    display: flex;
    justify-content: center;
    gap: 16px;
}

.tipus-valaszto-gomb {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100px;
    height: 90px;
    border: 2px solid #eee;
    border-radius: 10px;
    background: #fafafa;
    cursor: pointer;
    transition: all 0.2s ease;
}

.tipus-valaszto-gomb span {
    font-size: 13px;
    font-weight: 600;
    color: #444;
}

.tipus-valaszto-gomb:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.tipus-valaszto-gomb.gomb-alom:hover {
    border-color: #8e44ad;
    background: #fcf6ff;
}

.tipus-valaszto-gomb.gomb-nappali:hover {
    border-color: #f39c12;
    background: #fffdf5;
}

/* Alapértelmezetten (asztali gépen) a teljes felirat látszik */
.tab-text-mobile {
    display: none;
}

/* Mobil nézetben (768px szélesség alatt) átvált a rövid változatra */
@media (max-width: 768px) {
    .tab-text-full {
        display: none;
    }
    .tab-text-mobile {
        display: inline;
    }
}

/* Összekötő sáv: lágy szürke háttér a teljes szakaszon */
mark.schema-container {
    background-color: #f9f9f9 !important;
    color: inherit !important;
    padding: 6px 3px 6px 3px !important;
    border-radius: 6px !important;
    display: inline !important;
    cursor: help !important;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

/* Bármilyen meglévő SZÓTÁRI kiemelés (span vagy mark) felülírja a szürkét és dominál! */
mark.schema-container span[style],
mark.schema-container mark[style],
mark.schema-container .szotari-kiemeles { /* Ha van saját osztálya a szótáradnak */
    border-radius: 4px;
    padding: 1px 4px;
  /*  display: inline-block;    */
}

/* A trigger szó szürke háttere CSAK AKKOR él, ha nincs szótári kiemelése */
mark.schema-container .schema-trigger-word {
    background-color: #e4eab8; /* Nem kell !important, így a szótár felül tudja bírálni */
    color: #215c76;
    font-weight: 600;
    padding: 1px 5px;
    border-radius: 4px;
   /* display: inline-block; */
}

/* A teljes séma-pár külső szögletes kerete (kapocs) */
.schema-wrapper {
    position: relative;
    display: inline-block;
    padding: 1px 5px;
    margin: 0 2px;
    border: 1px dashed #04638d; /* Szaggatott vagy folytonos keret a teljes pár köré */
    border-radius: 6px;
    background-color: rgba(4, 99, 141, 0.04); /* Halvány háttérszín */
}

/* A sémán belüli két konkrét trigger szó kiemelése */
.schema-trigger-word {
    font-weight: 600;
    text-decoration: underline decorative #04638d;
}    

table {
    width: 100%;
    table-layout: fixed; /* Rögzíti az oszlopok arányait, így a cell-cim pontosan kitölti a maradék helyet */
}

/* Oldallapozó konténer */
.lista-pagination {
    text-align: center;
    margin-top: 12px;
    margin-bottom: 12px;
}

/* Alapértelmezett oldalszám stílus (inaktív) */
.lista-page {
    display: inline-block;
    margin: 0 6px;
    padding: 2px 4px;
    color: #545454 !important; /* Felülírja a böngésző alap kék színét */
    text-decoration: none !important; /* Eltünteti az alapértelmezett kék aláhúzást */
    font-size: 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    transition: color 0.2s, border-color 0.2s;
}

/* Egér ráhúzásakor (hover) */
.lista-page:hover {
    color: #2c3e50 !important;
}

/* Az AKTUÁLIS oldal stílusa (mint a képen) */
.lista-page.active {
    color: #2c3e50 !important;
    font-weight: bold;
    border-bottom: 2px solid #545454; /* Dupla/vastagabb hatású alsó vonal */
    padding-bottom: 1px;
}



/* CSS Document */   

/* Többszörös előfordulás: szócikk + szótő csoportosan (élénk) */
.alom-word.highlight-exact {
    box-shadow: 0 0 8px 2px rgba(255, 152, 0, 0.9) !important;
    transform: scale(1.06);
    z-index: 10;
    position: relative;
}

/* Egyedi előfordulás: ha csak 1x szerepel a szövegben (enyhébb) */
.alom-word.highlight-stem {
    box-shadow: 0 0 3px 1px rgba(100, 100, 100, 0.5) !important;
    transform: scale(1.02);
    z-index: 9;
    position: relative;
}

#km-save-btn {
    padding: 8px 16px;
    background: #4d4d4d;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
    transition: transform 0.1s ease, background-color 0.1s ease, box-shadow 0.1s ease;
}

/* Egér fölé vitelkor picit világosabb */
#km-save-btn:hover {
    background: #5a5a5a;
}

/* Lenyomáskor benyomódó effekt */
#km-save-btn:active {
    transform: scale(0.95);
    background: #333333;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.4);
}

/* Megakadályozza, hogy a szóköz szürke/kék háttérszínt kapjon kijelöléskor */
#alom-szoveg-box ::selection {
    background-color: rgba(0, 120, 215, 0.3);
}