/* Consistent geometry for content blocks. Buttons and form controls are
   intentionally excluded: this file only aligns panels, lists and tables. */
:root{
  --surface-panel-radius:12px;
  --surface-item-radius:10px;
  --surface-border:rgba(129,140,248,.24);
  --surface-border-soft:rgba(148,163,184,.18);
}

body .app-content :is(.card,.spk-source-card,.spk-monitor-card,.spk-table-wrapper,.table-responsive){
  border-radius:var(--surface-panel-radius)!important;
  border-color:var(--surface-border-soft)!important;
}

body .app-content :is(.card,.spk-source-card,.spk-monitor-card){
  overflow:hidden;
}

/* A table already enclosed by a card must not draw a second rounded frame. */
body .app-content .card > .table-responsive,
body .app-content .card > .card-body > .table-responsive,
body .app-content .card > .card-body > form > .table-responsive{
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

/* Client and incident list rows start at the card edge, just below the toolbar. */
body .app-content .clients-card > .card-body,
body .app-content .deferred-table-card > .card-body{
  padding:0!important;
}
body .app-content .clients-card > .card-body > .clients-table-responsive,
body .app-content .incident-list-shell > .incident-list-responsive,
body .app-content .deferred-table-card > .card-body > .table-responsive{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

body .app-content :is(.entity-card,.client-overview-section,.connected-device-group,.connected-device-technical){
  border-radius:var(--surface-item-radius)!important;
  border-color:var(--surface-border-soft)!important;
}

@media (max-width:991.98px){
  body .app-content :is(
    #clientsTable tbody tr[data-client-url],
    .incident-list-table tbody tr[data-incident-url],
    .client-incident-table tbody tr[data-incident-url],
    .mobile-card-table tbody tr:not(.mobile-table-empty),
    .ui-list-table:not(.ui-list-table-custom) tbody tr:not(.ui-list-empty):not(.mobile-table-empty),
    .entity-card
  ){
    border:1px solid var(--surface-border)!important;
    border-radius:var(--surface-item-radius)!important;
    box-shadow:0 8px 20px rgba(0,0,0,.14)!important;
    overflow:hidden;
  }

  body .app-content :is(.clients-table-responsive,.incident-list-responsive,.client-incident-responsive){
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
}

@media (max-width:479.98px){
  :root{
    --surface-panel-radius:10px;
    --surface-item-radius:9px;
  }
}