/* inline status next to the save button */
.em-inline-status {
    margin-left: 10px;
    font-size: 13px;
    font-weight: 600;
    color: #2563eb;
}

/* Working hours (Snoonu-like cards) */
.ezm-hours-top{
    display:flex;
    gap:16px;
    flex-wrap:wrap;
    align-items:flex-end;
    justify-content:space-between;
    margin:10px 0 16px;
}
.ezm-hours-top-left{min-width:320px; flex:1;}
.ezm-hours-top-right{display:flex; flex-direction:column; gap:10px; min-width:240px; align-items:flex-end;}
.ezm-hours-now{display:flex; gap:10px; align-items:center;}
.ezm-badge{
    display:inline-block;
    padding:3px 10px;
    border-radius:999px;
    background:#eef2ff;
    color:#1d4ed8;
    font-weight:600;
    font-size:12px;
}
.ezm-badge-today{background:#e0f2fe;color:#0369a1;}
.ezm-pill{
    display:inline-block;
    padding:4px 12px;
    border-radius:999px;
    font-weight:700;
    font-size:12px;
}
.ezm-pill.is-open{background:#dcfce7;color:#166534;}
.ezm-pill.is-closed{background:#fee2e2;color:#991b1b;}
.ezm-hours-auto{display:flex; gap:10px; align-items:center;}

.ezm-hours-editbar{display:flex; gap:10px; align-items:center; flex-wrap:wrap; justify-content:flex-end;}

/* Snoonu-like list (one day per row) */
.ezm-hours-grid.ezm-hours-list{
    display:flex;
    flex-direction:column;
    gap:12px;
}
@media (max-width: 920px){
    .ezm-hours-top-right{align-items:flex-start;}
}

.ezm-day-card{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:16px;
    padding:16px 18px;
    box-shadow:0 1px 2px rgba(0,0,0,.04);
}
.ezm-day-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
}
.ezm-day-row .ezm-day-head{
    margin:0;
    flex:0 0 240px;
}
.ezm-day-row .ezm-day-body{
    margin-top:0;
    flex:1;
}
@media (max-width: 900px){
    .ezm-day-row{flex-direction:column; align-items:stretch;}
    .ezm-day-row .ezm-day-head{flex:1 1 auto;}
}
.ezm-day-card.is-disabled{opacity:.75;}
.ezm-day-head{display:flex; justify-content:space-between; align-items:center; gap:12px;}
.ezm-day-title{display:flex; align-items:center; gap:10px;}
.ezm-day-name{font-size:18px; font-weight:800; color:#111827;}
.ezm-day-toggle{display:flex; gap:10px; align-items:center;}
.ezm-day-state{font-weight:700; color:#16a34a;}
.ezm-day-card.is-disabled .ezm-day-state{color:#991b1b;}

.ezm-day-body{margin-top:12px;}
.ezm-shift-row{padding:10px; border:1px solid #eef2f7; border-radius:12px; background:#fbfdff; margin-bottom:10px;}
.ezm-shift-view,.ezm-shift-edit{display:flex; gap:10px; align-items:center; flex-wrap:wrap;}
.ezm-shift-time{font-weight:800; color:#111827;}
.ezm-time{min-width:110px;}
.ezm-shift-sep{color:#6b7280; font-weight:600;}
.ezm-duration{
    background:#e0f2fe;
    color:#0369a1;
    font-weight:700;
    font-size:12px;
    padding:4px 10px;
    border-radius:999px;
    white-space:nowrap;
}
.ezm-shift-view .ezm-duration{margin-left:auto;}
.ezm-shift-edit .ezm-duration{margin-left:auto;}
.ezm-remove-shift{font-size:18px; line-height:1; padding:0 8px;}
.ezm-day-actions{display:flex; gap:10px; justify-content:flex-end; flex-wrap:wrap;}

/* View mode: make it look like Snoonu (no inner boxes) */
.ezm-hours-form[data-mode="view"] .ezm-shift-row{
    padding:0;
    border:none;
    background:transparent;
    margin:0;
}
.ezm-hours-form[data-mode="view"] .ezm-shifts{
    display:flex;
    flex-direction:column;
    gap:6px;
}
.ezm-hours-form[data-mode="view"] .ezm-shift-view{
    padding:0;
}

/* View vs Edit mode (Snoonu-like: view first, edit when button clicked) */
.ezm-hours-form[data-mode="view"] .ezm-shift-edit{display:none;}
.ezm-hours-form[data-mode="view"] .ezm-day-actions{display:none;}
.ezm-hours-form[data-mode="view"] .ezm-remove-shift{display:none !important;}
.ezm-hours-form[data-mode="view"] #ezm-hours-save-btn{display:none;}

.ezm-hours-form[data-mode="edit"] .ezm-shift-view{display:none;}
.ezm-hours-form[data-mode="edit"] .ezm-day-actions{display:flex;}
.ezm-hours-form[data-mode="edit"] #ezm-hours-save-btn{display:inline-flex;}

/* Switch */
.ezm-switch{position:relative; display:inline-block; width:46px; height:26px;}
.ezm-switch input{opacity:0; width:0; height:0;}
.ezm-slider{position:absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; background:#d1d5db; transition:.2s; border-radius:999px;}
.ezm-slider:before{position:absolute; content:""; height:20px; width:20px; left:3px; bottom:3px; background:white; transition:.2s; border-radius:999px; box-shadow:0 1px 2px rgba(0,0,0,.2);}
.ezm-switch input:checked + .ezm-slider{background:#22c55e;}
.ezm-switch input:checked + .ezm-slider:before{transform:translateX(20px);}

/* Snoonu-like rounded action buttons */
.ezm-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:10px 18px;
    border-radius:999px;
    border:1px solid transparent;
    font-weight:800;
    font-size:14px;
    line-height:1;
    cursor:pointer;
    box-shadow:0 1px 2px rgba(0,0,0,.08);
    text-decoration:none;
}
.ezm-btn:focus{outline:2px solid rgba(37,99,235,.35); outline-offset:2px;}
.ezm-btn-success{background:#22c55e; color:#fff;}
.ezm-btn-success:hover{background:#16a34a;}
.ezm-btn-danger{background:#ef4444; color:#fff;}
.ezm-btn-danger:hover{background:#dc2626;}

/* Edit mode alignment: keep day name, toggle, times, and actions on one line */
.ezm-hours-form[data-mode="edit"] .ezm-day-body{
    display:flex;
    align-items:center;
    gap:12px;
}
.ezm-hours-form[data-mode="edit"] .ezm-shifts{
    display:flex;
    align-items:center;
    gap:12px;
    flex:1;
    flex-wrap:wrap;
}
.ezm-hours-form[data-mode="edit"] .ezm-shift-row{
    padding:0;
    border:0;
    background:transparent;
    margin:0;
}
.ezm-hours-form[data-mode="edit"] .ezm-shift-edit{
    flex-wrap:nowrap;
}
.ezm-hours-form[data-mode="edit"] .ezm-day-actions{
    display:flex !important;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
    margin-left:auto;
}
.ezm-hours-form[data-mode="edit"] .ezm-day-actions .button{
    padding:8px 12px;
    border-radius:999px;
}

/* Smaller time inputs so actions fit inline */
.ezm-time{
    min-width:90px;
    width:90px;
}