.ehl-label{border:1px solid;  display:inline-block;font-size:12px;line-height:16px;height:16px;padding:0 6px;border-radius:8px;vertical-align:middle;white-space:nowrap}
.ehl-chip{border:1px solid;  display:inline-block;font-size:12px;line-height:16px;height:16px;padding:0 6px;border-radius:8px;vertical-align:middle;white-space:nowrap}

/* Frontend styles */
.ehl-frontend { margin: 1rem 0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
.ehl-acc-item { border:1px solid #eee; border-radius:10px; margin:10px 0; overflow:hidden; }
.ehl-acc-head { display:block; padding:10px 12px; background:#f7f7fb; text-decoration:none; color:#111; }
.ehl-acc-item .ehl-acc-body { display:none; padding:10px 12px; background:#fff; }
.ehl-acc-item.active .ehl-acc-body { display:block; }

/* Dropdown width constraints */
.ehl-tenant-select { max-width: 50vw; min-width: 300px; }
.ehl-tenant-select-inner{ position: relative; display: flex; align-items: center; gap: .5rem; }
.ehl-tenant-select-inner .ehl-tenant-logo{ width: 22px; height: 22px; object-fit: contain; }
.ehl-tenant-select-input{ flex: 1 1 auto; min-width: 0; }

.ehl-slot { border:1px dashed #ddd; border-radius:8px; padding:8px; margin:8px 0; }
.ehl-slot-time { font-size:.95rem; margin-bottom:6px; font-weight:600; }
.ehl-slot-list { margin:0 0 6px 1.25rem; }

/* Cleaner link-like controls */
.ehl-link, .ehl-link-btn { background:none; border:none; padding:0; color:#0b5ed7; text-decoration:underline; cursor:pointer; font:inherit; }
.ehl-link:hover, .ehl-link-btn:hover { text-decoration:none; }

/* Smaller expand-all link */
.ehl-expand-all { background:none; border:none; padding:0; margin:0 0 8px 0; color:#0b5ed7; text-decoration:underline; cursor:pointer; font-size:.95rem; }

/* Accordion chevrons */
.ehl-acc-head { position:relative; padding-right:28px; }
.ehl-acc-head::after {
  content:"▼"; position:absolute; right:10px; top:50%; transform:translateY(-50%);
  font-size:.8rem; opacity:.7;
}
.ehl-acc-item.active .ehl-acc-head::after { content:"▲"; }

/* Modal */
.ehl-modal{ display:none; }
.ehl-modal[aria-hidden="false"]{ display:block; }
.ehl-modal-backdrop{ position:fixed; inset:0; background:rgba(0,0,0,.35); }
.ehl-modal-dialog{ position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); background:#fff; border-radius:10px; min-width:280px; max-width:520px; width:92%; box-shadow:0 10px 30px rgba(0,0,0,.3); }
.ehl-modal-header{ padding:10px 12px; border-bottom:1px solid #eee; display:flex; justify-content:space-between; align-items:center; }
.ehl-modal-body{ padding:12px; }
.ehl-modal-close{ background:none; border:none; font-size:20px; line-height:1; cursor:pointer; }
.ehl-field{ margin-bottom:10px; }
.ehl-field label{ display:block; font-size:.95rem; }
.ehl-field input{ width:100%; padding:6px 8px; border:1px solid #ccc; border-radius:6px; }
.ehl-actions{ text-align:right; }
.ehl-notice{ background:#e7f5ff; border:1px solid #b3e0ff; padding:8px 10px; border-radius:6px; margin-bottom:8px; }


.ehl-label--red{background:#FFC7CE;border-color:#9C0006;color:#9C0006}
.ehl-label--yellow{background:#FFEB9C;border-color:#9C5700;color:#9C5700}
.ehl-label--green{background:#C6EFCE;border-color:#006100;color:#006100}
.ehl-acc-head{ position:relative; padding-right:36px; text-decoration:none; color:inherit; }
.ehl-acc-head::after { content:"\2304"; position:absolute; right:10px; top:50%; transform:translateY(-50%); width:20px; height:20px; border:1px solid #bbb; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:12px; opacity:.8; background:#fff; }
.ehl-acc-item.active .ehl-acc-head::after { content:"\2303"; }
.ehl-expand-all { background:none; border:none; padding:0; margin:0 0 8px 0; color:#0b5ed7; text-decoration:underline; cursor:pointer; font-size:.95rem; }
.ehl-link, .ehl-link-btn { background:none; border:none; padding:0; color:#0b5ed7; text-decoration:underline; cursor:pointer; font:inherit; }
.ehl-link:hover, .ehl-link-btn:hover { text-decoration:none; }

.ehl-chip{ display:inline-block;padding:4px 10px;border-radius:999px;font-size:.9rem;line-height:1.6}
.ehl-chip--red{background:#FFC7CE;border-color:#9C0006;color:#9C0006}
.ehl-chip--yellow{background:#FFEB9C;border-color:#9C5700;color:#9C5700}
.ehl-chip--green{background:#C6EFCE;border-color:#006100;color:#006100}

.ehl-secondary{display:inline-block;padding:6px 12px;border:1px solid #c3c4c7;border-radius:4px;background:#f6f7f7;cursor:pointer}
.ehl-secondary:hover{background:#f0f0f1}

#ehlToggleAll:focus, #ehlToggleAll:active{ outline:none; box-shadow:none; background-image:none; }

#ehlToggleAll:focus{outline:none;box-shadow:none;background-image:none;}
#ehlToggleAll:active{outline:none;box-shadow:none;background-image:none;}
#ehlToggleAll{ -webkit-tap-highlight-color: transparent; }
#ehlToggleAll:focus-visible{ outline: none; box-shadow:none; }
.ehl-zebra tbody tr:nth-child(odd){background:#ffffff}
.ehl-zebra tbody tr:nth-child(even){background:#f7f7f7}