/* Advertising Platform UI System (Phase 6)
   Goal: clean, minimal, enterprise SaaS look.
   Safe scope: .ap-wrap-frontend and common AP classes.
*/

/* App surface */
body .ap-wrap-frontend{
  width: 100% !important;
  max-width: 1280px !important;  /* widened container (forced) */
  margin: 0 auto !important;     /* center dashboard */
  box-sizing: border-box;
  background: var(--ap-bg);
  border-radius: calc(var(--ap-radius) + 6px);
  padding: 26px 18px 30px;
}

@media (max-width: 720px){
  body .ap-wrap-frontend{
    padding: 18px 12px 22px;
    border-radius: calc(var(--ap-radius) + 2px);
  }
}

/* Typography hierarchy */
.ap-wrap-frontend h2{
  letter-spacing: -0.03em;
}
.ap-wrap-frontend h3{
  letter-spacing: -0.02em;
}

/* Cards / sections: reduce harsh outlines */
.ap-box,
.ap-stat,
.ap-device{
  border-color: rgba(148,163,184,.45) !important;
}

.ap-box{
  box-shadow: 0 10px 24px rgba(2,6,23,.05) !important;
}

/* Stat cards */
.ap-stat{
  background: var(--ap-card);
  border-radius: var(--ap-radius);
  box-shadow: 0 8px 20px rgba(2,6,23,.04);
}

/* Buttons: slightly cleaner */
.ap-btn{
  box-shadow: none !important;
}
.ap-btn.primary{
  box-shadow: 0 10px 20px rgba(37,99,235,.18) !important;
}

/* Tables */
.ap-table{
  border-radius: 14px;
  overflow: hidden;
}
.ap-table th{
  font-weight: 800;
  font-size: 12px;
  letter-spacing: .02em;
  text-transform: none;
}
.ap-table td{
  font-size: 13px;
}

/* Section headers */
.ap-section-head{
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(148,163,184,.35);
  margin-bottom: 14px;
}

/* Notice styling: calm */
.ap-notice{
  border-color: rgba(37,99,235,.25) !important;
  background: rgba(37,99,235,.05) !important;
}

/* Empty states */
.ap-empty{
  border: 1px dashed rgba(148,163,184,.55);
  background: rgba(241,245,249,.75);
  border-radius: 14px;
  padding: 16px;
}

/* Make long text behave */
.ap-wrap-frontend a,
.ap-wrap-frontend p,
.ap-wrap-frontend td{
  overflow-wrap: anywhere;
}

/* Slots table: keep "Remove" on one line and give the action cell enough room */
.ap-wrap-frontend #ap-slots-rows .ap-remove-slot{
  white-space: nowrap;
  min-width: 90px;
  padding: 8px 14px;
}

.ap-wrap-frontend #ap-slots-rows td:last-child{
  width: 110px;
}