← Files VeraARCHIVED FILE

modules/treasury-forecast/assets/review.css

5.11 KB · Oct 4, 2026 · 12:28 UTC

↓ Download file

:root{font-family:'Instrument Sans',Arial,sans-serif;color:#122b45;background:#fff;color-scheme:light}*{box-sizing:border-box}body{margin:0}main{max-width:1180px;margin:48px auto;padding:0 28px 64px}h1{font-size:36px;letter-spacing:-.03em;margin:12px 0}h2{font-size:22px;margin-top:34px}p{line-height:1.6;max-width:85ch}.eyebrow{font-size:12px;letter-spacing:.1em;color:#42617d}.summary{display:flex;gap:48px;flex-wrap:wrap;padding:24px 0;border-block:1px solid #dce4ed}.summary strong{display:block;font-size:30px;color:#002060}.summary span{font-size:13px;color:#42617d}.scroll{overflow:auto;margin-top:16px}table{border-collapse:collapse;width:100%;font-size:14px}th,td{padding:12px;border-bottom:1px solid #dce4ed;text-align:left;vertical-align:top}th{font-weight:600;color:#42617d}small{color:#42617d;display:block}input,textarea{font:inherit;padding:9px;border:1px solid #a7b8c9;border-radius:3px;background:#fff;color:#122b45}input[type=date]{width:148px}textarea{width:260px;min-height:58px}button{font:inherit;padding:10px 16px;border:0;border-radius:4px;background:#002060;color:white;cursor:pointer}button.secondary{background:#eef3f8;color:#002060}button:disabled{opacity:.45;cursor:default}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:22px 0}.review-fields{display:flex;gap:24px;flex-wrap:wrap;margin:20px 0}.review-fields label{display:flex;flex-direction:column;gap:6px}.footnote{font-size:13px;color:#42617d;margin-top:36px}#status{border-left:3px solid #008cba;padding-left:14px}.error{color:#a32119}.negative{color:#a32119!important}li{margin-bottom:10px}@media(max-width:650px){main{margin:24px auto;padding:0 16px 40px}h1{font-size:28px}.summary{gap:24px}.summary strong{font-size:25px}}

/* Shared select enhancement; visual overrides match the local treasury page. */
.custom-select {
  position: relative;
  width: 100%;
}

.custom-select__input {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}

.custom-select__button {
  width: 100%;
  border-radius: 14px;
  border: 1px solid rgba(148, 163, 184, 0.8);
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  padding: 10px 38px 10px 14px;
  font-family: var(--mparanza-pill-font-family);
  font-size: var(--mparanza-pill-font-size, 14px);
  font-weight: var(--mparanza-pill-font-weight, 400);
  line-height: var(--mparanza-pill-line-height, 1.2);
  color: #0f172a;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  cursor: pointer;
  transition: border-color 120ms ease, box-shadow 120ms ease, background-color 120ms ease;
}

.custom-select__button::after {
  content: "";
  width: 12px;
  height: 8px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%234b5563' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M1 1.5 6 6.5 11 1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  flex: 0 0 auto;
}

.custom-select__button:focus-visible {
  border-color: var(--focus-border-color);
  box-shadow: 0 0 0 3px var(--focus-ring-color);
  outline: none;
  background: #fff;
}

.custom-select--disabled .custom-select__button {
  cursor: not-allowed;
  opacity: 0.6;
}

.custom-select__label {
  flex: 1;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.custom-select__list {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 6px);
  border-radius: 16px;
  border: 1px solid rgba(148, 163, 184, 0.6);
  background: #ffffff;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.16);
  list-style: none;
  margin: 0;
  padding: 6px 0;
  max-height: 260px;
  overflow-y: auto;
  z-index: 60;
  display: none;
}

.custom-select--open .custom-select__list {
  display: block;
}

.custom-select__option {
  padding: 10px 16px;
  font-family: var(--mparanza-pill-font-family);
  font-size: var(--mparanza-pill-font-size, 14px);
  font-weight: var(--mparanza-pill-font-weight, 400);
  line-height: var(--mparanza-pill-line-height, 1.2);
  color: #0f172a;
  cursor: pointer;
  transition: background-color 100ms ease, color 100ms ease;
}

.custom-select__option.is-placeholder {
  color: #6b7280;
}

.custom-select__option.is-disabled {
  cursor: not-allowed;
  color: #9ca3af;
}

.custom-select__option.is-active {
  background: rgba(79, 70, 229, 0.08);
}

.custom-select__option.is-selected {
  font-weight: 600;
  background: rgba(15, 23, 42, 0.06);
}

.custom-select__option.is-selected.is-active {
  background: rgba(17, 24, 39, 0.12);
}


@font-face{font-family:"Instrument Sans";src:url("instrument-sans-400.ttf") format("truetype");font-weight:400;font-display:swap}.custom-select{max-width:420px}.custom-select__button{background:#fff;border-radius:3px;font:inherit;color:#122b45}.custom-select__list{border-radius:3px;box-shadow:none}.custom-select__option{font:inherit}.custom-select__button:focus-visible{outline:2px solid #008cba;outline-offset:2px}.custom-select__button::after{background-image:none;width:8px;height:8px;border-right:1.5px solid #42617d;border-bottom:1.5px solid #42617d;transform:rotate(45deg)}

SHA-256: c96fe870e3425bcfc443a47e1a7d1e69955b039c5bb2049d2cb5078b4d5ad807