/* UCMU_COMPONENTS_CANONICAL
   Reusable components only.
   No shell/sidebar/nav ownership here.
*/

[hidden] {
  display: none ;
}

.ucmu-card {
  border-radius: var(--r-card);
  background: var(--ucmu-card);
  box-shadow: var(--shadow-card);
}

.ucmu-empty-state {
  min-height: 120px;
  border-radius: 24px;
  background: var(--ucmu-card);
  box-shadow: var(--shadow-card);
  display: grid;
  place-items: center;
  color: var(--ucmu-muted);
  font-weight: 900;
  text-align: center;
}

.ucmu-avatar {
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--ucmu-graphite);
  color: #fff;
  font-weight: 950;
  overflow: hidden;
}

.ucmu-pill-button,
.ucmu-icon-button {
  border: 0;
  cursor: pointer;
  font: inherit;
}

.ucmu-pill-button {
  min-height: 38px;
  border-radius: 999px;
  padding: 0 14px;
  background: rgba(46,51,56,.08);
  color: var(--ucmu-graphite);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ucmu-icon-button {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: rgba(46,51,56,.08);
  color: var(--ucmu-graphite);
}

.ucmu-field {
  width: 100%;
  border: 0;
  outline: 0;
  border-radius: var(--r-control);
  background: rgba(46,51,56,.07);
  color: var(--ucmu-text);
  box-sizing: border-box;
}

/* UCMU_CONFIRM_CANONICAL */
.ucmu-confirm-layer{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;padding:20px}
.ucmu-confirm-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.48);backdrop-filter:blur(6px)}
.ucmu-confirm-box{position:relative;z-index:1;width:min(420px,calc(100vw - 32px));border-radius:24px;background:var(--ucmu-card,#fff);color:var(--ucmu-text);box-shadow:0 24px 80px rgba(0,0,0,.28);padding:20px;display:grid;gap:14px}
.ucmu-confirm-box header b{font-size:15px;font-weight:950;letter-spacing:.04em}
.ucmu-confirm-box p{margin:0;color:var(--ucmu-muted);font-size:13px;line-height:1.45}
.ucmu-confirm-box footer{display:flex;justify-content:flex-end;gap:10px}
.ucmu-confirm-box button{border:0;border-radius:999px;padding:11px 15px;background:rgba(46,51,56,.08);color:var(--ucmu-graphite);font-size:11px;font-weight:950;text-transform:uppercase;cursor:pointer}
.ucmu-confirm-box button.is-danger{background:var(--ucmu-red);color:#fff}

.ucmu-modal-open{overflow:hidden;overscroll-behavior:none}
.ucmu-modal-layer{position:fixed;inset:0;z-index:10060;display:grid;place-items:center;padding:18px;background:rgba(0,0,0,.46);backdrop-filter:blur(8px)}
.ucmu-modal-layer>[role="dialog"],.ucmu-modal-card{position:relative;z-index:1;max-width:min(720px,calc(100vw - 24px));max-height:calc(100svh - 24px);overflow:auto;border-radius:28px;background:var(--ucmu-card,#fff);color:var(--ucmu-text);box-shadow:var(--shadow-modal,0 28px 80px rgba(0,0,0,.28))}
@media(max-width:760px){.ucmu-modal-layer{padding:8px;align-items:end}.ucmu-modal-layer>[role="dialog"],.ucmu-modal-card{width:100%;max-width:430px;max-height:calc(100svh - 18px);border-radius:26px 26px 0 0}}