/* Scale Xpert v0.4.37 - connected dashboard dates, audit toolbar, full-width AI, prompt table, and article studio */

/* Dashboard: keep date labels readable and the metric heading glyphs aligned to text size. */
#app .sx-performance-chart{height:286px!important;overflow:visible!important}
#app .sx-axis-date{font-size:8px!important;fill:#7a8494!important;font-weight:500!important}
#app .sx-section-title h2{display:flex!important;align-items:center!important;gap:7px!important}
#app .sx-heading-icon{display:inline-grid!important;place-items:center!important;width:1.15em!important;height:1.15em!important;min-width:1.15em!important;font-size:1em!important;line-height:1!important}
#app .sx-query-panel .sx-section-title h2,#app .sx-geo-panel .sx-section-title h2{font-size:12px!important}
#app .sx-query-panel .sx-heading-icon,#app .sx-geo-panel .sx-heading-icon{font-size:12px!important}

/* Site Audit: profile filter and Start Audit share one compact row. */
#app .sx-audit-page{width:100%!important;max-width:none!important;margin:0!important}
#app .sx-audit-intro{margin:0 0 14px!important;color:#657184!important;font-size:11px!important}
#app .sx-audit-toolbar{display:flex!important;align-items:center!important;gap:12px!important;margin:0 0 14px!important;width:100%!important}
#app .sx-audit-toolbar .spacer{flex:1!important}
#app .sx-audit-toolbar>select{width:160px!important;max-width:160px!important;height:34px!important;padding:0 32px 0 11px!important;border:1px solid #dfe5ed!important;border-radius:6px!important;background:#fff!important;color:#273247!important;font-size:10px!important}
#app .sx-audit-toolbar .sx-audit-start-menu{margin-left:auto!important}
#app .sx-audit-empty{min-height:320px!important;border-radius:4px!important}
#app .sx-audit-search{width:46px!important;height:46px!important;border-radius:8px!important;background:#f4f6f9!important;display:grid!important;place-items:center!important}
#app .sx-audit-search svg{width:24px!important;height:24px!important;fill:none!important;stroke:#687486!important;stroke-width:1.7!important}
#app .sx-audit-empty h2{font-size:14px!important;color:#111827!important}
#app .sx-audit-empty p{font-size:10px!important;max-width:360px!important}

/* AI Overview: full application width and range in the sticky top header. */
#app .sx-ai-page,#app .sx-prompts-page{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
#app .sx-ai-head-actions{display:flex!important;align-items:center!important;margin-left:auto!important;padding-right:4px!important}
#app .sx-ai-head-actions select{height:30px!important;min-width:92px!important;padding:0 28px 0 10px!important;border:1px solid #dbe2ec!important;border-radius:5px!important;background:#fff!important;font-size:10px!important;color:#283247!important}
#app .sx-ai-hero,#app .sx-ai-chart{width:100%!important;max-width:none!important}
#app .sx-ai-lower{width:100%!important}
#app .sx-ai-model-card{min-height:105px!important}
#app .sx-ai-model-card strong{font-size:22px!important}
#app .sx-ai-summary b{font-size:19px!important}

/* Prompt view: reference-style toolbar and full-width table. */
#app .sx-prompts-page{display:grid!important;gap:14px!important}
#app .sx-prompt-toolbar{width:100%!important;display:flex!important;align-items:center!important;gap:10px!important;padding:12px 14px!important;background:#fff!important;border:1px solid #e4e9f0!important;border-radius:4px!important;box-sizing:border-box!important}
#app .sx-prompt-search{display:flex!important;align-items:center!important;width:min(420px,40vw)!important;height:34px!important;border:1px solid #dfe5ed!important;border-radius:4px!important;background:#fff!important;padding:0 10px!important;gap:8px!important}
#app .sx-prompt-search>span{font-size:12px!important;color:#778395!important}
#app .sx-prompt-search input{border:0!important;outline:0!important;width:100%!important;height:32px!important;padding:0!important;background:transparent!important;font-size:10px!important;color:#273247!important}
#app .sx-prompt-filter-icon{font-size:13px!important;color:#7b8492!important}
#app .sx-prompt-toolbar>select{width:170px!important;height:34px!important;border:1px solid #dfe5ed!important;border-radius:4px!important;background:#fff!important;padding:0 9px!important;font-size:10px!important;color:#273247!important}
#app .sx-prompt-toolbar .spacer{flex:1!important}
#app .sx-prompt-toolbar>.button{height:34px!important;margin:0!important;white-space:nowrap!important}
#app .sx-prompt-panel{width:100%!important;max-width:none!important;padding:0!important;overflow:hidden!important}
#app .sx-prompt-panel>.sx-section-title{padding:14px 16px!important;border-bottom:1px solid #e8edf3!important}
#app .sx-prompts-table{width:100%!important;display:grid!important}
#app .sx-prompts-head,#app .sx-prompts-row{display:grid!important;grid-template-columns:42px 44px minmax(0,1fr) 160px 54px!important;align-items:center!important;min-height:44px!important;border-bottom:1px solid #eef1f5!important;font-size:10px!important}
#app .sx-prompts-head{background:#fafbfc!important;color:#657080!important;text-transform:uppercase!important;font-size:8px!important;font-weight:700!important}
#app .sx-prompts-head>span,#app .sx-prompts-row>span{padding:9px 10px!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
#app .sx-prompts-row:hover{background:#fafcff!important}
#app .sx-prompt-attribute{display:inline-flex!important;align-items:center!important;border-radius:10px!important;padding:3px 8px!important;font-size:8px!important;font-weight:600!important}
#app .sx-prompt-attribute.blue{background:#e6f1ff!important;color:#316cae!important}
#app .sx-prompt-attribute.green{background:#e5f8ee!important;color:#2a8b5c!important}
#app .sx-prompt-attribute.gold{background:#fff4d8!important;color:#9a6a00!important}
#app .sx-prompt-edit{border:0!important;background:transparent!important;color:#778294!important;font-size:13px!important;cursor:pointer!important}

