/* Shared interaction feedback. Passive headings and statuses stay plain. */
:where(button,input[type="button"],input[type="submit"],input[type="reset"],a[href],summary,select,input[type="date"],input[type="checkbox"],input[type="radio"],[role="button"]):where(:not(:disabled):not([aria-disabled="true"])) {
  cursor:pointer;
}
:where(button,a[href],summary,select,input,textarea,[role="button"]) {
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,opacity .18s ease,transform .18s ease;
}
:is(button,input,select,textarea):disabled,[aria-disabled="true"] {
  cursor:not-allowed;
}
:is(a[href],button,input,select,textarea,summary,[role="button"]):focus-visible {
  outline:2px solid #aa7000;
  outline-offset:4px;
}

@media (hover:hover) {
  :where(button,input[type="button"],input[type="submit"],input[type="reset"]):where(:not(:disabled):not([aria-disabled="true"])):hover {
    background-color:#fff4d8;
    border-color:#d7b66d;
    color:#20232a;
    box-shadow:0 3px 10px #8b65121a;
    transform:translateY(-1px);
  }
  .button:where(:not(:disabled):not([aria-disabled="true"])):hover {
    background:#fff6df;
    border-color:#d7b66d;
    color:#20232a;
    box-shadow:0 5px 14px #8b65121f;
    transform:translateY(-2px);
  }
  .button.dark:where(:not(:disabled):not([aria-disabled="true"])):hover {
    background:#2b2d32;
    color:#fff;
    border-color:#2b2d32;
    box-shadow:0 6px 16px #10111226;
  }
  .text-button:where(:not(:disabled):not([aria-disabled="true"])):hover {
    color:#946000;
    background:transparent;
    box-shadow:none;
    transform:none;
    text-decoration:underline;
    text-underline-offset:4px;
  }
  .icon-button:where(:not(:disabled):not([aria-disabled="true"])):hover {
    color:#8d5a00;
    background:#fff3d2;
    box-shadow:0 0 0 4px #fff3d2;
    border-radius:6px;
    transform:translateY(-1px);
  }
  .avatar:where(:not(:disabled)):hover {background:#ffdb85;color:#24211a;box-shadow:0 3px 10px #8b651126;}
  .workspace-tabs button:where(:not(:disabled)):hover {background:#fff3d2;color:#634600;border-color:#d7b66d;}
  .workspace-tabs button[aria-selected="true"]:hover {background:#343945;color:#fff;border-color:#343945;}
  a[href]:where(:not(.button):not(.brand):not(.status-pill):not(.notification):not(.integration-tile):not([aria-disabled="true"])):hover {
    color:#946000;
    text-decoration:underline;
    text-underline-offset:4px;
  }
  .brand[href]:hover {opacity:.76;}
  .status-pill[href]:hover,.notification[href]:hover {background:#fff5dc;border-color:#d7b66d;box-shadow:0 3px 10px #8b65121a;transform:translateY(-1px);}
  .integration-tile[href]:hover {border-color:#d7b66d;box-shadow:0 8px 22px #8b65121a;transform:translateY(-2px);}
  :where(input:not([type="hidden"]),select,textarea):where(:not(:disabled)):hover {border-color:#c4a057;background-color:#fffdf7;}
  .search:has(#site-search:hover) {border-color:#c4a057;background:#fffaf0;}
  label.checkbox:has(input:not(:disabled)):hover {color:#875b00;}
  summary:hover {color:#875b00;background:#fff8e8;}
}

:where(button,.button,input[type="button"],input[type="submit"],input[type="reset"]):where(:not(:disabled):not([aria-disabled="true"])):active {
  transform:translateY(0);
  filter:brightness(.94);
}
label.checkbox:has(input:not(:disabled)) {cursor:pointer;}
:where(input[type="checkbox"],input[type="radio"]) {accent-color:#b47a00;}
summary {border-radius:5px;}

/* These containers have no whole-card action. Only their real controls react. */
article.site-card:hover {transform:none;box-shadow:0 5px 20px #33446603;}
.workspace-single-view {padding:0;margin:12px 0 18px;white-space:normal;overflow:visible;}
.workspace-view-heading {margin:0;color:#172239;font-size:18px;font-weight:600;line-height:1.5;cursor:default;}
.report-period-label {display:flex;flex-wrap:wrap;gap:12px;margin:0;color:#737d91;font-size:12px;cursor:default;}
.report-period-label>span:first-child {font-weight:600;color:#3d4659;}
.report-status {display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#8a6400;cursor:default;}
.report-status::before {content:"";width:6px;height:6px;background:currentColor;border-radius:50%;flex:none;}
.report-status.danger {color:#b44239;}
.tag {cursor:default;}
.report-quality {gap:8px 18px;}

@media (prefers-reduced-motion:reduce) {
  :where(button,a[href],summary,select,input,textarea,[role="button"]) {transition:none!important;}
  :where(button,a[href],input[type="button"],input[type="submit"],input[type="reset"]):hover {transform:none!important;}
}
