
.connected-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.connected-top h1{font-size:28px;margin:0}.connected-context{font-size:14px;margin:20px 0}.connected-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);gap:24px;align-items:start}.connected-grid>*{min-width:0}.connected-panel{padding:24px;border:1px solid #dfe8f0;border-radius:12px;margin:18px 0;color:#183a5c}.connected-panel h2{font-size:20px}.connected-panel p{font-size:14px;line-height:1.8}.connected-panel .field-hint{font-size:12px;color:#697e91}.connected-soft{background:#f3f8fb}.connected-tags{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.connected-tags span{padding:7px 12px;border-radius:22px;background:#edf4f9;font-size:12px}.connected-panel details{border-top:1px solid #e2eaf1;margin-top:16px}.connected-panel summary{cursor:pointer;font-size:14px;line-height:1.8;padding:14px 0;min-height:44px}.connected-categories{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.connected-categories label,.connected-check{display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.6;min-height:44px}.connected-categories input,.connected-check input{width:17px;height:17px;margin:0;flex-shrink:0;accent-color:#1675bd}.connected-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:18px}.connected-row{display:flex;justify-content:space-between;gap:18px;align-items:center}.connected-row h3{font-size:16px;margin-bottom:7px}.connected-row p{font-size:12px;margin:0}.connected-ad{border-top:1px solid #e2eaf1;padding:22px 0 4px}.connected-ad .badge{white-space:normal;font-size:11px}.connected-creative{width:100%;height:auto;display:block;border-radius:8px;margin:16px 0}.connected-history{border-top:1px solid #e2eaf1;padding:16px 0;font-size:12px;overflow-wrap:anywhere}.connected-history p{font-size:12px;margin:8px 0}.connected-history small{color:#697e91}.connected-dialog{width:min(580px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;border:1px solid #dfe8f0;border-radius:14px;padding:30px;color:#183a5c}.connected-dialog::backdrop{background:#163b5e66;backdrop-filter:blur(3px)}.connected-dialog p{font-size:14px;line-height:1.8}.connected-dialog label{display:block;font-size:14px}.connected-dialog textarea{width:100%;min-height:100px;margin-top:10px;resize:vertical}.connected-dialog h2{font-size:25px}.connected-warning{padding:20px;background:#fff8ed;border-left:3px solid #b48446}.connected-tabs{display:flex;gap:25px;border-bottom:1px solid #e2eaf1;margin:24px 0}.connected-tabs a{padding:14px 0;font-size:14px}.connected-tabs [aria-current]{border-bottom:2px solid #239bbd}.connected-period{display:block;max-width:220px;font-size:12px;color:#697e91}.connected-period select,.connected-panel select{display:block;margin:8px 0 15px;min-height:44px;width:100%}.connected-section{font-size:22px;margin:30px 0 16px}.connected-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.connected-metrics section{padding:22px 0;border-top:1px solid #e2eaf1}.connected-metrics p{font-size:12px;color:#697e91}.connected-metrics strong{font-size:30px;display:block;overflow-wrap:anywhere}.connected-metrics small{font-size:11px;color:#697e91;display:block;margin-top:12px}.connected-panel dl{margin:0}.connected-panel dl dt{font-size:12px;color:#697e91;margin-top:20px}.connected-panel dl dd{margin:6px 0;font-size:16px;overflow-wrap:anywhere}.connected-ledger-row summary{display:flex;align-items:center;justify-content:space-between;gap:20px}.connected-ledger-row small{display:block;color:#697e91;font-size:11px}.connected-ledger-row strong{font-size:15px}.connected-ledger-row dl{font-size:12px}.connected-hash{overflow-wrap:anywhere;font-family:monospace}#connected-save-error{color:#98494d}#connected-status{margin:14px 0;line-height:1.8}
@media(max-width:1000px){.connected-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.connected-top{flex-wrap:wrap}.connected-top h1{font-size:26px}.connected-panel{padding:20px}.connected-categories{grid-template-columns:1fr}.connected-row{flex-wrap:wrap}.connected-metrics{grid-template-columns:1fr;gap:0}.connected-metrics strong{font-size:27px}.connected-ledger-row summary{flex-wrap:wrap}.connected-dialog{padding:24px}}
