/**
 * Manic Pixels Web OS — Properties Window CSS
 * Janela de propriedades de ficheiros e pastas.
 */

.mp-props-body {
  overflow: hidden !important;
  padding: 0 !important;
}

.mp-props {
  display:        flex;
  flex-direction: column;
  height:         100%;
  padding:        22px 28px 18px;
  box-sizing:     border-box;
  font-family:    var(--mp-font-ui, system-ui, sans-serif);
  color:          var(--mp-text-primary, rgba(239,240,241,0.95));
  overflow-y:     auto;
}

/* ── Ícone ──────────────────────────────────────────────────────────────── */

.mp-props-icon-wrap {
  display:         flex;
  justify-content: center;
  margin-bottom:   8px;
  flex-shrink:     0;
}

.mp-props-icon-img {
  width:       48px;
  height:      48px;
  object-fit:  contain;
  display:     block;
}

.mp-props-icon-emoji {
  font-size:   48px;
  line-height: 1;
  display:     block;
}

/* ── Nome do ficheiro ───────────────────────────────────────────────────── */

.mp-props-filename {
  text-align:   center;
  font-size:    13px;
  font-weight:  600;
  color:        var(--mp-text-primary, rgba(239,240,241,0.95));
  word-break:   break-all;
  margin-bottom: 14px;
  flex-shrink:  0;
}

/* ── Separador ──────────────────────────────────────────────────────────── */

.mp-props-divider {
  height:      1px;
  background:  var(--mp-separator, rgba(255,255,255,0.08));
  margin-bottom: 14px;
  flex-shrink: 0;
}

/* ── Tabela de propriedades ─────────────────────────────────────────────── */

.mp-props-table {
  display:        flex;
  flex-direction: column;
  gap:            9px;
  flex:           1;
  overflow-y:     auto;
}

.mp-props-row {
  display:     grid;
  grid-template-columns: 110px 1fr;
  gap:         10px;
  align-items: baseline;
}

.mp-props-label {
  font-size:   11.5px;
  font-weight: 600;
  color:       var(--mp-text-secondary, rgba(239,240,241,0.55));
  text-align:  right;
  user-select: none;
  white-space: nowrap;
}

.mp-props-value {
  font-size:   11.5px;
  color:       var(--mp-text-primary, rgba(239,240,241,0.92));
  word-break:  break-all;
  user-select: text;
}