.nir-uc{max-width:980px;margin:0 auto;padding:20px}
.nir-uc-header{padding:10px 0 18px}
.nir-uc-title{font-size:24px;font-weight:700;letter-spacing:.5px}
.nir-uc-subtitle{opacity:.7;margin-top:4px}
.nir-uc-card{background:rgba(255,255,255,.85);border-radius:14px;padding:16px 16px 6px;box-shadow:0 10px 30px rgba(0,0,0,.08);backdrop-filter:blur(10px)}
.nir-uc-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.nir-uc-tab{border:1px solid rgba(0,0,0,.12);background:transparent;border-radius:999px;padding:8px 12px;cursor:pointer}
.nir-uc-tab.is-active{background:rgba(0,0,0,.06)}
.nir-uc-panel{display:none}
.nir-uc-panel.is-active{display:block}
.nir-uc-row{margin:12px 0}
.nir-uc-row label{display:block;font-size:13px;opacity:.75;margin-bottom:6px}
.nir-uc-row input{width:100%;padding:10px 12px;border:1px solid rgba(0,0,0,.12);border-radius:10px;background:rgba(255,255,255,.9)}
.nir-uc-row textarea{width:100%;padding:10px 12px;border:1px solid rgba(0,0,0,.12);border-radius:10px;background:rgba(255,255,255,.9);resize:vertical;min-height:120px;line-height:1.6}
body.night .nir-uc-row textarea{width:100%;padding:10px 12px;border:1px solid rgb(237 227 227 / 12%);border-radius:10px;background:rgba(255,255,255,.06);resize:vertical;min-height:120px;line-height:1.6}
.nir-uc-inline{display:flex;gap:10px;align-items:center}
.nir-uc-inline input{flex:1}
.nir-uc-inline select{flex:1;padding:10px 12px;border:1px solid rgba(0,0,0,.12);border-radius:10px;background:rgba(255,255,255,.9)}
.nir-uc-row-inline{display:flex;align-items:center;justify-content:flex-end;gap:12px}
.nir-uc-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.12);background:transparent;border-radius:10px;padding:10px 12px;cursor:pointer;text-decoration:none}
.nir-uc-btn-primary{background:#29944e;color:#fff;border-color:#29944e}
.nir-uc-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer}
.nir-uc-checkbox input{width:auto}
.nir-uc-message{margin:12px 0 6px;min-height:18px;font-size:13px}
.nir-uc-message.is-error{color:#b00020}
.nir-uc-message.is-ok{color:#0a7a2e}
.nir-uc-dashboard{padding:6px 0 8px}
.nir-uc-userbox{display:flex;gap:12px;align-items:center}
.nir-uc-avatar{width:56px;height:56px;border-radius:50%;background:rgba(0,0,0,.06);object-fit:cover}
.nir-uc-userbox-name{font-size:18px;font-weight:700}
.nir-uc-userbox-meta{opacity:.7;font-size:13px;margin-top:2px}
.nir-uc-kpis{display:flex;gap:12px;margin:14px 0 8px;flex-wrap:wrap}
body.night .nir-uc-kpi{flex:1;min-width:160px;border:1px solid #1e2d41;border-radius:12px;padding:12px;background:#28374a}
.nir-uc-kpi{flex:1;min-width:160px;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:12px;background:rgba(255,255,255,.7)}
.nir-uc-kpi-label{opacity:.7;font-size:13px}
.nir-uc-kpi-value{font-size:22px;font-weight:800;margin-top:4px}
.nir-uc-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.nir-uc-hint{opacity:.7;font-size:13px}
.nir-uc-hint b{font-weight:800}
.nir-uc-list{display:flex;flex-direction:column;gap:8px;margin:10px 0}
.nir-uc-list a{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid rgba(0,0,0,.08);border-radius:12px;text-decoration:none;background:rgba(255,255,255,.7)}
.nir-uc-list a:hover{background:rgba(0,0,0,.03)}
.nir-uc-list .nir-uc-list-title{font-weight:600}
.nir-uc-list .nir-uc-list-id{opacity:.55;font-size:12px}

@media(max-width:720px){
  .nir-uc{padding:14px 12px}
  .nir-uc-title{font-size:20px}
  .nir-uc-inline{flex-direction:column;align-items:stretch}
  .nir-uc-inline input,.nir-uc-inline select{width:100%}
  .nir-uc-row-inline{justify-content:stretch;flex-wrap:wrap}
  .nir-uc-row-inline .nir-uc-btn{flex:1}
  .nir-uc-list a{flex-direction:column;align-items:flex-start}
}