/* Page-scoped adjustments for shared Analyzer controls and Appeals promises. */
@layer pd-quality {
  html[data-detail-page="js-analyzer"] #urlInput {
    direction:ltr;
    text-align:left;
  }
  html[data-detail-page="js-analyzer"] #urlInput::placeholder {
    color:#91a6b5!important;
    opacity:1;
  }
  html[data-detail-page="js-analyzer"] #reportArea .rep-h .meta {
    color:#96a5af!important;
    word-break:normal!important;
    overflow-wrap:anywhere;
  }
  @media (max-width:767px) {
    html[data-detail-page="js-analyzer"] #iocBar {
      display:grid!important;
      grid-template-columns:minmax(0,1fr) 20px;
      height:auto!important;
      min-height:54px!important;
      padding:14px!important;
      gap:10px 8px!important;
    }
    html[data-detail-page="js-analyzer"] #iocBar .ioc-bar-label {
      grid-column:1;
      grid-row:1;
    }
    html[data-detail-page="js-analyzer"] #iocToggle {
      grid-column:2;
      grid-row:1;
      justify-self:end;
      margin:0!important;
    }
    html[data-detail-page="js-analyzer"] #iocChips {
      grid-column:1/-1;
      margin:0!important;
      min-width:0;
      gap:6px!important;
    }
    html[data-detail-page="js-analyzer"] #iocChips:empty { display:none; }
    html[data-detail-page="js-analyzer"] #iocTabsNav {
      display:grid!important;
      grid-template-columns:repeat(auto-fit,minmax(96px,1fr));
      overflow:visible!important;
      gap:6px!important;
      padding:2px 0 12px!important;
    }
    html[data-detail-page="js-analyzer"] #iocTabsNav .ioc-tab {
      min-width:0!important;
      min-height:44px!important;
      padding:10px 8px!important;
      border:1px solid #29423a!important;
      background:#102019!important;
      color:#b3c9c0!important;
      white-space:nowrap!important;
      font-size:12px!important;
    }
    html[data-detail-page="js-analyzer"] #iocTabsNav .ioc-tab.active {
      border-color:#6baf95!important;
      background:#1c3b30!important;
      color:#d2f2e5!important;
    }
    html[data-detail-page="js-analyzer"] .ioc-content .ioc-row {
      display:grid!important;
      grid-template-columns:minmax(0,1fr) auto;
      align-items:start!important;
      gap:8px!important;
    }
    html[data-detail-page="js-analyzer"] .ioc-row>.ioc-row-type {
      grid-column:1;
      grid-row:1;
      min-width:0;
      width:auto!important;
      white-space:normal;
    }
    html[data-detail-page="js-analyzer"] .ioc-row>.ioc-row-actions {
      grid-column:2;
      grid-row:1;
      max-width:180px;
      margin:0!important;
      justify-content:flex-end;
    }
    html[data-detail-page="js-analyzer"] .ioc-row>:not(.ioc-row-type,.ioc-row-actions) {
      grid-column:1/-1;
      min-width:0;
      max-width:100%;
      word-break:normal!important;
      overflow-wrap:anywhere;
    }
  }
  @media (max-width:560px) {
    html[data-detail-page="js-analyzer"] #reportArea .rep-summary {
      grid-template-columns:repeat(2,minmax(0,1fr))!important;
      gap:8px;
    }
    html[data-detail-page="js-analyzer"] #reportArea .rep-h {
      display:grid!important;
      grid-template-columns:minmax(0,1fr) auto;
      align-items:start;
      gap:8px 12px;
    }
    html[data-detail-page="js-analyzer"] #reportArea .rep-h>div { display:contents; }
    html[data-detail-page="js-analyzer"] #reportArea .rep-h h3 { grid-column:1;grid-row:1; }
    html[data-detail-page="js-analyzer"] #reportArea .rep-h>button { grid-column:2;grid-row:1; }
    html[data-detail-page="js-analyzer"] #reportArea .rep-h .meta {
      grid-column:1/-1;
      margin:0!important;
    }
  }
  @media (max-width:479px) {
    html[data-page="appeals"] .pd-appeals-promise {
      display:grid!important;
      grid-template-columns:36px minmax(0,1fr);
      align-items:center!important;
      gap:14px 12px!important;
      padding:20px!important;
    }
    html[data-page="appeals"] .pd-appeals-promise>.pd-promise-ico {
      grid-column:1;
      grid-row:1;
      width:36px!important;
      height:36px!important;
      border-radius:10px;
    }
    html[data-page="appeals"] .pd-appeals-promise>div:last-child { display:contents; }
    html[data-page="appeals"] .pd-appeals-promise .pd-promise-h {
      grid-column:2;
      grid-row:1;
      margin:0!important;
    }
    html[data-page="appeals"] .pd-appeals-promise .pd-promise-t {
      grid-column:1/-1;
      margin:0!important;
    }
    html[data-detail-page="js-analyzer"] .tool-page-wrap>.toolbar {
      display:grid!important;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:8px!important;
    }
    html[data-detail-page="js-analyzer"] .toolbar #btnRun { grid-column:1/-1; }
    html[data-detail-page="js-analyzer"] .toolbar>.tb-btn {
      width:100%!important;
      justify-content:center;
    }
    html[data-detail-page="js-analyzer"]:not([data-tools-revamp]) .toolbar>.tb-btn {
      height:auto!important;
      min-height:44px!important;
      padding-inline:8px!important;
      gap:6px!important;
      font-size:13px!important;
      white-space:normal!important;
      text-wrap:balance;
      align-self:stretch;
      overflow-wrap:anywhere;
    }
    html[data-detail-page="js-analyzer"]:not([data-tools-revamp]) .toolbar #btnLoadSample {
      grid-column:1/-1;
    }
    html[data-detail-page="js-analyzer"]:not([data-tools-revamp]) .toolbar>.tb-sep {
      display:none!important;
    }
    html[data-detail-page="js-analyzer"] .toolbar>.file-chip {
      grid-column:1/-1;
      order:2;
      min-width:0;
    }
    html[data-detail-page="js-analyzer"] .url-bar-row {
      display:grid!important;
      grid-template-columns:minmax(0,1fr);
      gap:8px;
    }
    html[data-detail-page="js-analyzer"] .url-bar-row>:is(input,button) {
      width:100%!important;
      min-width:0!important;
      min-height:44px!important;
    }
  }
}