/* Ad Agent pages: program, register/login, dashboard, packages, my ads
   (resources/views/ad_agent/**). Sidebar menu reuses .cdash-sidebar from main.css. */
:root{--aa-blue: #0357e9; --aa-green: #17a865; --aa-ink: #14213d; --aa-muted: #6b7280; --aa-line: #e6eaf2; --aa-soft: #f5f8ff;}

.adagent-page{padding: 30px 0 50px;}
.adagent-section-title{margin: 40px 0 18px; font-size: 24px; font-weight: 700; color: var(--aa-ink);}
.adagent-subtitle{margin: 0 0 14px; font-size: 18px; font-weight: 700; color: var(--aa-ink);}
.adagent-footnote,
.adagent-hint{margin-top: 14px; color: var(--aa-muted); font-size: 13px;}

/* Hero */
.adagent-hero{padding: 34px; border-radius: 18px; background: linear-gradient(120deg, #eef3ff 0%, #e9f8ef 100%); border: 1px solid var(--aa-line);}
.adagent-hero h2{margin: 12px 0; font-size: 32px; font-weight: 800; color: var(--aa-ink);}
.adagent-hero p{color: #374151; font-size: 16px; line-height: 1.7;}
.adagent-hero__tag{display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px; border-radius: 20px; background: #fff; color: var(--aa-blue); font-size: 13px; font-weight: 600;}
.adagent-hero__actions{display: flex; flex-wrap: wrap; gap: 12px; margin-top: 20px;}
.adagent-hero__actions .btn{padding: 12px 22px; border-radius: 10px;}

/* Steps (numbered) */
.adagent-steps{counter-reset: aa-step; margin: 0; padding: 0; list-style: none; display: grid; gap: 12px;}
.adagent-steps li{counter-increment: aa-step; position: relative; padding: 14px 16px 14px 58px; border-radius: 12px; background: #fff; border: 1px solid var(--aa-line);}
.adagent-steps li::before{content: counter(aa-step); position: absolute; left: 16px; top: 14px; width: 30px; height: 30px; border-radius: 50%; background: var(--aa-blue); color: #fff; font-weight: 700; display: flex; align-items: center; justify-content: center;}
.adagent-steps strong{display: block; color: var(--aa-ink);}
.adagent-steps span{color: var(--aa-muted); font-size: 14px;}

/* Benefits */
.adagent-benefit{height: 100%; padding: 22px; border-radius: 14px; background: #fff; border: 1px solid var(--aa-line);}
.adagent-benefit i{width: 46px; height: 46px; border-radius: 12px; background: var(--aa-soft); color: var(--aa-blue); font-size: 20px; display: inline-flex; align-items: center; justify-content: center;}
.adagent-benefit h4{margin: 14px 0 6px; font-size: 17px; font-weight: 700; color: var(--aa-ink);}
.adagent-benefit p{margin: 0; color: var(--aa-muted); font-size: 14px; line-height: 1.6;}

/* Package cards */
.adagent-pkg{height: 100%; padding: 22px; border-radius: 16px; background: #fff; border: 1px solid var(--aa-line); box-shadow: 0 6px 18px rgba(20, 33, 61, .05); display: flex; flex-direction: column;}
.adagent-pkg__head{padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px dashed var(--aa-line);}
.adagent-pkg__name{margin: 0 0 6px; font-size: 22px; font-weight: 800; color: var(--aa-blue);}
.adagent-pkg__validity{color: var(--aa-muted); font-size: 13px;}
.adagent-pkg__figures{margin: 0; padding: 0; list-style: none; flex: 1 1 auto;}
.adagent-pkg__figures li{display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; border-bottom: 1px solid #f1f3f8; font-size: 14px;}
.adagent-pkg__figures li:last-child{border-bottom: 0;}
.adagent-pkg__figures span{color: #4b5563;}
.adagent-pkg__figures strong{color: var(--aa-ink); white-space: nowrap;}
.adagent-pkg__note{margin: 12px 0 0; color: var(--aa-muted); font-size: 13px;}
.adagent-pkg .btn{margin-top: 14px; width: 100%;}

/* Earnings example */
.adagent-earn{padding: 24px; border-radius: 16px; background: var(--aa-ink); color: #fff;}
.adagent-earn h4{color: #fff; font-size: 18px; font-weight: 700; margin-bottom: 14px;}
.adagent-earn__row{display: flex; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px solid rgba(255, 255, 255, .12);}
.adagent-earn__row:last-child{border-bottom: 0;}
.adagent-earn__row strong{white-space: nowrap;}
.adagent-earn__row--profit strong{color: #5be3a2; font-size: 18px;}

/* FAQ */
.adagent-faq details{margin-bottom: 10px; padding: 14px 18px; border-radius: 12px; background: #fff; border: 1px solid var(--aa-line);}
.adagent-faq summary{cursor: pointer; font-weight: 600; color: var(--aa-ink); list-style: none;}
.adagent-faq summary::-webkit-details-marker{display: none;}
.adagent-faq summary::after{content: "+"; float: right; color: var(--aa-blue); font-weight: 700;}
.adagent-faq details[open] summary::after{content: "\2212";}
.adagent-faq details p{margin: 10px 0 0; color: #4b5563; line-height: 1.6;}

/* Cards, forms (register / post ad) */
.adagent-card{padding: 24px; margin-bottom: 20px; border-radius: 16px; background: #fff; border: 1px solid var(--aa-line);}
.adagent-empty{text-align: center; color: var(--aa-muted);}
.adagent-fieldset{margin: 0 0 22px; padding: 18px 18px 6px; border-radius: 12px; border: 1px solid var(--aa-line);}
.adagent-fieldset legend{float: none; width: auto; margin: 0; padding: 0 8px; font-size: 15px; font-weight: 700; color: var(--aa-blue);}
.adagent-consent{padding: 12px 14px; margin-bottom: 14px; border-radius: 10px; background: var(--aa-soft); font-size: 14px;}
.adagent-form-actions{display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 10px;}

/* Dashboard stats */
.adagent-stats{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 14px 0;}
.adagent-stats:has(> .adagent-stat:nth-child(3):last-child){grid-template-columns: repeat(3, minmax(0, 1fr));}
.adagent-stat{padding: 14px; border-radius: 12px; background: var(--aa-soft); border: 1px solid var(--aa-line);}
.adagent-stat span{display: block; color: var(--aa-muted); font-size: 12px;}
.adagent-stat strong{display: block; margin-top: 4px; color: var(--aa-ink); font-size: 18px;}
.adagent-stat--highlight{background: #eef3ff; border-color: #c9d8ff;}
.adagent-stat--highlight strong{color: var(--aa-blue);}
.adagent-stat--success{background: #eafaf2; border-color: #bfeed6;}
.adagent-stat--success strong{color: var(--aa-green);}

/* Badges / statuses */
.adagent-badge,
.adagent-status{display: inline-block; padding: 3px 10px; border-radius: 20px; font-size: 12px; font-weight: 700; background: #eef0f4; color: #4b5563;}
.adagent-badge--active,
.adagent-status--approved{background: #e3f8ec; color: #137a48;}
.adagent-badge--pending_payment,
.adagent-status--pending{background: #fff4d6; color: #8a6100;}
.adagent-badge--completed{background: #e5efff; color: var(--aa-blue);}
.adagent-badge--expired,
.adagent-badge--cancelled,
.adagent-status--rejected,
.adagent-status--suspended{background: #fde8e8; color: #b42318;}
.adagent-badge--settled{background: #ece9fe; color: #5b3fd1;}

.adagent-avatar{width: 64px; height: 64px; margin: 0 auto 10px; border-radius: 50%; background: var(--aa-blue); color: #fff; font-size: 26px; font-weight: 700; display: flex; align-items: center; justify-content: center;}

@media (max-width: 991px){
    .adagent-stats{grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width: 575px){
    .adagent-page{padding: 18px 0 36px;}
    .adagent-hero{padding: 20px;}
    .adagent-hero h2{font-size: 24px;}
    .adagent-hero__actions .btn{flex: 1 1 100%;}
    .adagent-card{padding: 16px;}
    .adagent-stats{grid-template-columns: 1fr 1fr;}
}