/* Ede Telekom v0.49 · admin dashboard cleanup, invoice due view and media deletion UX */

/* Sidebar palette requested for the final admin navigation. */
.admin-layout .workspace>.sidebar{
  background:#01547e!important;
  border-right-color:#01547e!important;
  display:flex!important;
  flex-direction:column!important;
}
.admin-layout .sidebar .admin-menu{flex:0 0 auto}
.admin-layout .sidebar .admin-menu>a.admin-menu-overview,
.admin-layout .sidebar .admin-menu-group>summary{
  background:#01476b!important;
}
.admin-layout .sidebar .admin-menu>a.admin-menu-overview:hover,
.admin-layout .sidebar .admin-menu-group>summary:hover{
  background:#014266!important;
}
.admin-layout .sidebar .admin-menu>a.admin-menu-overview.active,
.admin-layout .sidebar .admin-menu-group>summary.active,
.admin-layout .sidebar .admin-menu-group[open]>summary{
  background:#013a59!important;
  box-shadow:inset 3px 0 #ffcc00!important;
}

/* One brand ownership link, pinned beneath the admin navigation. */
.admin-sidebar-brand{
  display:block;
  margin:auto 8px 8px;
  padding:10px 8px;
  border-top:1px solid rgba(255,255,255,.18);
  color:#ffcc00!important;
  font-size:11.5px;
  font-weight:650;
  line-height:1.35;
  text-decoration:none;
}
.admin-sidebar-brand:hover{color:#ffe16a!important;text-decoration:underline}

/* Overview starts immediately with controls/stats; no repeated title block. */
.admin-overview-heading{
  min-height:0!important;
  margin:-4px 0 8px!important;
  padding:0!important;
  justify-content:flex-end!important;
}
.admin-overview-heading .btn{margin:0!important}

/* Two balanced dashboard rows: invoices/orders, then upcoming invoices/notes. */
.admin-dashboard-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:18px;
  align-items:start;
  margin-top:18px;
}
.admin-dashboard-grid>.surface{margin:0;min-width:0}
.admin-dashboard-card .section-heading.compact,
.admin-overview-invoices .section-heading.compact{
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:10px;
}
.admin-dashboard-card .section-heading.compact h3,
.admin-overview-invoices .section-heading.compact h3{margin:0}
.admin-dashboard-card .section-heading.compact p{margin:3px 0 0;color:#6e818b;font-size:11px}
.admin-overview-invoices .invoice-list{max-height:520px;overflow:auto;padding-right:3px}
.admin-overview-notes{position:static!important}
#admin-dashboard-note{min-height:260px!important}

.dashboard-mini-list{display:grid;gap:7px}
.dashboard-mini-list>a{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  gap:10px;
  padding:10px 11px;
  border:1px solid #e5ebee;
  border-radius:10px;
  background:#fbfcfd;
  color:#173d50;
  text-decoration:none;
}
.dashboard-mini-list>a:hover{background:#f2f7fa;border-color:#cfdee5}
.dashboard-mini-list>a>span{min-width:0;display:grid;gap:2px}
.dashboard-mini-list>a b,.dashboard-mini-list>a small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dashboard-mini-list>a small{font-size:10.5px;color:#6e818b}
.dashboard-mini-list>a>strong{white-space:nowrap;font-size:12px}
.dashboard-mini-list .badge{white-space:nowrap}

.billing-automation-panel{margin-bottom:18px!important}

/* Media library: distinguish a real delete action from an in-use/protected file. */
.media-delete:disabled{
  cursor:not-allowed!important;
  opacity:.58!important;
  filter:saturate(.65);
}

@media(max-width:1050px){
  .admin-dashboard-grid{grid-template-columns:1fr}
  #admin-dashboard-note{min-height:220px!important}
}
@media(max-width:760px){
  .admin-layout .workspace>.sidebar{background:#01547e!important}
  .admin-sidebar-brand{display:block;margin:6px 0 2px}
  .admin-overview-heading{margin:0 0 8px!important}
  .dashboard-mini-list>a{grid-template-columns:minmax(0,1fr) auto}
  .dashboard-mini-list>a .badge{grid-column:1/-1;justify-self:start}
}
