/* Shared workspace geometry. Page-specific styles own components; this file owns page width and rhythm. */
.domas-page,
.verifikasi-page,
.clientza-page,
.settings-page,
.approval-page{
  width:100%;
  max-width:none;
  margin:0;
  min-width:0;
  display:grid;
  gap:12px;
}

/* Keep every top-level workspace aligned to the page shell gutter. */
.page-content>[data-view-panel]{width:100%;min-width:0}
.page-content>[data-view-panel]>:first-child{width:100%;min-width:0}

@media(max-width:640px){
  .domas-page,
  .verifikasi-page,
  .clientza-page,
  .settings-page,
  .approval-page{gap:10px}
}