/* Article editor: intentionally mirrors the reference information hierarchy while using real Scale Xpert data. */
dialog.editor{width:min(1040px,96vw)!important;max-width:1040px!important;height:min(92vh,980px)!important;max-height:92vh!important;margin:auto!important;padding:0!important;border:1px solid #dce3ec!important;border-radius:8px!important;background:#f7f9fc!important;overflow:hidden!important}
dialog.editor::backdrop{background:rgba(18,26,42,.38)!important}
dialog.editor .sx-article-modal-head{position:sticky!important;top:0!important;z-index:20!important;height:58px!important;padding:0 18px!important;background:#f4f7fb!important;border-bottom:1px solid #dfe5ed!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
dialog.editor .sx-article-modal-head h2{font-size:15px!important;margin:0!important}
dialog.editor .sx-editor-head-actions{display:flex!important;gap:8px!important}
dialog.editor .sx-editor-head-actions .button{height:34px!important;padding:0 15px!important}
dialog.editor .sx-article-editor-body{height:calc(92vh - 58px)!important;max-height:calc(980px - 58px)!important;overflow:auto!important;padding:16px!important;box-sizing:border-box!important;display:grid!important;gap:14px!important}
#app dialog.editor .sx-editor-fieldset{border:0!important;padding:0!important;margin:0!important;display:grid!important;gap:14px!important;min-width:0!important}
#app dialog.editor .sx-editor-section{display:block!important;background:#fff!important;border:1px solid #e2e7ef!important;border-radius:6px!important;overflow:hidden!important;margin:0!important}
#app dialog.editor details.sx-editor-section>summary{list-style:none!important;display:flex!important;justify-content:space-between!important;align-items:center!important;min-height:42px!important;padding:0 14px!important;background:#f8f9fb!important;color:#202a3c!important;font-size:11px!important;font-weight:700!important;cursor:pointer!important}
#app dialog.editor details.sx-editor-section>summary::-webkit-details-marker{display:none!important}
#app dialog.editor .sx-editor-section-body{padding:14px!important}
#app dialog.editor .sx-source-select{width:240px!important;height:34px!important;border:1px solid #dce3eb!important;border-radius:5px!important;background:#fff!important;padding:0 10px!important;font-size:10px!important}
#app dialog.editor .sx-competitor-metrics{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important;margin-top:12px!important}
#app dialog.editor .sx-competitor-metrics article{min-height:84px!important;padding:12px!important;border:1px solid #e5e9ef!important;border-radius:5px!important;background:#fff!important;display:flex!important;flex-direction:column!important;gap:3px!important}
#app dialog.editor .sx-competitor-metrics small{font-size:8px!important;color:#768092!important;font-weight:650!important}
#app dialog.editor .sx-competitor-metrics b{font-size:22px!important;line-height:1!important;color:#172033!important}
#app dialog.editor .sx-competitor-metrics em{font-style:normal!important;color:#87909e!important;font-size:8px!important}
#app dialog.editor .sx-metric-icon{font-size:12px!important;color:#3673ba!important}
#app dialog.editor .sx-generated-fields{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important}
#app dialog.editor .sx-article-field{display:grid!important;gap:6px!important;min-width:0!important}
#app dialog.editor .sx-article-field.full{grid-column:1/-1!important}
#app dialog.editor .sx-article-field label{display:flex!important;justify-content:space-between!important;gap:12px!important;font-size:10px!important;font-weight:650!important;color:#3673ba!important}
#app dialog.editor .sx-article-field label span{color:#677487!important;font-weight:500!important}
#app dialog.editor .sx-article-field input,#app dialog.editor .sx-article-field textarea{width:100%!important;box-sizing:border-box!important;border:1px solid #dfe5ed!important;border-radius:4px!important;background:#fff!important;color:#202a3a!important;font-size:10px!important;padding:9px 10px!important;outline:0!important}
#app dialog.editor .sx-article-field input{height:36px!important}
#app dialog.editor .sx-char-track{height:4px!important;border-radius:3px!important;background:#e8edf1!important;overflow:hidden!important}
#app dialog.editor .sx-char-track i{display:block!important;height:100%!important;background:#13b883!important;border-radius:3px!important}
#app dialog.editor .sx-editor-section-title{min-height:42px!important;padding:0 14px!important;display:flex!important;align-items:center!important;gap:12px!important;background:#f8f9fb!important;border-bottom:1px solid #e5e9ef!important;color:#263044!important;font-size:11px!important;font-weight:700!important}
#app dialog.editor .sx-editor-section-title>span:first-child{margin-right:auto!important}
#app dialog.editor .sx-editor-section-title .sx-editor-secondary{height:30px!important;padding:0 10px!important;font-size:9px!important}
#app dialog.editor .sx-cover-section{padding-bottom:14px!important}
#app dialog.editor .sx-cover-section>.sx-article-field{margin:12px 14px 0!important}
#app dialog.editor .sx-cover-image{margin:14px!important;border-radius:5px!important;overflow:hidden!important;background:#eef2f6!important;max-height:420px!important}
#app dialog.editor .sx-cover-image img{width:100%!important;height:auto!important;display:block!important;max-height:420px!important;object-fit:cover!important}
#app dialog.editor .sx-cover-empty{height:160px!important;margin:14px!important;border:1px dashed #d9e0ea!important;border-radius:5px!important;background:#fafbfd!important;display:grid!important;place-items:center!important;align-content:center!important;gap:8px!important;color:#7c8798!important;font-size:10px!important}
#app dialog.editor .sx-cover-empty span{font-size:28px!important}
#app dialog.editor .sx-article-images{padding:12px 14px!important}
#app dialog.editor .sx-article-image-row{display:grid!important;grid-template-columns:88px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;border:1px solid #e4e9f0!important;border-radius:5px!important;padding:8px!important}
#app dialog.editor .sx-article-image-row img{width:88px!important;height:56px!important;object-fit:cover!important;border-radius:4px!important;background:#eef2f5!important}
#app dialog.editor .sx-article-image-row div{display:grid!important;gap:5px!important;font-size:9px!important;color:#6b7688!important}
#app dialog.editor .sx-article-image-row b{font-size:10px!important;color:#283247!important}
#app dialog.editor .sx-editor-tabs{display:flex!important;align-items:center!important;gap:5px!important}
#app dialog.editor .sx-editor-tabs button{height:28px!important;border:0!important;background:transparent!important;color:#687486!important;border-radius:4px!important;padding:0 8px!important;font-size:9px!important;cursor:pointer!important}
#app dialog.editor .sx-editor-tabs button.active{background:#fff!important;color:#2869b5!important;box-shadow:0 0 0 1px #dfe5ed!important}
#app dialog.editor .sx-word-count{margin-left:auto!important;color:#7b8492!important;font-size:9px!important;font-weight:500!important}
#app dialog.editor .sx-content-pane{padding:14px!important}
#app dialog.editor .sx-content-pane.hidden{display:none!important}
#app dialog.editor .sx-rich-toolbar{height:38px!important;display:flex!important;align-items:center!important;gap:18px!important;padding:0 12px!important;border:1px solid #e1e6ed!important;border-bottom:0!important;background:#fff!important;color:#293346!important;font-size:10px!important}
#app dialog.editor .sx-rich-textarea{display:block!important;width:100%!important;min-height:430px!important;box-sizing:border-box!important;border:1px solid #e1e6ed!important;background:#fff!important;padding:18px!important;font-family:inherit!important;font-size:11px!important;line-height:1.65!important;color:#202938!important;resize:vertical!important;outline:0!important}
#app dialog.editor #article-preview{width:100%!important;height:520px!important;border:1px solid #e1e6ed!important;border-radius:4px!important;background:#fff!important}
#app dialog.editor .sx-editor-hidden-fields{display:none!important}
#app dialog.editor .sx-editor-review{display:grid!important;gap:12px!important;background:#fff!important;border:1px solid #e2e7ef!important;border-radius:6px!important;padding:14px!important;font-size:10px!important}
#app dialog.editor .sx-editor-review>div:first-child{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important}

/* Scheduler stays truthful to actual publish dates. New schedules created through the UI use every day. */
#app .calendar-top{display:flex!important;align-items:center!important;justify-content:space-between!important}
#app .calendar-top>span{font-size:9px!important;color:#727d8f!important}
#app .cal-event b{color:#303a4d!important;font-weight:650!important}
#app .cal-event small{color:#667386!important;font-weight:500!important}

@media(max-width:900px){
  #app .sx-prompt-search{width:45%!important}
  #app dialog.editor .sx-competitor-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #app dialog.editor .sx-generated-fields{grid-template-columns:1fr!important}
  #app dialog.editor .sx-article-field.full{grid-column:auto!important}
}