.traffic-banner{padding:18px 22px;border:1px solid #dac9ee;border-radius:12px;background:#f1e9fa;color:#481f7b;font-size:12px;line-height:1.8;margin-bottom:24px}.traffic-banner strong{display:block;font-size:14px}.traffic-banner.error{background:#fff3f5;border-color:#ebccd5;color:#8c3a52}.traffic-tabs{display:flex;gap:7px;border-bottom:1px solid #e3d8ed;margin-bottom:26px;overflow-x:auto;padding-bottom:12px}.traffic-tabs button{font-family:inherit;white-space:nowrap;border:0;border-radius:8px;background:transparent;color:#795e8b;padding:11px 16px;cursor:pointer;font-size:12px}.traffic-tabs button[aria-selected=true]{color:white;background:#481f7b}.traffic-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:13px}.traffic-metric{padding:22px;border:1px solid #e8dfef;border-radius:12px;background:white}.traffic-metric span{color:#795e8b;font-size:11px}.traffic-metric strong{display:block;font-size:27px;letter-spacing:-1px;color:#342047;margin:12px 0 7px}.traffic-metric small{font-size:10px;color:#897397}.traffic-section-heading{margin:32px 0 18px;display:flex;justify-content:space-between}.traffic-section-heading h2,.traffic-card h2{font-size:21px;color:#342047}.traffic-section-heading p,.traffic-card p{font-size:12px;color:#806b90;line-height:1.8;margin-top:10px}.traffic-table-wrap{overflow-x:auto;background:white;border:1px solid #e8dfef;border-radius:12px}.traffic-table{border-collapse:collapse;width:100%;font-size:11px;min-width:920px}.traffic-table th{text-align:left;background:#f5f0fa;color:#795e8b;font-weight:500;white-space:nowrap;padding:17px 14px}.traffic-table td{padding:19px 14px;vertical-align:top;border-top:1px solid #eee6f4;color:#614775}.traffic-table td:first-child{min-width:190px;max-width:260px}.traffic-table td:first-child strong{color:#342047;font-size:12px}.traffic-table small{display:block;font-size:10px;line-height:1.7;color:#8d769e;margin-top:6px}.traffic-table select{padding:7px;max-width:165px;font-size:10px;min-height:33px}.traffic-table .button{margin-top:8px;font-size:10px;padding:8px}.traffic-card{border:1px solid #e8dfef;border-radius:12px;background:white;padding:25px;margin:20px 0}.traffic-card summary{color:#481f7b;cursor:pointer;font-size:14px;font-weight:600}.traffic-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:22px;align-items:start}.traffic-form-grid>.wide{grid-column:1/-1}.traffic-form-grid>.button{justify-self:start}.traffic-check{display:flex;gap:10px;align-items:center;color:#481f7b;font-size:12px;min-height:40px}.traffic-check input{width:18px;height:18px;accent-color:#481f7b}.traffic-explainer{background:linear-gradient(120deg,#241037,#481f7b);color:white;border:0}.traffic-explainer h2{color:white;font-size:27px;margin-top:12px}.traffic-explainer p{color:#dac9ed;max-width:800px}.traffic-steps{display:flex;gap:26px;flex-wrap:wrap;color:#dbc7f1;font-size:11px;margin-top:24px;padding-top:20px;border-top:1px solid #ffffff25}.traffic-history,.traffic-comment-list{display:grid;gap:12px}.traffic-event{padding:17px 20px;border-radius:10px;border:1px solid #e7dfed;background:white;display:flex;align-items:start;gap:18px}.traffic-event time{font-size:10px;white-space:nowrap;color:#8d769e}.traffic-event p{font-size:12px;color:#5d416e;line-height:1.7;overflow-wrap:anywhere}.traffic-event.error,.traffic-event.comment_error{border-left:4px solid #af657c}.traffic-event.simulation{border-left:4px solid #b397cb}.traffic-event.status,.traffic-event.reply{border-left:4px solid #6b319b}.traffic-comment{padding:23px;background:white;border:1px solid #e7dfed;border-radius:12px}.traffic-comment header{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.traffic-comment p{font-size:13px;line-height:1.8;color:#614775;margin:15px 0;white-space:pre-wrap;overflow-wrap:anywhere}.traffic-comment textarea{width:100%;font-family:inherit;font-size:12px;line-height:1.7;min-height:85px;margin-bottom:12px}.traffic-campaigns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.traffic-campaigns article{padding:20px;border:1px solid #e7dfed;border-radius:10px;background:white}.traffic-campaigns strong{font-size:13px;color:#481f7b}.traffic-campaigns p{margin-top:10px;font-size:11px;line-height:1.8;color:#806b90}.traffic-source{display:flex;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid #eee6f4;font-size:11px;color:#614775;align-items:center}.traffic-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.traffic-publish .muted{margin-top:14px}.traffic-panel .muted{line-height:1.8}.traffic-panel button:disabled{opacity:.5;cursor:wait}.traffic-tabs button:focus-visible{outline:3px solid #b890db;outline-offset:3px}@media(max-width:1100px){.traffic-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.traffic-metric strong{font-size:23px}.traffic-tabs button{padding:10px 12px}}@media(max-width:720px){.traffic-form-grid,.traffic-campaigns{grid-template-columns:1fr}.traffic-form-grid>.wide{grid-column:auto}.traffic-metric{padding:16px}.traffic-metric strong{font-size:21px}.traffic-card{padding:20px}.traffic-tabs{margin-top:20px}.traffic-event{display:block}.traffic-event p{margin-top:8px}.traffic-tabs button{font-size:11px}.traffic-banner{padding:16px}}
.traffic-budget-input{width:95px;min-width:65px;padding:7px!important;font-size:11px}.traffic-campaigns .card-actions{flex-wrap:wrap;margin-top:12px;align-items:center}
