/* Restaurant module states and business hooks only.
   Shared page shell lives in components/shell.css + module-header.css.
   Shared workbench geometry lives in layouts/workbench-*.css. */
.restaurant-layout {
  grid-template-columns: minmax(0,1fr);
}

/* Entity header visual treatment is shared by components/entity-header.css. */

.restaurant-photo {
  font-size: 18px;
}


/* Tab bar uses shared rs-tabs / rs-tab primitives from components/tabs.css.
   Restaurant only owns sizing; shared tab-panel/workspace surface owns the visual treatment. */
.restaurant-tab-panel {
  height: 100%;
  overflow: hidden;
}


/* Field layout. */
.restaurant-identity-grid,
.restaurant-detail-grid {
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 10px;
}

.restaurant-identity-grid .wide,
.restaurant-detail-grid .wide {
  grid-column: 1 / -1;
}

.restaurant-inline-field--readonly {
  cursor: default;
  pointer-events: none;
}

/* Read-only display value inside a restaurant field — module-specific typography override */
.restaurant-inline-field--readonly .rs-field-value {
  font-size: 13px;
  font-weight: var(--rst-fw-bold);
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}