.ln-container {
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 12px;

  font-family: var(--font-family);
  color: var(--color-text);
}

/* LIGHT THEME */
.notifications-wrapper.light {
  --mark-all-hover-bg: #EDEDED; /* DarkBlue 600 */
}

/* DARK THEME */
.notifications-wrapper.dark {
  --mark-all-hover-bg: #212330; /* DarkBlue 700 */
}

/* LIST */
.ln-list {
  list-style: none;
  padding: 0;
  margin: 0;

  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* ITEM */
.ln-item {
  position: relative;

  display: flex;
  align-items: flex-start;
  gap: 10px;

  padding: 12px;
  border-radius: 6px;

  background: var(--mark-all-hover-bg);

  transition: background 0.2s ease;

  /* 🔥 BASE BORDER */
  border-left: 6px solid transparent;
}

.ln-item:hover {
  background: var(--card-solid-border);
}

/* =========================
   🔥 BORDER LEFT (DINÁMICO)
   ========================= */

/* CHECK */
.ln-item:has(.check_icon) {
  border-left-color: #00c853;
}

/* ALERT / ERROR */
.ln-item:has(.alert_icon) {
  border-left-color: #ee084d;
}

/* LOW */
.ln-item:has(.icon_low) {
  border-left-color: #ffb9d2;
}

/* MEDIUM */
.ln-item:has(.icon_medium) {
  border-left-color: #ffe81c;
}

/* HIGH */
.ln-item:has(.icon_high) {
  border-left-color: #ff891c;
}

/* CRITICAL */
.ln-item:has(.icon_critical) {
  border-left-color: #ee084d;
}

/* EMERGENCY */
.ln-item:has(.icon_emergency) {
  border-left-color: #8b00ff;
}

/* PROCESSING */
.ln-item:has(.icon_processing) {
  border-left-color: #808080;
}

/* =========================
   ICON SYSTEM (NO TOCAR)
========================= */

.alert_icon,
.check_icon,
.icon_low,
.icon_medium,
.icon_high,
.icon_critical,
.icon_emergency,
.icon_processing {
  width: 40px;
  height: 40px;
  min-width: 40px;

  border-radius: 50%;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  background-repeat: no-repeat;
  background-position: center;
  background-size: 32px;
}

/* ICON COLORS + IMAGES */
.check_icon {
  background-color: #00c853;
  background-image: url("data:image/svg+xml,%3csvg%20width='26'%20height='26'%20viewBox='0%200%2026%2026'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='26'%20height='26'%20rx='13'%20fill='%2314BE6C'/%3e%3cg%20clip-path='url(%23clip0_19230_6437)'%3e%3cpath%20d='M11.5124%206.41169C12.9322%206.09091%2014.4177%206.23767%2015.7473%206.83009C16.1256%206.99868%2016.569%206.82863%2016.7376%206.45027C16.9062%206.07192%2016.7361%205.62853%2016.3578%205.45995C14.7327%204.73588%2012.9172%204.5565%2011.1819%204.94857C9.44655%205.34064%207.88447%206.28315%206.72858%207.63553C5.5727%208.98792%204.88494%2010.6777%204.76788%2012.4529C4.65083%2014.2281%205.11074%2015.9936%206.07904%2017.486C7.04734%2018.9785%208.47214%2020.1179%2010.1409%2020.7345C11.8097%2021.351%2013.6331%2021.4116%2015.3392%2020.9072C17.0452%2020.4027%2018.5425%2019.3604%2019.6077%2017.9355C20.6729%2016.5106%2021.249%2014.7791%2021.25%2013V12.31C21.25%2011.8958%2020.9142%2011.56%2020.5%2011.56C20.0858%2011.56%2019.75%2011.8958%2019.75%2012.31V12.9996C19.7492%2014.4552%2019.2778%2015.8715%2018.4063%2017.0373C17.5348%2018.2032%2016.3097%2019.056%2014.9139%2019.4687C13.518%2019.8814%2012.0262%2019.8319%2010.6608%2019.3274C9.29539%2018.823%208.12964%2017.8907%207.3374%2016.6696C6.54516%2015.4485%206.16886%2014.004%206.26463%2012.5516C6.36041%2011.0992%206.92312%209.71661%207.86884%208.61012C8.81456%207.50362%2010.0926%206.73248%2011.5124%206.41169Z'%20fill='white'/%3e%3cpath%20d='M21.0306%207.5301C21.3233%207.23706%2021.3231%206.76218%2021.0301%206.46944C20.737%206.17669%2020.2622%206.17693%2019.9694%206.46997L12.9997%2013.4466L11.2803%2011.7272C10.9874%2011.4343%2010.5126%2011.4343%2010.2197%2011.7272C9.92678%2012.0201%209.92678%2012.495%2010.2197%2012.7879L12.4697%2015.0379C12.6104%2015.1786%2012.8012%2015.2576%2013.0002%2015.2575C13.1992%2015.2575%2013.39%2015.1784%2013.5306%2015.0376L21.0306%207.5301Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_19230_6437'%3e%3crect%20width='18'%20height='18'%20fill='white'%20transform='translate(4%204)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}

.alert_icon {
  background-color: #ee084d;
  background-image: url("data:image/svg+xml,%3csvg%20width='26'%20height='26'%20viewBox='0%200%2026%2026'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='26'%20height='26'%20rx='13'%20fill='%23EE084D'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M11.896%204.96248C12.233%204.77276%2012.6131%204.6731%2012.9998%204.6731C13.3865%204.6731%2013.7667%204.77276%2014.1037%204.96248C14.4406%205.15219%2014.723%205.42555%2014.9236%205.75618L14.9257%205.75974L21.2782%2016.3647L21.2843%2016.3751C21.4808%2016.7153%2021.5847%2017.1011%2021.5858%2017.4939C21.5869%2017.8868%2021.4851%2018.2731%2021.2906%2018.6145C21.096%2018.9558%2020.8155%2019.2402%2020.4769%2019.4394C20.1383%2019.6387%2019.7534%2019.7458%2019.3606%2019.7501L19.3523%2019.7502L6.63909%2019.7502C6.24624%2019.7458%205.86136%2019.6387%205.52276%2019.4394C5.18416%2019.2402%204.90362%2018.9558%204.70907%2018.6145C4.51452%2018.2731%204.41273%2017.8868%204.41383%2017.4939C4.41493%2017.1011%204.51888%2016.7153%204.71534%2016.3751L4.72143%2016.3647L11.0739%205.75975L11.7173%206.14515L11.0761%205.75618C11.2766%205.42555%2011.559%205.15219%2011.896%204.96248ZM12.3595%206.53263L6.01185%2017.1295C5.94796%2017.2419%205.91418%2017.3688%205.91382%2017.4981C5.91345%2017.6291%205.94738%2017.7579%206.01224%2017.8716C6.07709%2017.9854%206.1706%2018.0802%206.28347%2018.1466C6.39535%2018.2125%206.52238%2018.2481%206.65213%2018.2502H19.3475C19.4773%2018.2481%2019.6043%2018.2125%2019.7162%2018.1466C19.8291%2018.0802%2019.9226%2017.9854%2019.9874%2017.8716C20.0523%2017.7579%2020.0862%2017.6291%2020.0858%2017.4981C20.0855%2017.3689%2020.0517%2017.2419%2019.9878%2017.1296L13.6411%206.53412L13.6402%206.53263C13.5734%206.42309%2013.4796%206.33251%2013.3678%206.26956C13.2555%206.20632%2013.1287%206.1731%2012.9998%206.1731C12.8709%206.1731%2012.7442%206.20632%2012.6319%206.26956C12.5201%206.33251%2012.4263%206.42309%2012.3595%206.53263Z'%20fill='white'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12.2498%2016.0002C12.2498%2015.5859%2012.5856%2015.2502%2012.9998%2015.2502H13.0073C13.4215%2015.2502%2013.7573%2015.5859%2013.7573%2016.0002C13.7573%2016.4144%2013.4215%2016.7502%2013.0073%2016.7502H12.9998C12.5856%2016.7502%2012.2498%2016.4144%2012.2498%2016.0002Z'%20fill='white'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12.9998%209.25015C13.414%209.25015%2013.7498%209.58594%2013.7498%2010.0002V13.0002C13.7498%2013.4144%2013.414%2013.7502%2012.9998%2013.7502C12.5856%2013.7502%2012.2498%2013.4144%2012.2498%2013.0002V10.0002C12.2498%209.58594%2012.5856%209.25015%2012.9998%209.25015Z'%20fill='white'/%3e%3c/svg%3e");
}

.icon_low {
  background-color: #ffb9d2;
  background-image: url("data:image/svg+xml,%3csvg%20width='26'%20height='26'%20viewBox='0%200%2026%2026'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='26'%20height='26'%20rx='13'%20fill='%23FFB9D2'/%3e%3cg%20clip-path='url(%23clip0_19239_6547)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M13%206.25C11.8065%206.25%2010.6619%206.72411%209.81802%207.56802C8.97411%208.41193%208.5%209.55653%208.5%2010.75V14.5C8.5%2015.0312%208.35913%2015.5478%208.09808%2016H17.9019C17.6409%2015.5478%2017.5%2015.0312%2017.5%2014.5V10.75C17.5%209.55653%2017.0259%208.41193%2016.182%207.56802C15.3381%206.72411%2014.1935%206.25%2013%206.25ZM20.5%2016C20.1022%2016%2019.7206%2015.842%2019.4393%2015.5607C19.158%2015.2794%2019%2014.8978%2019%2014.5V10.75C19%209.1587%2018.3679%207.63258%2017.2426%206.50736C16.1174%205.38214%2014.5913%204.75%2013%204.75C11.4087%204.75%209.88258%205.38214%208.75736%206.50736C7.63214%207.63258%207%209.1587%207%2010.75V14.5C7%2014.8978%206.84196%2015.2794%206.56066%2015.5607C6.27936%2015.842%205.89783%2016%205.5%2016C5.08579%2016%204.75%2016.3358%204.75%2016.75C4.75%2017.1642%205.08579%2017.5%205.5%2017.5H20.5C20.9142%2017.5%2021.25%2017.1642%2021.25%2016.75C21.25%2016.3358%2020.9142%2016%2020.5%2016ZM11.3262%2019.1012C11.6845%2018.8934%2012.1434%2019.0154%2012.3513%2019.3737C12.4172%2019.4873%2012.5118%2019.5817%2012.6257%2019.6472C12.7395%2019.7128%2012.8686%2019.7473%2013%2019.7473C13.1314%2019.7473%2013.2605%2019.7128%2013.3743%2019.6472C13.4882%2019.5817%2013.5828%2019.4873%2013.6488%2019.3737C13.8566%2019.0154%2014.3155%2018.8934%2014.6738%2019.1012C15.0321%2019.3091%2015.1541%2019.768%2014.9462%2020.1263C14.7485%2020.4673%2014.4646%2020.7503%2014.123%2020.9471C13.7814%2021.1438%2013.3942%2021.2473%2013%2021.2473C12.6058%2021.2473%2012.2186%2021.1438%2011.877%2020.9471C11.5354%2020.7503%2011.2515%2020.4673%2011.0538%2020.1263C10.8459%2019.768%2010.9679%2019.3091%2011.3262%2019.1012Z'%20fill='%23212330'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_19239_6547'%3e%3crect%20width='18'%20height='18'%20fill='white'%20transform='translate(4%204)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}

.icon_medium {
  background-color: #ffe81c;
  background-image: url("data:image/svg+xml,%3csvg%20width='26'%20height='26'%20viewBox='0%200%2026%2026'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='26'%20height='26'%20rx='13'%20fill='%23FFE81C'/%3e%3cg%20clip-path='url(%23clip0_19239_6524)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M13%206.25C11.8065%206.25%2010.6619%206.72411%209.81802%207.56802C8.97411%208.41193%208.5%209.55653%208.5%2010.75V14.5C8.5%2015.0312%208.35913%2015.5478%208.09808%2016H17.9019C17.6409%2015.5478%2017.5%2015.0312%2017.5%2014.5V10.75C17.5%209.55653%2017.0259%208.41193%2016.182%207.56802C15.3381%206.72411%2014.1935%206.25%2013%206.25ZM20.5%2016C20.1022%2016%2019.7206%2015.842%2019.4393%2015.5607C19.158%2015.2794%2019%2014.8978%2019%2014.5V10.75C19%209.1587%2018.3679%207.63258%2017.2426%206.50736C16.1174%205.38214%2014.5913%204.75%2013%204.75C11.4087%204.75%209.88258%205.38214%208.75736%206.50736C7.63214%207.63258%207%209.1587%207%2010.75V14.5C7%2014.8978%206.84196%2015.2794%206.56066%2015.5607C6.27936%2015.842%205.89783%2016%205.5%2016C5.08579%2016%204.75%2016.3358%204.75%2016.75C4.75%2017.1642%205.08579%2017.5%205.5%2017.5H20.5C20.9142%2017.5%2021.25%2017.1642%2021.25%2016.75C21.25%2016.3358%2020.9142%2016%2020.5%2016ZM11.3262%2019.1012C11.6845%2018.8934%2012.1434%2019.0154%2012.3513%2019.3737C12.4172%2019.4873%2012.5118%2019.5817%2012.6257%2019.6472C12.7395%2019.7128%2012.8686%2019.7473%2013%2019.7473C13.1314%2019.7473%2013.2605%2019.7128%2013.3743%2019.6472C13.4882%2019.5817%2013.5828%2019.4873%2013.6488%2019.3737C13.8566%2019.0154%2014.3155%2018.8934%2014.6738%2019.1012C15.0321%2019.3091%2015.1541%2019.768%2014.9462%2020.1263C14.7485%2020.4673%2014.4646%2020.7503%2014.123%2020.9471C13.7814%2021.1438%2013.3942%2021.2473%2013%2021.2473C12.6058%2021.2473%2012.2186%2021.1438%2011.877%2020.9471C11.5354%2020.7503%2011.2515%2020.4673%2011.0538%2020.1263C10.8459%2019.768%2010.9679%2019.3091%2011.3262%2019.1012Z'%20fill='%23212330'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_19239_6524'%3e%3crect%20width='18'%20height='18'%20fill='white'%20transform='translate(4%204)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}

.icon_high {
  background-color: #ff891c;
  background-image: url("data:image/svg+xml,%3csvg%20width='26'%20height='26'%20viewBox='0%200%2026%2026'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='26'%20height='26'%20rx='13'%20fill='%23FF891C'/%3e%3cg%20clip-path='url(%23clip0_19239_6478)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M13%206.25C11.8065%206.25%2010.6619%206.72411%209.81802%207.56802C8.97411%208.41193%208.5%209.55653%208.5%2010.75V14.5C8.5%2015.0312%208.35913%2015.5478%208.09808%2016H17.9019C17.6409%2015.5478%2017.5%2015.0312%2017.5%2014.5V10.75C17.5%209.55653%2017.0259%208.41193%2016.182%207.56802C15.3381%206.72411%2014.1935%206.25%2013%206.25ZM20.5%2016C20.1022%2016%2019.7206%2015.842%2019.4393%2015.5607C19.158%2015.2794%2019%2014.8978%2019%2014.5V10.75C19%209.1587%2018.3679%207.63258%2017.2426%206.50736C16.1174%205.38214%2014.5913%204.75%2013%204.75C11.4087%204.75%209.88258%205.38214%208.75736%206.50736C7.63214%207.63258%207%209.1587%207%2010.75V14.5C7%2014.8978%206.84196%2015.2794%206.56066%2015.5607C6.27936%2015.842%205.89783%2016%205.5%2016C5.08579%2016%204.75%2016.3358%204.75%2016.75C4.75%2017.1642%205.08579%2017.5%205.5%2017.5H20.5C20.9142%2017.5%2021.25%2017.1642%2021.25%2016.75C21.25%2016.3358%2020.9142%2016%2020.5%2016ZM11.3262%2019.1012C11.6845%2018.8934%2012.1434%2019.0154%2012.3513%2019.3737C12.4172%2019.4873%2012.5118%2019.5817%2012.6257%2019.6472C12.7395%2019.7128%2012.8686%2019.7473%2013%2019.7473C13.1314%2019.7473%2013.2605%2019.7128%2013.3743%2019.6472C13.4882%2019.5817%2013.5828%2019.4873%2013.6488%2019.3737C13.8566%2019.0154%2014.3155%2018.8934%2014.6738%2019.1012C15.0321%2019.3091%2015.1541%2019.768%2014.9462%2020.1263C14.7485%2020.4673%2014.4646%2020.7503%2014.123%2020.9471C13.7814%2021.1438%2013.3942%2021.2473%2013%2021.2473C12.6058%2021.2473%2012.2186%2021.1438%2011.877%2020.9471C11.5354%2020.7503%2011.2515%2020.4673%2011.0538%2020.1263C10.8459%2019.768%2010.9679%2019.3091%2011.3262%2019.1012Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_19239_6478'%3e%3crect%20width='18'%20height='18'%20fill='white'%20transform='translate(4%204)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}

.icon_critical {
  background-color: #ee084d;
  background-image: url("data:image/svg+xml,%3csvg%20width='26'%20height='26'%20viewBox='0%200%2026%2026'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='26'%20height='26'%20rx='13'%20fill='%23EE084D'/%3e%3cg%20clip-path='url(%23clip0_19239_6570)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M13%206.25C11.8065%206.25%2010.6619%206.72411%209.81802%207.56802C8.97411%208.41193%208.5%209.55653%208.5%2010.75V14.5C8.5%2015.0312%208.35913%2015.5478%208.09808%2016H17.9019C17.6409%2015.5478%2017.5%2015.0312%2017.5%2014.5V10.75C17.5%209.55653%2017.0259%208.41193%2016.182%207.56802C15.3381%206.72411%2014.1935%206.25%2013%206.25ZM20.5%2016C20.1022%2016%2019.7206%2015.842%2019.4393%2015.5607C19.158%2015.2794%2019%2014.8978%2019%2014.5V10.75C19%209.1587%2018.3679%207.63258%2017.2426%206.50736C16.1174%205.38214%2014.5913%204.75%2013%204.75C11.4087%204.75%209.88258%205.38214%208.75736%206.50736C7.63214%207.63258%207%209.1587%207%2010.75V14.5C7%2014.8978%206.84196%2015.2794%206.56066%2015.5607C6.27936%2015.842%205.89783%2016%205.5%2016C5.08579%2016%204.75%2016.3358%204.75%2016.75C4.75%2017.1642%205.08579%2017.5%205.5%2017.5H20.5C20.9142%2017.5%2021.25%2017.1642%2021.25%2016.75C21.25%2016.3358%2020.9142%2016%2020.5%2016ZM11.3262%2019.1012C11.6845%2018.8934%2012.1434%2019.0154%2012.3513%2019.3737C12.4172%2019.4873%2012.5118%2019.5817%2012.6257%2019.6472C12.7395%2019.7128%2012.8686%2019.7473%2013%2019.7473C13.1314%2019.7473%2013.2605%2019.7128%2013.3743%2019.6472C13.4882%2019.5817%2013.5828%2019.4873%2013.6488%2019.3737C13.8566%2019.0154%2014.3155%2018.8934%2014.6738%2019.1012C15.0321%2019.3091%2015.1541%2019.768%2014.9462%2020.1263C14.7485%2020.4673%2014.4646%2020.7503%2014.123%2020.9471C13.7814%2021.1438%2013.3942%2021.2473%2013%2021.2473C12.6058%2021.2473%2012.2186%2021.1438%2011.877%2020.9471C11.5354%2020.7503%2011.2515%2020.4673%2011.0538%2020.1263C10.8459%2019.768%2010.9679%2019.3091%2011.3262%2019.1012Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_19239_6570'%3e%3crect%20width='18'%20height='18'%20fill='white'%20transform='translate(4%204)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}

.icon_emergency {
  background-color: #8b00ff;
  background-image: url("data:image/svg+xml,%3csvg%20width='26'%20height='26'%20viewBox='0%200%2026%2026'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='0.5'%20y='0.5'%20width='25'%20height='25'%20rx='12.5'%20fill='%23171923'/%3e%3crect%20x='0.5'%20y='0.5'%20width='25'%20height='25'%20rx='12.5'%20stroke='white'/%3e%3cg%20clip-path='url(%23clip0_19239_6501)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M13%206.25C11.8065%206.25%2010.6619%206.72411%209.81802%207.56802C8.97411%208.41193%208.5%209.55653%208.5%2010.75V14.5C8.5%2015.0312%208.35913%2015.5478%208.09808%2016H17.9019C17.6409%2015.5478%2017.5%2015.0312%2017.5%2014.5V10.75C17.5%209.55653%2017.0259%208.41193%2016.182%207.56802C15.3381%206.72411%2014.1935%206.25%2013%206.25ZM20.5%2016C20.1022%2016%2019.7206%2015.842%2019.4393%2015.5607C19.158%2015.2794%2019%2014.8978%2019%2014.5V10.75C19%209.1587%2018.3679%207.63258%2017.2426%206.50736C16.1174%205.38214%2014.5913%204.75%2013%204.75C11.4087%204.75%209.88258%205.38214%208.75736%206.50736C7.63214%207.63258%207%209.1587%207%2010.75V14.5C7%2014.8978%206.84196%2015.2794%206.56066%2015.5607C6.27936%2015.842%205.89783%2016%205.5%2016C5.08579%2016%204.75%2016.3358%204.75%2016.75C4.75%2017.1642%205.08579%2017.5%205.5%2017.5H20.5C20.9142%2017.5%2021.25%2017.1642%2021.25%2016.75C21.25%2016.3358%2020.9142%2016%2020.5%2016ZM11.3262%2019.1012C11.6845%2018.8934%2012.1434%2019.0154%2012.3513%2019.3737C12.4172%2019.4873%2012.5118%2019.5817%2012.6257%2019.6472C12.7395%2019.7128%2012.8686%2019.7473%2013%2019.7473C13.1314%2019.7473%2013.2605%2019.7128%2013.3743%2019.6472C13.4882%2019.5817%2013.5828%2019.4873%2013.6488%2019.3737C13.8566%2019.0154%2014.3155%2018.8934%2014.6738%2019.1012C15.0321%2019.3091%2015.1541%2019.768%2014.9462%2020.1263C14.7485%2020.4673%2014.4646%2020.7503%2014.123%2020.9471C13.7814%2021.1438%2013.3942%2021.2473%2013%2021.2473C12.6058%2021.2473%2012.2186%2021.1438%2011.877%2020.9471C11.5354%2020.7503%2011.2515%2020.4673%2011.0538%2020.1263C10.8459%2019.768%2010.9679%2019.3091%2011.3262%2019.1012Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_19239_6501'%3e%3crect%20width='18'%20height='18'%20fill='white'%20transform='translate(4%204)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}

.icon_processing {
  background-color: #808080;
  background-image: url("data:image/svg+xml,%3csvg%20width='26'%20height='26'%20viewBox='0%200%2026%2026'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='26'%20height='26'%20rx='13'%20fill='%23949494'/%3e%3cpath%20d='M15.43%205.5H10.57C7.75003%205.5%207.53253%208.035%209.05503%209.415L16.945%2016.585C18.4675%2017.965%2018.25%2020.5%2015.43%2020.5H10.57C7.75003%2020.5%207.53253%2017.965%209.05503%2016.585L16.945%209.415C18.4675%208.035%2018.25%205.5%2015.43%205.5Z'%20stroke='white'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
  animation: spin 2s linear infinite;
}

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

/* =========================
   TEXT LAYOUT
========================= */

.ln-html {
  flex: 1;
  min-width: 0;

  color: var(--color-text);

  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* TITULO */
.ln-html .alarm_title {
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;

  margin: 0;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* LIGHT */
.ln-container.light .ln-html .alarm_title {
  color: var(--color-bg);
}

/* DARK */
.ln-container.dark .ln-html .alarm_title {
  color: var(--color-text);
}

/* VALOR */
.ln-html .alarm_value {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;

  color: var(--color-text);

  margin: 0;
}

/* SUBTITULO */
.ln-html .alarm_text {
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;

  color: var(--color-text-disabled);

  margin: 0;
}

/* DESCRIPCION */
.ln-html .alarm_text2 {
  font-size: 11px;
  font-weight: 400;
  line-height: 15px;

  color: var(--color-text-disabled);

  margin: 0;
}

.ln-html .alarm_date {
  width: 100%;
  display: flex;
  justify-content: flex-end;

  font-size: 10px;
  color: var(--color-text-disabled);

  margin-top: 6px;
}

/* EMPTY */
.ln-empty {
  color: var(--color-text-disabled);
  text-align: center;
}

/* CHECK */
.ln-check-inside {
  position: absolute;
  top: 6px;
  right: 6px;

  width: 18px;
  height: 18px;

  cursor: pointer;
  opacity: 0.8;
}

.alarm_container {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
}

.column_left_alert {
  flex: 1;
  min-width: 0;

  display: flex;
  flex-direction: column;
  gap: 4px;
}
.notifications-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;

  background: var(--modal-bg);
  padding: 12px;
  border-radius: var(--modal-border-radius);

  max-height: 100%;
}
/* LIGHT */
.notifications-wrapper.light .notifications-title {
  color: var(--color-bg);
}

/* DARK */
.notifications-wrapper.dark .notifications-title {
  color: var(--color-text);
}

/* LIGHT THEME */
.notifications-wrapper.light {
  --mark-all-hover-bg: #EDEDED; /* DarkBlue 600 */
}

/* DARK THEME */
.notifications-wrapper.dark {
  --mark-all-hover-bg: #212330; /* DarkBlue 700 */
}

/* HEADER */
.notifications-header {
  display: flex;
  justify-content: space-between;
  align-items: center;

  background: var(--card-outline-bg);
  padding: 10px 14px;
  border-radius: 6px;

  flex-shrink: 0;
  color: var(--color-text);
}

/* TITLE */
.notifications-title {
  font-family: var(--font-family);
  font-size: 14px;
}

.mark-all-text {
  color: var(--primary-color); /* tu morado */
  font-weight: 500;
}

/* BUTTON */
.mark-all-btn {
  display: flex;
  align-items: center;
  gap: 8px;

  background: var(--card-outline-bg);
  padding: 6px 12px;
  border-radius: 6px;

  font-family: var(--font-family);
  font-size: 13px;
  color: var(--color-text-secondary);

  cursor: pointer;
  transition: background 0.2s ease;
}

.mark-all-btn:hover:not(:disabled) {
  background: var(--mark-all-hover-bg);
}

.mark-all-btn:disabled {
  opacity: var(--opacity-disabled);
  cursor: not-allowed;
}

.mark-all-icon {
  width: 16px;
  height: 16px;
  opacity: 0.9;
}

/* LIST WRAPPER */
.ln-container {
  overflow-y: auto;
  flex: 1;
}/*$vite$:1*/