/* Kapsayıcı ve hero */
.um-ism { --card: #fff; --muted:#667085; --border:#e5e7eb; --bg:#f8fafc; }
.um-ism { max-width: 1100px; margin: 32px auto; padding: 0 16px; }
.um-ism__hero { display:flex; gap:16px; align-items:center; margin-bottom:16px; }
.um-ism__avatar-img { border-radius: 16px; }
.um-ism__title h1 { font-size: 26px; margin:0; }
.um-ism__subtitle { color: var(--muted); margin-top: 4px; }

/* Tabs */
.um-ism__tabs { display:flex; gap:8px; border-bottom:1px solid var(--border); margin: 12px 0 16px; flex-wrap: wrap; }
.um-ism__tabs button { background:#f1f5f9; border:1px solid var(--border); border-bottom:none; padding:10px 14px; border-radius:12px 12px 0 0; cursor:pointer; }
.um-ism__tabs button.is-active { background: var(--card); }

/* Panes */
.um-ism__panes { background: var(--card); border:1px solid var(--border); border-radius: 0 12px 12px 12px; padding: 16px; }
.um-ism__panes > section { display:none; }
.um-ism__panes > section.is-active { display:block; }

/* Grid */
.um-ism__grid { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:12px; }
.um-ism__item { background:#ffffff; border:1px solid var(--border); border-radius:10px; padding:10px 12px; display:flex; justify-content:space-between; gap:12px; }
.um-ism__item .k { color: var(--muted); }
.um-ism__item .v { font-weight: 600; }
.um-ism__item--wide { grid-column: 1 / -1; }

/* Alert */
.um-ism__alert { margin-top:12px; background:#fffdf6; border:1px dashed #f59e0b; color:#92400e; padding:10px 12px; border-radius:10px; }

/* Responsive */
@media (max-width: 900px){
  .um-ism__grid { grid-template-columns: 1fr; }
}