.contract-support-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;margin:0 0 16px;border-radius:18px;background:linear-gradient(180deg,#f8fbff,#edf4ff);border:1px solid #cfe0ff;box-shadow:0 10px 26px rgba(16,36,63,.08)}
.contract-support-banner__text{display:grid;gap:6px}
.contract-support-banner__text strong{color:#16345f;font-size:1rem}
.contract-support-banner__text span{color:#4d6488;line-height:1.9;font-size:.92rem}
.contract-support-banner__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.contract-support-banner.hidden{display:none}
.contract-support-modal{position:fixed;inset:0;z-index:100001;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(4,10,22,.72)}
.contract-support-modal.hidden{display:none}.contract-support-dialog{position:relative;width:min(96vw,620px);background:linear-gradient(180deg,#0d203f,#08182f);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:24px;color:#eef5ff;box-shadow:0 28px 70px rgba(0,0,0,.42)}.contract-support-close{position:absolute;left:12px;top:10px;border:none;background:none;color:#fff;font-size:1.8rem;cursor:pointer}.contract-support-badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:999px;background:rgba(53,181,255,.12);border:1px solid rgba(53,181,255,.28);color:#9edfff;font-size:.86rem;font-weight:700}
#contractSupportTitle{margin:14px 0 8px;font-size:1.45rem;line-height:1.5}#contractSupportDescription{margin:0;color:#d8e7ff;line-height:2}.contract-support-helper{margin-top:14px;padding:12px 14px;border-radius:14px;background:rgba(53,181,255,.08);border:1px solid rgba(53,181,255,.18);color:#dcebff;line-height:1.95;font-size:.92rem}.contract-support-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.contract-support-actions .action-btn{min-width:170px}body.contract-support-modal-open{overflow:hidden}
@media (max-width:760px){.contract-support-banner{flex-direction:column;align-items:stretch;padding:14px}.contract-support-banner__actions{width:100%}.contract-support-banner__actions .action-btn{width:100%}.contract-support-dialog{width:min(96vw,96vw);padding:20px 16px;border-radius:20px}#contractSupportTitle{font-size:1.18rem}.contract-support-actions{display:grid;grid-template-columns:1fr}.contract-support-actions .action-btn{width:100%;min-width:0}}

/* Desktop clarity boost for contract name and selector */
@media (min-width: 1101px){
  #contracts .workspace-header-main{
    gap:18px !important;
    align-items:end !important;
  }

  #contracts .contract-pickers-grid{
    grid-template-columns:minmax(520px, 860px) !important;
    max-width:860px !important;
    width:100% !important;
  }

  #contracts .contract-select-wrap{
    gap:10px !important;
  }

  #contracts .contract-select-wrap span{
    font-size:1.22rem !important;
    font-weight:800 !important;
    color:#173764 !important;
    line-height:1.6 !important;
  }

  #contracts #contractSelect{
    min-height:68px !important;
    height:68px !important;
    padding:14px 18px !important;
    font-size:1.16rem !important;
    font-weight:700 !important;
    line-height:1.5 !important;
    border-radius:16px !important;
    background:#ffffff !important;
    color:#10243f !important;
    border:2px solid #c7d3e4 !important;
    box-shadow:0 8px 22px rgba(16,36,63,.08) !important;
  }

  #contracts #contractSelect:focus{
    outline:none !important;
    border-color:#1e7bd8 !important;
    box-shadow:0 0 0 5px rgba(30,123,216,.14),0 10px 24px rgba(16,36,63,.10) !important;
  }

  #contracts .workspace-header{
    padding:22px 22px 18px !important;
  }

  #contracts .guide-card,
  #contracts #guideText,
  #contracts .empty-state,
  #contracts .empty-state.small{
    font-size:1.02rem !important;
    line-height:2 !important;
  }

  #contracts .workspace-body{
    padding:0 22px 22px !important;
  }
}