/* v3.4.3: collapse control lives wholly inside the icon rail. */
@media (min-width:821px) {
  html.sidebar-collapsed .app-sidebar { overflow:visible; }
  html.sidebar-collapsed .sidebar-head {
    box-sizing:border-box;
    width:100%; height:104px; min-height:104px;
    padding:10px 0 6px !important; margin-bottom:4px;
    display:flex; flex-direction:column;
    justify-content:center; align-items:center; gap:7px;
  }
  html.sidebar-collapsed .workspace-mark {
    flex:none; width:44px; min-width:0;
    display:flex; justify-content:center; align-items:center;
    padding:2px; margin:0;
  }
  html.sidebar-collapsed .sidebar-collapse-btn {
    flex:0 0 30px; width:42px; height:30px;
    min-width:0; margin:0; padding:0;
    position:static; transform:none;
    display:grid; place-items:center;
    background:var(--panel2);
    border:1px solid var(--border);
    border-radius:9px;
    color:var(--muted);
  }
  html.sidebar-collapsed .sidebar-collapse-btn:hover,
  html.sidebar-collapsed .sidebar-collapse-btn:focus-visible {
    background:var(--sidebar-hover); color:var(--text);
  }
  html.sidebar-collapsed .sidebar-collapse-btn svg { width:16px;height:16px; }
}
.mlo-event-editor{max-width:660px}
.mlo-event-editor .mlo-form{display:grid;gap:16px}
.mlo-event-editor .mlo-form label{display:flex;flex-direction:column;gap:6px;color:var(--text)}
.mlo-event-editor input,.mlo-event-editor select,.mlo-external-delete input{
  width:100%;background:var(--panel2);color:var(--text);border:1px solid var(--border);
  border-radius:10px;padding:12px;font:inherit;
}
.mlo-event-date-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media(max-width:600px){.mlo-event-date-row{grid-template-columns:1fr}}
.mlo-provider-setup code{display:block;white-space:normal;overflow-wrap:anywhere;margin:8px 0 14px;
  padding:10px;border-radius:8px;background:var(--panel2);color:var(--text)}
.mlo-provider-setup p{color:var(--muted);line-height:1.55}
.mlo-provider-setup strong{display:block;margin-top:12px}
.mlo-external-delete{margin-top:20px;padding:16px;border:1px solid var(--border);border-radius:12px}
.mlo-external-delete form{display:grid;gap:12px;margin-top:15px;max-width:480px}
.mlo-external-delete input{display:block;margin-top:6px}
.mlo-connected-item{flex-wrap:wrap}
.mlo-connected-item .mlo-inline-actions{flex-wrap:wrap;gap:7px}

/* Keep the unified event calendar picker hidden until an external account is selected. */
#mlo-event-calendar-wrap[hidden],#mlo-event-local-options[hidden]{display:none!important}
#mlo-unified-event-form [disabled]{opacity:.55;cursor:not-allowed}

/* v3.6.3: persistent finance navigation and private QR device pairing */
.finance-unified-tabs{margin:0 0 20px;padding:8px;gap:5px;background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow-x:auto;max-width:100%;}
.finance-unified-tabs a{padding:10px 14px;border-radius:9px;font-size:13px;white-space:nowrap;}
.finance-unified-tabs a.active{color:var(--text);background:var(--panel2);box-shadow:inset 0 0 0 1px var(--border);}
.mlo-pair-details{margin-top:12px}.mlo-pair-details>summary{cursor:pointer;font-weight:650;color:var(--text);}
.mlo-pair-card{display:flex;align-items:flex-start;flex-wrap:wrap;gap:12px;margin-top:12px;}
.mlo-pair-card img{background:#fff;border:8px solid #fff;border-radius:12px;width:224px;height:224px;max-width:100%;object-fit:contain;}
.mlo-pair-card p{flex:1 1 240px;}
.mlo-budget-feedback{padding:12px;margin-bottom:14px;border-radius:10px;background:var(--panel2);border:1px solid var(--border);color:var(--text);font-weight:600;}
.mlo-budget-feedback[hidden]{display:none}