#page-ads{--ad-blue:#2678ff;--ad-ink:#162743;--ad-muted:#7b8daa;--ad-border:#dbe6ff;color:var(--ad-ink)}
#page-ads .sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#page-ads .ad-page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:4px 0 15px}
#page-ads .ad-page-heading h1{font-size:27px;margin:0 0 5px}#page-ads .ad-page-heading p{margin:0}#page-ads .ad-heading-units{margin-left:16px;color:var(--ad-muted);font-size:12px}
#page-ads .ad-filter-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:9px}#page-ads .ad-filter-bar select{min-width:155px;max-width:240px;background:#fff;border:1px solid var(--ad-border);height:36px;border-radius:9px;color:var(--ad-ink);padding:5px 10px}
#page-ads .ad-filter-bar .hint{margin-left:auto;max-width:580px;font-size:12px}#page-ads .ad-periods{display:flex;background:#fff;border:1px solid var(--ad-border);border-radius:9px;overflow:hidden}#page-ads .ad-periods button{border:0!important;border-radius:0;min-width:58px;padding:8px 12px;box-shadow:none!important}
#page-ads .ad-page-tabs{display:flex;gap:26px;border-bottom:1px solid var(--ad-border);margin:0 0 16px}#page-ads .ad-page-tabs button{background:transparent!important;box-shadow:none!important;border:0;border-radius:0;color:#60718b;padding:10px 5px;border-bottom:3px solid transparent;font-weight:600}#page-ads .ad-page-tabs button[aria-pressed=true]{color:var(--ad-blue);border-bottom-color:var(--ad-blue)}
#page-ads .ad-metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:14px}.ad-metric-card{background:#fff;border:1px solid #dce6ff;border-radius:13px;padding:15px 14px;min-width:0;box-shadow:0 4px 14px #286ce205}.ad-metric-label{display:flex;gap:8px;align-items:center;font-size:13px;color:#354a69;font-weight:600}.ad-metric-icon{width:24px;height:24px;color:#2e83ff;flex:none}.ad-metric-value{font-size:25px;font-weight:750;line-height:1.35;letter-spacing:-.45px;overflow-wrap:anywhere;color:#172b4c;margin-top:6px}.ad-metric-note{font-size:11px;color:#8292aa;line-height:1.45;margin-top:4px}
#page-ads .ad-analysis-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(265px,1fr);gap:14px;margin-bottom:14px}.ad-dashboard-panel{background:#fff;border:1px solid #dce6ff;border-radius:14px;padding:16px;min-width:0;box-shadow:0 3px 15px #296ce204}.ad-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}.ad-panel-heading h2{font-size:17px;margin:0;color:#182c4c}.ad-panel-heading .hint{font-size:12px}.ad-panel-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px}.ad-panel-footer .hint{font-size:12px}.ad-text-button{border:0!important;background:transparent!important;box-shadow:none!important;color:#287bfa!important;padding:3px 5px!important;font-size:12px}
#page-ads .ad-trend{height:216px;position:relative}#page-ads .ad-trend svg{display:block;width:100%;height:216px;overflow:visible}.ad-chart-empty{height:100%;display:flex;align-items:center;justify-content:center;color:#8796ad;background:linear-gradient(#f8fbff,#fff);border-radius:8px;text-align:center;padding:20px;font-size:13px}.ad-chart-legend{display:flex;justify-content:center;gap:26px;color:#7d90af;font-size:12px;margin-top:7px}.ad-chart-legend span:before{content:'';display:inline-block;width:19px;height:3px;vertical-align:middle;margin-right:7px;background:#287bfa}.ad-chart-legend .ad-legend-profit:before{background:#1aa466}.ad-trend-tooltip{background:#fff;border:1px solid #d5e3fb;padding:9px 12px;border-radius:8px;box-shadow:0 6px 20px #20385820;font-size:12px;color:#243954;position:relative;z-index:2;line-height:1.8}
.ad-priority-item{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:61px;background:#f5f9ff;border:1px solid #e2ecff;border-radius:10px;padding:12px;margin:9px 0;cursor:pointer}.ad-priority-item strong{font-size:14px}.ad-priority-item span{font-size:12px;color:#647b9f}.ad-priority-item.danger{background:#fff5f5;border-color:#ffe4e4}.ad-priority-item.warning{background:#fff9f0;border-color:#ffe9ca}.ad-priority-item.danger strong{color:#d83845}.ad-priority-item.warning strong{color:#c48116}
#page-ads .ad-model-filters{display:flex;gap:7px;flex-wrap:wrap}#page-ads .ad-model-filters button{font-size:12px;padding:5px 10px;border-radius:7px;border:1px solid #d9e5fa;background:#fff;color:#5b6c85;box-shadow:none}#page-ads .ad-model-filters button[aria-pressed=true]{background:#edf4ff;color:#226df1;border-color:#9fc0ff}
#page-ads .ad-data-table{width:100%;border-collapse:collapse;font-size:12px}#page-ads .ad-data-table th{background:#f0f5ff;color:#506889;font-size:11px;font-weight:600;padding:11px 9px;white-space:nowrap;text-align:left}#page-ads .ad-data-table td{padding:12px 9px;border-bottom:1px solid #e8eef9;vertical-align:middle;overflow-wrap:anywhere}#page-ads .ad-data-table tbody tr:hover{background:#f9fbff}#page-ads .ad-data-table th:nth-child(n+4),#page-ads .ad-data-table td:nth-child(n+4){text-align:right}#page-ads .ad-data-table th:last-child,#page-ads .ad-data-table td:last-child{text-align:center}#page-ads .ad-data-table .ad-name{max-width:230px;text-align:left;font-size:13px;font-weight:650}.ad-cell-note{font-size:10px;color:#8b9ab0;margin-top:4px;line-height:1.4}.ad-campaign-link{cursor:pointer;color:#296ee3}.ad-badge{display:inline-block;border-radius:6px;padding:4px 7px;background:#edf3ff;color:#386db7;font-size:11px;font-weight:600;white-space:nowrap}.ad-badge.positive{background:#e8f8ee;color:#15934e}.ad-badge.warning{background:#fff0d8;color:#bd730d}.ad-badge.danger{background:#ffe8e9;color:#d03543}.ad-badge.pending{background:#f1f3f7;color:#8895a8}.ad-positive{color:#179454!important}.ad-negative{color:#d63c48!important}
#page-ads .ad-sync-details{margin-top:15px;background:#f8fbff;border:1px solid var(--ad-border);border-radius:11px;padding:12px 15px}#page-ads .ad-sync-details summary{cursor:pointer;color:#637a9e;font-size:12px}#page-ads .ads-sync-line{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #e2ebf8;font-size:12px}#page-ads .ad-empty-state{padding:35px 20px;text-align:center;color:#8192ad;font-size:13px;line-height:1.9}.ad-sync-warning{background:#fff9e9;border:1px solid #fff0c9;border-radius:8px;padding:10px 12px;color:#9a741f;font-size:12px;margin-bottom:12px}
.ad-sku-dialog{width:min(1180px,95vw);max-width:1180px;max-height:93vh;overflow:auto;border:1px solid #cfddf5;border-radius:17px;padding:20px;background:#f5f9ff;color:#192f50}.ad-sku-dialog::backdrop{background:#10264865;backdrop-filter:blur(2px)}.ad-detail-heading{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:14px}.ad-detail-heading h2{margin:0;font-size:22px}.ad-detail-heading p{margin:5px 0 0}.ad-detail-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.ad-detail-extra{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.ad-detail-extra .ad-metric-value{font-size:27px}.ad-detail-columns{display:grid;grid-template-columns:1.45fr 1fr;gap:12px;margin-bottom:12px}.ad-detail-panel{background:#fff;border:1px solid #dce6ff;border-radius:12px;padding:15px;min-width:0}.ad-detail-panel h3{font-size:16px;margin:0 0 12px}.ad-funnel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}.ad-funnel-step{background:#f3f7ff;border:1px solid #e0eaff;border-radius:10px;text-align:center;padding:15px 8px}.ad-funnel-step strong{display:block;font-size:24px;margin:8px 0}.ad-funnel-step small{color:#8192aa;font-size:11px}.ad-funnel-step span{font-size:12px;font-weight:600}.ad-diagnosis{background:#f7faff;border:1px solid #e3ebf8;border-radius:9px;padding:13px;line-height:1.8}.ad-diagnosis.danger{background:#fff4f5}.ad-diagnosis.warning{background:#fff9ed}.ad-diagnosis p{font-size:13px;margin:7px 0}.ad-breakdown{width:100%;font-size:13px;border-collapse:collapse}.ad-breakdown th{text-align:left;font-weight:400;padding:9px 4px;border-bottom:1px solid #edf1f7}.ad-breakdown td{text-align:right;padding:9px 4px;border-bottom:1px solid #edf1f7;font-variant-numeric:tabular-nums}.ad-profit-limit{margin-top:13px;border:1px solid #f6d393;background:#fffbf3;border-radius:9px;padding:12px;font-size:13px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.ad-detail-note{font-size:11px;color:#8192aa;line-height:1.65;margin:9px 0}.ad-detail-panel .toolbar{margin-top:12px}.ad-rules-table{width:100%;border-collapse:collapse;font-size:12px}.ad-rules-table td,.ad-rules-table th{padding:9px;border-bottom:1px solid #e1e9f6;text-align:left;vertical-align:top}.ad-rule-summary{padding:10px 12px;background:#f1f6ff;border-radius:8px;font-size:12px;line-height:1.8;margin:10px 0}#ads-rule-fields{border:0;padding:0}#ads-rule-fields label{font-size:13px}#ads-rules-info-dialog{max-width:min(880px,94vw)}#ads-rule-dialog .checklabel{display:flex;align-items:center;gap:8px}
.ad-sku-dialog .ad-breakdown,.ad-sku-dialog .ad-rules-table{min-width:0;table-layout:fixed}.ad-sku-dialog .ad-breakdown th,.ad-sku-dialog .ad-breakdown td,.ad-sku-dialog .ad-rules-table th,.ad-sku-dialog .ad-rules-table td{white-space:normal;overflow-wrap:anywhere}.ad-sku-dialog .ad-breakdown th{width:60%}
@media(min-width:1600px){#page-ads .ad-metric-value{font-size:29px}#page-ads .ad-trend,#page-ads .ad-trend svg{height:238px}#page-ads .ad-data-table{font-size:13px}#page-ads .ad-data-table th{font-size:12px}#page-ads .ad-data-table td{padding:14px 10px}}
@media(max-width:1200px){#page-ads .ad-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#page-ads .ad-heading-units{display:none}#page-ads .ad-filter-bar .hint{margin-left:0}#page-ads .ad-analysis-grid{grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr)}#page-ads .ad-data-table{min-width:850px}.ad-detail-columns{grid-template-columns:1fr 1fr}}
@media(max-width:760px){#page-ads .ad-page-heading{align-items:flex-start;flex-direction:column}#page-ads .ad-page-tabs{gap:16px;overflow-x:auto}#page-ads .ad-page-tabs button{white-space:nowrap}#page-ads .ad-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#page-ads .ad-analysis-grid{grid-template-columns:1fr}#page-ads .ad-filter-bar select{min-width:120px;max-width:180px}.ad-detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ad-detail-columns,.ad-detail-extra{grid-template-columns:1fr}.ad-sku-dialog{padding:14px}.ad-funnel{gap:5px}.ad-funnel-step{padding:12px 5px}.ad-funnel-step strong{font-size:20px}.ad-metric-value{font-size:23px}}
/* Fit the rules dialog to the available screen height. */
body.erp-skin #ads-rules-info-dialog{width:min(1050px,94vw);max-width:94vw;max-height:calc(100dvh - 32px);padding:18px;overflow:auto;box-sizing:border-box}
#ads-rules-info-dialog .ad-detail-heading{align-items:center;margin-bottom:10px}#ads-rules-info-dialog h2{font-size:19px;margin:0}#ads-rules-info-dialog .ad-rules-table{min-width:0;table-layout:fixed;font-size:13px}#ads-rules-info-dialog .ad-rules-table th,#ads-rules-info-dialog .ad-rules-table td{padding:8px 10px;white-space:normal;overflow-wrap:anywhere;line-height:1.45}#ads-rules-info-dialog .ad-rules-table tr>:first-child{width:8%}#ads-rules-info-dialog .ad-rules-table tr>:nth-child(2){width:24%}#ads-rules-info-dialog .hint{font-size:12px;line-height:1.5;margin:10px 0 0}
body.erp-skin:has(#page-ads:not(.hidden)) .content{padding-top:10px}#page-ads .ad-page-heading{margin-top:0}
#page-ads .ad-control-grid{display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:9px 16px;border-bottom:1px solid var(--ad-border);margin-bottom:16px}
#page-ads .ad-control-grid .ad-filter-bar{grid-column:1;grid-row:1;margin:0;min-width:0}
#page-ads .ad-actions{grid-column:2;grid-row:1;justify-content:flex-end;align-items:center;align-self:center;flex-wrap:nowrap}
#page-ads .ad-control-grid .ad-page-tabs{grid-column:1;grid-row:2;justify-self:start;border-bottom:0;margin:0;max-width:100%;min-width:0}
#page-ads .ad-controls-status{grid-column:1/-1;grid-row:2;justify-self:end;align-self:center;max-width:55%;margin:0;text-align:left;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
#page-ads .ad-controls-status .hint{display:block;font-size:12px}#page-ads .ad-controls-caption{margin:0 0 3px;color:var(--ad-muted);font-size:12px;line-height:1.5}#page-ads .ad-control-grid .ad-heading-units{display:inline;font-size:12px;margin-left:14px}
@media(min-width:1280px){#page-ads .ad-control-grid .ad-filter-bar{flex-wrap:nowrap;gap:8px}#page-ads .ad-control-grid .ad-filter-bar select{min-width:130px;max-width:clamp(155px,11.4vw,190px)}#page-ads .ad-control-grid .ad-compare-toggle{white-space:nowrap}}
@media(max-width:1279px){#page-ads .ad-control-grid{grid-template-columns:minmax(0,1fr)}#page-ads .ad-control-grid .ad-filter-bar{grid-column:1;grid-row:1}#page-ads .ad-actions{grid-column:1;grid-row:2;justify-self:end}#page-ads .ad-control-grid .ad-page-tabs{grid-column:1;grid-row:3}#page-ads .ad-controls-status{grid-column:1;grid-row:4;max-width:100%;margin-bottom:8px}}
/* Shop data cards and the settings dialog share the dashboard's blue-white style. */
#page-ads #ads-sync-state{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;max-height:370px;overflow-y:auto;padding-right:4px}#page-ads #ads-sync-state>.ad-empty-state{grid-column:1/-1}.ad-connection-card{background:#fff;border:1px solid #dce6f7;border-radius:10px;padding:12px;min-width:0}.ad-connection-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.ad-connection-heading>div{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}.ad-connection-heading strong{font-size:13px;color:#243b5c;overflow-wrap:anywhere}.ad-connection-heading button{flex:none;font-size:12px!important;min-height:32px;padding:6px 10px!important}.ad-connection-status{font-size:10px;line-height:1.5;padding:3px 6px;background:#f0f3f8;color:#8190a7;border-radius:5px;white-space:nowrap}.ad-connection-status.ready{background:#e9f8ee;color:#15945a}.ad-connection-status.error{background:#fff0f0;color:#d5525e}.ad-connection-meta{display:flex;align-items:center;gap:14px;margin-top:10px;font-size:11px;color:#8494ad}.ad-connection-note{margin:7px 0 0;font-size:11px;color:#8494ad;line-height:1.55;overflow-wrap:anywhere}
body.erp-skin #ads-settings-dialog{width:min(960px,calc(100vw - 40px))!important;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:18px;box-sizing:border-box;background:#f6f9ff;border:1px solid #d8e5fc;border-radius:16px;overflow:auto}
#ads-settings-dialog .ad-settings-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:13px}#ads-settings-dialog h2{font-size:20px;line-height:1.35;margin:0;color:#1b3050}#ads-settings-dialog .ad-settings-store{font-size:12px;line-height:1.5;color:#7890b0;margin:5px 0 0}#ads-settings-dialog .ad-settings-heading>button{min-height:32px;padding:6px 12px!important;font-size:12px!important}#ads-settings-dialog .ad-settings-section{background:#fff;border:1px solid #dce6f8;border-radius:11px;padding:12px 14px;margin-bottom:11px}#ads-settings-dialog .ad-settings-section h3{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:650;color:#263e60;margin:0 0 12px;line-height:1.4}#ads-settings-dialog .ad-settings-section h3>span{display:inline-flex;align-items:center;justify-content:center;font-size:10px;color:#3d7eec;background:#edf4ff;border-radius:5px;width:25px;height:23px}
#ads-settings-dialog .ad-settings-grid{display:grid;gap:12px 16px}#ads-settings-dialog .ad-settings-settlement{grid-template-columns:repeat(2,minmax(0,1fr))}#ads-settings-dialog .ad-settings-thresholds{grid-template-columns:repeat(3,minmax(0,1fr))}#ads-settings-dialog .ad-setting-field{display:flex;flex-direction:column;gap:6px;min-width:0}#ads-settings-dialog .ad-setting-field>label{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:18px;font-size:12px;line-height:1.5;color:#5d7190;font-weight:550}#ads-settings-dialog label small{font-size:11px;font-weight:400;color:#93a2b9}#ads-settings-dialog .ad-setting-field>input,#ads-settings-dialog .ad-setting-field>select{width:100%;box-sizing:border-box;height:39px;min-height:39px;max-height:39px;border:1px solid #d8e4f7;border-radius:8px;padding:8px 11px;background:#fff;font:inherit;font-size:13px;color:#243d60;outline:none}#ads-settings-dialog .ad-setting-field>input:focus,#ads-settings-dialog .ad-setting-field>select:focus{border-color:#7aaaff;box-shadow:0 0 0 3px #2c7fff12}#ads-settings-dialog .ad-setting-field>input:disabled,#ads-settings-dialog .ad-setting-field>select:disabled{background:#f5f7fb;border-color:#e1e8f3;color:#7d8da5;opacity:1;-webkit-text-fill-color:#7d8da5}#ads-settings-dialog .ad-setting-wide{grid-column:1/-1}#ads-settings-dialog .ad-settings-help{font-size:11px;color:#8a9ab2;line-height:1.5;margin:9px 0 0}
#ads-settings-dialog .ad-settings-toggle{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#edf4ff;border:1px solid #dce8fd;border-radius:9px;padding:10px 13px;cursor:pointer}#ads-settings-dialog .ad-settings-toggle strong{display:block;font-size:12px;color:#36557e;line-height:1.4}#ads-settings-dialog .ad-settings-toggle small{display:block;font-size:10px;line-height:1.5;margin-top:3px}#ads-settings-dialog .ad-settings-toggle input{width:17px;height:17px;min-height:17px;flex:none;accent-color:#2f7fff}#ads-settings-dialog .ad-settings-notice{font-size:11px;line-height:1.6;color:#8b9bb2;margin:10px 1px}#ads-settings-dialog .ad-settings-message{font-size:12px;line-height:1.5;border:1px solid #dfe8f8;background:#f0f5ff;border-radius:8px;color:#627eaa;margin:10px 0;padding:9px 11px}#ads-settings-dialog .ad-settings-message:empty{display:none}#ads-settings-dialog .ad-settings-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;border-top:1px solid #dde7f8;margin-top:12px;padding-top:12px}#ads-settings-dialog .ad-settings-footer button{min-width:86px;min-height:35px;padding:7px 15px!important;font-size:12px!important}
@media(max-width:900px){#page-ads #ads-sync-state{grid-template-columns:1fr}#ads-settings-dialog .ad-settings-thresholds{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){body.erp-skin #ads-settings-dialog{padding:14px;width:calc(100vw - 24px)!important}#ads-settings-dialog .ad-settings-grid{grid-template-columns:1fr}#ads-settings-dialog .ad-settings-section{padding:12px}.ad-connection-heading{align-items:flex-start;flex-direction:column}}