@media (max-width:560px){.kp-ads-preview_footer .btn-ghost,.kp-ads-form__footer .btn-ghost{width:100%;justify-content:center}}

@media (max-width:560px){.kp-ads-index-panel__actions .btn-ghost,.kp-ads-campaign_row_actions .btn-ghost,.kp-ads-campaign_row_actions form,.kp-ads-campaign_row_actions form .btn-ghost{width:100%}}

.ads_page{padding:22px 0 40px}
.ads_page_inner{width:min(1320px,calc(100% - 24px));margin:0 auto;display:grid;gap:18px}
.ads_page_header{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:22px;border-radius:28px;background:linear-gradient(135deg,var(--n-bg-hover),var(--n-bg-hover));border:1px solid var(--n-bg-hover);box-shadow:0 18px 50px rgba(15,23,42,.08);backdrop-filter:blur(14px)}
.ads_page_header_icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-size: var(--n-fs);background:linear-gradient(135deg,var(--n-accent),var(--n-accent-hover));color:#fff;box-shadow:0 10px 24px rgba(245,158,11,.28)}
.ads_page_title{font:800 clamp(1.4rem,2vw,2rem)/1.1 var(--n-font);color:var(--n-bg)}
.ads_page_subtitle{margin-top:6px;color:var(--n-text-soft);max-width:760px;line-height:1.6}
.ads_page_header_actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.ads_notice{margin:0}
.ads_stats_grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ads_stat_card{padding:18px;border-radius:22px;background:linear-gradient(180deg,var(--n-bg-hover),var(--n-bg-hover));border:1px solid rgba(17,24,39,.07);box-shadow:0 10px 24px rgba(15,23,42,.06)}
.ads_stat_label{font-size: var(--n-fs);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--n-text-mute)}
.ads_stat_value{margin-top:10px;font:800 clamp(1.35rem,2vw,1.9rem)/1 var(--n-font);color:var(--n-bg)}
.ads_stat_hint{margin-top:8px;font-size: var(--n-fs);color:var(--n-text-soft)}
.ads_section{padding:20px;border-radius:28px;background:linear-gradient(180deg,var(--n-bg-hover),var(--n-bg-hover));border:1px solid rgba(17,24,39,.07);box-shadow:0 14px 34px rgba(15,23,42,.06)}
.ads_section_head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px}
.ads_section_head_inline{margin-bottom:18px}
.ads_section_title{font:800 1.18rem/1.15 var(--n-font);color:var(--n-bg)}
.ads_section_subtitle{margin-top:6px;color:var(--n-text-soft);line-height:1.6;max-width:760px}
.ads_creator_layout{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(320px,.78fr);gap:18px;align-items:start}
.ads_creator_form,.ads_creator_sidebar{min-width:0}
.ads_form{display:grid;gap:14px}
.ads_form_section{padding:18px;border-radius:22px;background:var(--n-bg-hover);border:1px solid rgba(17,24,39,.06);display:grid;gap:14px}
.ads_form_section_head{display:grid;gap:6px}
.ads_form_section_title{font-size: var(--n-fs);font-weight:800;color:var(--n-bg)}
.ads_form_section_subtitle{font-size: var(--n-fs);line-height:1.55;color:var(--n-text-soft)}
.ads_form_grid{display:grid;gap:12px}
.ads_form_grid_2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ads_option_grid{display:grid;gap:12px}.ads_option_grid_2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ads_option_card{position:relative;display:grid;gap:6px;padding:14px 16px;border-radius:18px;background:#fff;border:1px solid rgba(17,24,39,.08);cursor:pointer;transition:.18s ease}
.ads_option_card:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(15,23,42,.06)}
.ads_option_card input{position:absolute;inset:0;opacity:0;cursor:pointer}
.ads_option_card_title{font-size: var(--n-fs);font-weight:800;color:var(--n-bg)}
.ads_option_card_text{font-size: var(--n-fs);color:var(--n-text-soft)}
.ads_option_card_active,.ads_option_card:has(input:checked){border-color:rgba(245,158,11,.36);background:linear-gradient(180deg,rgba(245,158,11,.10),var(--n-bg-hover));box-shadow:0 0 0 3px rgba(245,158,11,.08) inset}
.ads_field{display:grid;gap:7px}.ads_field_label{font-size: var(--n-fs);font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:rgba(26,26,46,.54)}
.ads_input.form-input{height:44px;border-radius:14px;border:1px solid rgba(17,24,39,.09);background:var(--n-bg-hover);box-shadow:none;color:var(--n-bg)}
.ads_textarea.form-input{height:auto;min-height:108px;padding-top:12px;padding-bottom:12px;resize:vertical}
.ads_field_checkbox{align-content:end}.ads_checkbox_row{display:flex;gap:10px;align-items:flex-start;min-height:44px;padding:11px 14px;border-radius:14px;background:var(--n-bg-hover);border:1px solid rgba(17,24,39,.09);color:var(--n-bg)}
.ads_media_picker_card{padding:14px;border-radius:18px;background:var(--n-bg-hover);border:1px solid rgba(17,24,39,.06)}
.ads_media_picker_title{font-size: var(--n-fs);font-weight:800;color:var(--n-bg)}
.ads_media_picker_subtitle{margin-top:4px;margin-bottom:10px;color:var(--n-text-soft);font-size: var(--n-fs);line-height:1.55}
.ads_form_footer{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap;padding-top:4px}.ads_form_footer_hint{color:var(--n-text-soft);font-size: var(--n-fs);line-height:1.5;max-width:620px}
.ads_preview_shell{padding:18px;border-radius:24px;background:linear-gradient(180deg,var(--n-bg-hover),var(--n-bg-hover));border:1px solid rgba(17,24,39,.07);box-shadow:0 12px 32px rgba(15,23,42,.07);position:sticky;top:92px}
.ads_preview_shell_eyebrow{font-size: var(--n-fs);font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--n-text-mute)}
.ads_preview_shell_title{margin-top:4px;font-size: var(--n-fs);font-weight:800;color:var(--n-bg)}
.ads_preview_card{background:linear-gradient(180deg,#fff,var(--n-bg-hover));border-radius:24px;box-shadow:0 12px 30px rgba(15,23,42,.08)}
.ads_preview_avatar{background:linear-gradient(135deg,rgba(245,158,11,.12),rgba(249,115,22,.1));border:1px solid rgba(245,158,11,.16)}
.ads_preview_title{font:800 1.12rem/1.2 var(--n-font);color:var(--n-bg)}.ads_preview_desc{color:rgba(26,26,46,.66);line-height:1.64}
.ads_preview_notes{display:grid;gap:10px;margin-top:14px}.ads_preview_note{padding:12px 14px;border-radius:16px;background:var(--n-bg-hover);border:1px solid rgba(17,24,39,.06);font-size: var(--n-fs);line-height:1.55;color:rgba(26,26,46,.64)}
.ads_badge{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;font-size: var(--n-fs);font-weight:800;letter-spacing:.06em;text-transform:uppercase;border:1px solid transparent}
.ads_badge_soft{background:var(--n-bg-hover);border-color:rgba(17,24,39,.08);color:rgba(26,26,46,.66)}
.ads_badge_active{background:rgba(34,197,94,.11);border-color:rgba(34,197,94,.18);color:#15803d}

.ads_btn{border-radius:14px;font-weight:800}.ads_btn_secondary{background:var(--n-bg-hover)!important;color:var(--n-bg)!important;border:1px solid rgba(17,24,39,.09)!important}.ads_btn_primary{box-shadow:0 10px 20px rgba(245,158,11,.20)}
.ads_campaigns_grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ads_campaign_card{padding:18px;border-radius:22px;background:linear-gradient(180deg,var(--n-bg-hover),var(--n-bg-hover));border:1px solid rgba(17,24,39,.07);display:grid;gap:14px;box-shadow:0 10px 24px rgba(15,23,42,.05)}
.ads_campaign_top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.ads_campaign_identity{display:flex;gap:12px;min-width:0}.ads_campaign_media{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size: var(--n-fs);background:linear-gradient(135deg,rgba(245,158,11,.16),rgba(139,92,246,.10));flex:0 0 auto}
.ads_campaign_content{display:grid;gap:6px;min-width:0}.ads_campaign_title{font-size: var(--n-fs);font-weight:800;color:var(--n-bg);line-height:1.3;word-break:break-word}.ads_campaign_meta{font-size: var(--n-fs);line-height:1.55;color:var(--n-text-soft)}
.ads_campaign_statuses{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.ads_campaign_metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ads_campaign_metric{padding:12px 14px;border-radius:16px;background:var(--n-bg-hover);border:1px solid rgba(17,24,39,.06);display:grid;gap:6px}.ads_campaign_metric span{font-size: var(--n-fs);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--n-text-mute)}.ads_campaign_metric strong{font-size: var(--n-fs);color:var(--n-bg)}
.ads_campaign_actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.ads_campaign_waiting{font-size: var(--n-fs);font-weight:700;color:#7c3aed}
.ads_empty_state{padding:26px;border-radius:22px;background:var(--n-bg-hover);border:1px dashed rgba(17,24,39,.12);text-align:center}.ads_empty_state_title{font-size: var(--n-fs);font-weight:800;color:var(--n-bg)}.ads_empty_state_text{margin-top:6px;color:var(--n-text-soft);line-height:1.6}

@media (max-width:1180px){.ads_stats_grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ads_creator_layout{grid-template-columns:1fr}.ads_preview_shell{position:static}.ads_campaigns_grid{grid-template-columns:1fr}}
@media (max-width:720px){.ads_page{padding:14px 0 28px}.ads_page_inner{width:min(100% - 12px,1320px)}.ads_page_header{grid-template-columns:1fr;padding:18px}.ads_page_header_actions{justify-content:flex-start}.ads_stats_grid,.ads_form_grid_2,.ads_option_grid_2,.ads_campaign_metrics{grid-template-columns:1fr}.ads_section,.ads_form_section,.ads_campaign_card{padding:16px}.ads_campaign_top{flex-direction:column}.ads_campaign_statuses{justify-content:flex-start}}

.ads_public_card,.ads_google_card{padding:18px;border-radius:22px;background:linear-gradient(180deg,var(--n-bg-hover),var(--n-bg-hover));border:1px solid rgba(17,24,39,.08);box-shadow:0 12px 26px rgba(15,23,42,.06);display:grid;gap:14px}
.ads_public_brand{display:flex;gap:12px;align-items:center;min-width:0;flex-wrap:wrap}.ads_public_identity{display:grid;gap:4px;min-width:0}.ads_public_name{font-size: var(--n-fs);font-weight:800;color:var(--n-bg);line-height:1.2;word-break:break-word}.ads_public_meta{font-size: var(--n-fs);color:var(--n-text-soft);line-height:1.5}.ads_public_avatar{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,rgba(245,158,11,.14),rgba(139,92,246,.10));border:1px solid rgba(17,24,39,.06);font-weight:800;color:var(--n-bg);flex:0 0 auto}.ads_public_avatar img{width:100%;height:100%;object-fit:cover;display:block}
.ads_public_card_body{display:grid;gap:12px}.ads_public_title{margin:0;font:800 1.08rem/1.25 var(--n-font);color:var(--n-bg)}.ads_public_desc{color:rgba(26,26,46,.66);line-height:1.64}.ads_public_media{border-radius:18px;overflow:hidden;background:rgba(17,24,39,.03);border:1px solid rgba(17,24,39,.06)}.ads_public_media img,.ads_public_media video{display:block;width:100%;height:auto;max-height:420px;object-fit:cover}
.ads_public_card_footer{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.ads_public_url{font-size: var(--n-fs);font-weight:700;color:var(--n-text-soft);word-break:break-all}
.ads_google_body{display:grid;gap:14px}.ads_google_slot{padding:14px;border-radius:18px;background:var(--n-bg-hover);border:1px solid rgba(17,24,39,.06)}.ads_google_placeholder{text-align:center;display:grid;gap:8px;max-width:340px}.ads_google_placeholder_icon{font-size: var(--n-fs);color:var(--n-warn)}.ads_google_placeholder_title{font-weight:800;color:var(--n-bg)}.ads_google_placeholder_text{font-size: var(--n-fs);line-height:1.6;color:var(--n-text-soft)}
@media (max-width:720px){.ads_public_card_head,.ads_public_card_footer{flex-direction:column;align-items:flex-start}.ads_public_brand{align-items:flex-start}}

.ads_badge_group{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.ads_preview_shell_head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}
.ads_preview_embed{margin-top:14px}

.ads_public_card .ads_badge_group{margin-left:auto;justify-content:flex-end}
@media (max-width:720px){.ads_badge_group{gap:6px}.ads_preview_shell_head{flex-direction:column;align-items:flex-start}}

.ads_badge_group_inline{justify-content:flex-end}
.ads_preview_embed{display:block}

.ads_campaign_card_withdrawal .ads_campaign_media{background:linear-gradient(135deg,rgba(59,130,246,.12),rgba(99,102,241,.10))}
.ads_campaign_card_withdrawal .ads_campaign_statuses{justify-content:flex-end}
.ads_campaign_card .kp-m-0{margin:0}

.ads_preview_topbar{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}
.ads_preview_identity{display:flex;gap:10px;align-items:center;min-width:0}
.ads_preview_brand,.ads_preview_model{font-size: var(--n-fs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--n-text-soft)}
.ads_preview_media{margin-top:14px;border-radius:16px;overflow:hidden;background:rgba(17,24,39,.04);border:1px solid rgba(17,24,39,.06)}
.ads_preview_media img,.ads_preview_media video{display:block;width:100%;max-height:360px;object-fit:cover;background:#000}
.ads_preview_footer{margin-top:14px;display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.ads_preview_metrics{display:flex;gap:8px;flex-wrap:wrap;font-size: var(--n-fs);color:var(--n-text-soft)}

.ads_campaign_card_compact .ads_campaign_metrics{grid-template-columns:repeat(3,minmax(0,1fr))}

@media (max-width:720px){.ads_preview_topbar,.ads_preview_footer{flex-direction:column;align-items:flex-start}
.ads_campaign_card_compact .ads_campaign_metrics{grid-template-columns:1fr}}

.kp-dashboard.kp-ads{
  max-width:min(1320px,100%);
  padding:0 0 calc(96px + env(safe-area-inset-bottom,0px));
  background:transparent;
  border:none;
  box-shadow:none;
}
.kp-dashboard.kp-ads > .ads_page{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  padding:22px 0 calc(96px + env(safe-area-inset-bottom,0px)) !important;
}
.kp-dashboard.kp-ads > .ads_page::before,
.kp-dashboard.kp-ads > .ads_page::after{
  display:none !important;
}
.kp-dashboard.kp-ads .ads_page_header,
.kp-dashboard.kp-ads .ads_section,
.kp-dashboard.kp-ads .ads_form_section,
.kp-dashboard.kp-ads .ads_stat_card,
.kp-dashboard.kp-ads .ads_campaign_card,
.kp-dashboard.kp-ads .ads_preview_shell,
.kp-dashboard.kp-ads .ads_public_card,
.kp-dashboard.kp-ads .ads_google_card{
  backdrop-filter:none;
}
@media (max-width:720px){
  .kp-dashboard.kp-ads{
    padding:0 0 calc(112px + env(safe-area-inset-bottom,0px));
    gap:10px;
  }
  .kp-dashboard.kp-ads > .ads_page{
    padding:10px 0 calc(112px + env(safe-area-inset-bottom,0px)) !important;
  }
  .kp-dashboard.kp-ads > .ads_page,
  .kp-dashboard.kp-ads > .ads_page > .ads_page_inner{
    background:transparent !important;
  }
  .ads_page_inner{
    width:calc(100% - 8px);
    gap:10px;
  }
  .ads_page_header{
    padding:14px;
    border-radius:20px;
    gap:12px;
  }
  .ads_page_header_icon{
    width:46px;
    height:46px;
    border-radius:14px;
    font-size: var(--n-fs);
  }
  .ads_page_title{
    font-size: var(--n-fs);
  }
  .ads_page_subtitle{
    font-size: var(--n-fs);
    line-height:1.45;
    max-width:none;
  }
  .ads_page_header_actions{
    display:none;
  }
  .ads_stats_grid{
    gap:10px;
  }
  .ads_stat_card,
  .ads_section,
  .ads_form_section,
  .ads_campaign_card,
  .ads_preview_shell,
  .ads_public_card,
  .ads_google_card{
    padding:14px;
    border-radius:18px;
  }
  .ads_stat_value{
    margin-top:8px;
    font-size: var(--n-fs);
  }
  .ads_stat_hint{
    margin-top:6px;
  }
  .ads_section_head,
  .ads_preview_shell_head{
    gap:10px;
    margin-bottom:12px;
  }
  .ads_section_title{
    font-size: var(--n-fs);
    line-height:1.02;
    letter-spacing:-0.02em;
  }
  .ads_section_subtitle,
  .ads_form_section_subtitle,
  .ads_preview_note,
  .ads_public_desc,
  .ads_google_placeholder_text{
    font-size: var(--n-fs);
    line-height:1.5;
  }
  .ads_form{
    gap:10px;
  }
  .ads_field{
    gap:6px;
  }
  .ads_input.form-input,
  .kp-dashboard.kp-ads select,
  .kp-dashboard.kp-ads textarea,
  .kp-dashboard.kp-ads input[type="text"],
  .kp-dashboard.kp-ads input[type="url"],
  .kp-dashboard.kp-ads input[type="number"]{
    min-height:42px;
    padding:10px 12px;
    font-size: var(--n-fs);
  }
  .ads_option_card{
    padding:12px 14px;
    border-radius:16px;
  }
  .ads_checkbox_row{
    min-height:42px;
    padding:10px 12px;
    border-radius:14px;
  }
  .ads_creator_layout{
    gap:10px;
  }
  .ads_preview_shell{
    top:auto;
    position:static;
  }
  .ads_preview_card,
  .ads_preview_embed_card{
    border-radius:18px;
  }
  .ads_preview_media img,
  .ads_preview_media video,
  .ads_public_media img,
  .ads_public_media video{
    max-height:240px;
  }
  .ads_campaign_metric{
    padding:10px 12px;
    border-radius:14px;
  }
  .ads_campaign_actions{
    display:grid;
    grid-template-columns:1fr;
  }
  .ads_campaign_actions .btn-ghost,
  .ads_campaign_actions form,
  .ads_campaign_actions form .btn-ghost{
    width:100%;
  }
}

.ads_creator_layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

@media (min-width: 1024px) {
  .ads_creator_layout {
    grid-template-columns: minmax(0, 1fr) minmax(280px, 320px);
  }
}

.ads_creator_sidebar {
  padding: 14px;
  border-radius: 12px;
  background: var(--n-bg-2, var(--n-bg-sunk));
  border: 1px solid var(--n-line-soft, rgba(162, 185, 230, 0.08));
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.ads_creator_form {
  padding: 14px;
  border-radius: 12px;
  background: var(--n-bg-2, var(--n-bg-sunk));
  border: 1px solid var(--n-line-soft, rgba(162, 185, 230, 0.08));
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.ads_form {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.ads_form_section {
  padding: 12px 14px;
  border-radius: 10px;
  background: var(--n-bg-soft);
  border: 1px solid var(--n-line-soft, rgba(162, 185, 230, 0.06));
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.ads_form_section_head {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--n-line-soft, rgba(162, 185, 230, 0.06));
}

.ads_form_section_title {
  font-family: var(--n-font, sans-serif);
  font-size: var(--n-fs);
  font-weight: 700;
  color: var(--n-text, var(--n-bg-soft));
}

.ads_form_section_subtitle {
  font-size: var(--n-fs);
  color: var(--n-text-mute, var(--n-text-soft));
  line-height: 1.45;
}

.ads_form_grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

@media (min-width: 768px) {
  .ads_form_grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.ads_form_footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  padding-top: 10px;
  border-top: 1px solid var(--n-line-soft, rgba(162, 185, 230, 0.06));
}

.ads_form_footer_hint {
  font-size: var(--n-fs);
  color: var(--n-text-mute, var(--n-text-soft));
  line-height: 1.45;
}

.ads_field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.ads_field_label {
  font-family: var(--n-font-mono, "JetBrains Mono"), monospace;
  font-size: var(--n-fs);
  font-weight: 700;
  color: var(--n-text-soft, var(--n-text-mute));
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.ads_input,
.ads_creator_form input[type="text"],
.ads_creator_form input[type="url"],
.ads_creator_form input[type="number"],
.ads_creator_form textarea,
.ads_creator_form select {
  background: var(--n-bg-sunk, var(--n-bg-sunk));
  border: 1px solid var(--n-line-soft, rgba(162, 185, 230, 0.08));
  border-radius: 10px;
  padding: 10px 14px;
  color: var(--n-text, var(--n-bg-soft));
  font-family: inherit;
  font-size: var(--n-fs);
  transition: border-color .2s, box-shadow .2s;
  width: 100%;
}

.ads_input:focus,
.ads_creator_form input:focus,
.ads_creator_form textarea:focus,
.ads_creator_form select:focus {
  outline: none;
  border-color: var(--n-accent, var(--n-accent));
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--n-accent) 10%, transparent);
}

.ads_option_card {
  padding: 12px 14px;
  border-radius: 10px;
  background: var(--n-bg-soft);
  border: 1px solid var(--n-line-soft, rgba(162, 185, 230, 0.08));
  cursor: pointer;
  transition: all .15s;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.ads_option_card:hover {
  border-color: color-mix(in srgb, var(--n-accent) 30%, transparent);
  background: color-mix(in srgb, var(--n-accent) 4%, transparent);
}

.ads_option_card_text {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.ads_media_picker_card {
  padding: 14px;
  border-radius: 10px;
  background: var(--n-bg-soft);
  border: 1px dashed var(--n-line-soft, rgba(162, 185, 230, 0.15));
  display: flex;
  flex-direction: column;
  gap: 6px;
  transition: all .15s;
  cursor: pointer;
}

.ads_media_picker_card:hover {
  border-color: color-mix(in srgb, var(--n-accent) 40%, transparent);
  background: color-mix(in srgb, var(--n-accent) 4%, transparent);
}

.ads_media_picker_title {
  font-family: var(--n-font, sans-serif);
  font-size: var(--n-fs);
  font-weight: 700;
  color: var(--n-text, var(--n-bg-soft));
}

.ads_media_picker_subtitle {
  font-size: var(--n-fs);
  color: var(--n-text-mute, var(--n-text-soft));
  line-height: 1.45;
}

.ads_checkbox_row {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 8px;
  background: var(--n-bg-soft);
  font-size: var(--n-fs);
  color: var(--n-text-soft, var(--n-text-mute));
  line-height: 1.45;
}

.ads_checkbox_row input[type="checkbox"] {
  accent-color: var(--n-accent, var(--n-accent));
  margin-top: 2px;
}

.ads_campaigns_grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

@media (min-width: 768px) {
  .ads_campaigns_grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1280px) {
  .ads_campaigns_grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.ads_badge {
  display: inline-flex;
  align-items: center;
  padding: 3px 8px;
  border-radius: 5px;
  background: color-mix(in srgb, var(--n-accent) 12%, transparent);
  border: 1px solid color-mix(in srgb, var(--n-accent) 30%, transparent);
  color: var(--n-accent, var(--n-accent));
  font-family: var(--n-font-mono, "JetBrains Mono"), monospace;
  font-size: var(--n-fs);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.ads_campaign_metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
  gap: 6px;
}

.ads_campaign_metric {
  padding: 8px 10px;
  border-radius: 8px;
  background: var(--n-bg-soft);
  border: 1px solid var(--n-line-soft, rgba(162, 185, 230, 0.08));
  display: flex;
  flex-direction: column;
  gap: 2px;
  text-align: center;
}

.ads_campaign_metric span{
  font-size: var(--n-fs);
  color: var(--n-text-mute, var(--n-text-soft));
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-weight: 600;
}

.ads_campaign_metric strong{
  font-family: var(--n-font-mono, "JetBrains Mono"), monospace;
  font-size: var(--n-fs);
  font-weight: 800;
  color: var(--n-accent, var(--n-accent));
  line-height: 1.1;
}

.ads_empty_state {
  padding: 36px 20px;
  text-align: center;
  background: var(--n-bg-soft);
  border: 1px dashed var(--n-line-soft, rgba(162, 185, 230, 0.15));
  border-radius: 14px;
}

.ads_empty_state_title {
  font-family: var(--n-font, sans-serif);
  font-size: var(--n-fs);
  font-weight: 700;
  color: var(--n-text, var(--n-bg-soft));
  margin-bottom: 6px;
}

.ads_empty_state_text {
  font-size: var(--n-fs);
  color: var(--n-text-mute, var(--n-text-soft));
  line-height: 1.5;
  font-style: italic;
}

.kp-ads-page .btn-ghost,
.ads_creator_form .btn-ghost,
.ads_form .btn-ghost {
  padding: 9px 16px;
  border-radius: 10px;
  background: var(--n-bg-soft);
  border: 1px solid var(--n-line-soft, rgba(162, 185, 230, 0.12));
  color: var(--n-text, var(--n-bg-soft));
  font-family: inherit;
  font-size: var(--n-fs);
  font-weight: 600;
  cursor: pointer;
  transition: all .15s;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.kp-ads-page .btn-ghost:hover:not(:disabled) {
  border-color: color-mix(in srgb, var(--n-accent) 40%, transparent);
  color: var(--n-accent, var(--n-accent));
  transform: translateY(-1px);
}

.kp-ads-page .btn-primary,
.ads_creator_form .btn-primary,
.ads_form .btn-primary {
  background: linear-gradient(135deg, var(--n-accent, var(--n-accent)) 0%, var(--n-accent-hover) 100%);
  border-color: var(--n-accent, var(--n-accent));
  color: #fff;
  box-shadow: 0 4px 12px -3px color-mix(in srgb, var(--n-accent) 40%, transparent);
}

.kp-ads-page .btn-primary:hover:not(:disabled) {
  box-shadow: 0 6px 18px -4px color-mix(in srgb, var(--n-accent) 50%, transparent);
  color: #fff;
}

.kp-ads-page .btn-primary--danger {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
  color: var(--n-danger);
}

.kp-ads-page .btn-primary--danger:hover {
  background: linear-gradient(135deg, var(--n-danger) 0%, #dc2626 100%);
  color: #fff;
  border-color: var(--n-danger);
}

html[data-theme="light"] .ads_creator_sidebar, html[data-theme="light"] .ads_creator_form{
  background: #ffffff;
  border-color: var(--n-line);
}

html[data-theme="light"] .ads_form_section, html[data-theme="light"] .ads_option_card, html[data-theme="light"] .ads_campaign_metric{
  background: var(--n-bg-soft);
  border-color: var(--n-line);
}

html[data-theme="light"] .ads_input,
html[data-theme="light"] .ads_creator_form input,
html[data-theme="light"] .ads_creator_form textarea,
html[data-theme="light"] .ads_creator_form select {
  background: #ffffff;
  border-color: var(--n-line);
  color: var(--n-bg-sunk);
}

@media (max-width: 640px) {.ads_form_grid {
    grid-template-columns: 1fr;
  }
.ads_form_footer {
    flex-direction: column;
    align-items: stretch;
  }
.kp-ads-page .btn-ghost {
    width: 100%;
    justify-content: center;
  }}

/* v896: Status badge variants (status_badges.php dynamic) */
.ads_badge_paused {
  background: color-mix(in srgb, var(--n-warn) 15%, transparent);
  color: var(--n-warn);
  border-color: color-mix(in srgb, var(--n-warn) 30%, transparent);
}
.ads_badge_ended {
  background: color-mix(in srgb, var(--n-text-mute) 12%, transparent);
  color: var(--n-text-mute);
  border-color: color-mix(in srgb, var(--n-text-mute) 22%, transparent);
}
.ads_badge_review_approved {
  background: color-mix(in srgb, var(--n-ok) 12%, transparent);
  color: var(--n-ok);
  border-color: color-mix(in srgb, var(--n-ok) 28%, transparent);
}
.ads_badge_review_rejected {
  background: color-mix(in srgb, var(--n-danger) 12%, transparent);
  color: var(--n-danger);
  border-color: color-mix(in srgb, var(--n-danger) 28%, transparent);
}

/* v896: Missing layout helpers referenced by templates */
.ads_google_copy {
  color: var(--n-text-mute);
  font-size: var(--n-fs);
  line-height: 1.55;
  margin-top: 8px;
}
.ads_page_header_content {
  display: grid;
  gap: 6px;
  min-width: 0;
}
.ads_section_compose {
  display: grid;
  gap: 14px;
  padding: 18px;
  border-radius: 22px;
  background: var(--n-bg-2);
  border: 1px solid var(--n-line-soft);
}

/* v896: Ads creative/logo widgets (kp-ads-creative-widget / kp-ads-logo-widget) */
.kp-ads-creative-widget,
.kp-ads-logo-widget {
  display: grid;
  gap: 12px;
  padding: 14px;
  border-radius: 18px;
  background: var(--n-bg-2);
  border: 1px solid var(--n-line-soft);
}
.kp-ads-creative-widget img,
.kp-ads-logo-widget img {
  max-width: 100%;
  border-radius: 12px;
}