.fin-shell{--fin-ink:#191445;--fin-accent:#6335eb;--fin-line:#e5e8f1;margin:32px auto 64px;padding:0 22px;color:var(--fin-ink)}.fin-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:42px;border:1px solid var(--fin-line);border-radius:28px;background:linear-gradient(115deg,#f0edff,#edf8fd)}.fin-eyebrow{display:block;font-size:12px;font-weight:800;letter-spacing:.14em;color:#613ae0;margin-bottom:12px}.fin-shell h1{font-size:clamp(30px,4vw,48px);line-height:1.12;letter-spacing:-.035em;margin:0 0 18px;font-weight:800}.fin-shell h2{font-size:21px;font-weight:750;line-height:1.3;margin:0 0 14px}.fin-shell p{line-height:1.6}.fin-hero p{max-width:650px;color:#555570;margin-bottom:0}.fin-hero-mark{font-size:68px;padding:20px 30px;color:#5543b3;background:#ffffffa8;border-radius:24px}.fin-nav{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.fin-nav a{padding:10px 16px;background:#f2f5fa;border-radius:12px;color:#333454;text-decoration:none;font-weight:650}.fin-nav a:hover,.fin-nav a:focus-visible{background:#e2f1fc;color:#294e69}.fin-filters{display:flex;gap:16px;align-items:end;flex-wrap:wrap;margin:28px 0}.fin-filters label{flex:1;min-width:180px}.fin-shell label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:650}.fin-shell input:not([type=checkbox]):not([type=hidden]),.fin-shell select,.fin-shell textarea{width:100%;border:1px solid #dce0ed;background:#fff;border-radius:12px;padding:12px 14px;color:#252444;font:inherit;min-height:46px;box-sizing:border-box}.fin-shell input:focus-visible,.fin-shell select:focus-visible,.fin-shell textarea:focus-visible,.fin-shell a:focus-visible,.fin-shell button:focus-visible{outline:3px solid #91c7ed;outline-offset:3px}.fin-shell button,.fin-primary,.fin-secondary{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:10px 18px;border-radius:12px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;border:1px solid transparent}.fin-shell .fin-primary{background:#6335eb;color:white}.fin-shell .fin-primary:hover{background:#4e25c9;color:white}.fin-shell .fin-secondary{background:#f1f4f8;color:#343855;border-color:#e1e6ef}.fin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.fin-card,.fin-panel{background:#fff;border:1px solid var(--fin-line);border-radius:22px;padding:26px;box-shadow:0 8px 30px #202b4a06}.fin-card{display:flex;flex-direction:column;min-width:0}.fin-panel{margin:20px 0}.fin-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;margin-bottom:24px;color:#60647d}.fin-tag{display:inline-block;border-radius:9px;padding:6px 10px;background:#eaf3fc;color:#305675;font-size:13px;font-weight:700}.fin-description{color:#64667c;white-space:pre-wrap;overflow-wrap:anywhere}.fin-terms{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:20px 0;margin:0}.fin-terms dt{font-size:12px;font-weight:500;color:#6b7085}.fin-terms dd{font-size:16px;font-weight:750;margin:5px 0 0}.fin-shell details{margin:12px 0}.fin-shell summary{cursor:pointer;font-weight:650;padding:6px 0}.fin-card-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:auto;padding-top:22px}.fin-card-actions>a:not(.fin-primary){font-size:14px}.fin-empty{text-align:center;border:1px dashed #dce0eb;border-radius:24px;padding:60px 24px;background:#fafbfe}.fin-empty>i{font-size:38px;color:#8798af;display:block;margin-bottom:20px}.fin-empty p,.fin-footnote,.fin-help{color:#686d83;font-size:13px}.fin-footnote{margin-top:32px}.fin-form{display:flex;flex-direction:column;gap:20px}.fin-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.fin-heading{padding:12px 0}.fin-heading-row,.fin-row{display:flex;align-items:center;gap:18px;justify-content:space-between;flex-wrap:wrap}.fin-row{padding:18px 0;border-bottom:1px solid var(--fin-line)}.fin-row:last-child{border-bottom:0}.fin-request-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 0;border-bottom:1px solid var(--fin-line);text-decoration:none;color:inherit;flex-wrap:wrap}.fin-id{display:block;font-size:12px;overflow-wrap:anywhere;color:#6b7085;margin-top:5px}.fin-request-row time,.fin-timeline time{font-size:12px;color:#6b7085}.fin-check{flex-direction:row!important;align-items:flex-start;font-weight:500!important;line-height:1.6}.fin-check input{flex:0 0 20px;width:20px;height:20px;accent-color:#587da7;margin-top:3px}.fin-consent, .fin-notice{background:#edf5fc;padding:20px;border-radius:14px}.fin-consent strong{display:block;margin-bottom:14px}.fin-shell fieldset{border:1px solid var(--fin-line);padding:20px;border-radius:14px}.fin-shell legend{float:none;width:auto;font-size:17px;font-weight:750;padding:0 8px}.fin-errors{color:#a42838}.fin-errors:empty{display:none}.fin-timeline{padding-left:24px}.fin-timeline li{padding:8px 0 20px}.fin-timeline time{display:block;margin-top:4px}.fin-timeline p{font-size:14px;margin:8px 0;overflow-wrap:anywhere}.fin-pagination{display:flex;justify-content:center;gap:24px;padding:22px}.fin-action-space{margin-top:24px}@media(max-width:700px){.fin-shell{padding:0 14px;margin-top:18px}.fin-hero{padding:26px 22px}.fin-hero-mark{display:none}.fin-grid{grid-template-columns:1fr}.fin-card,.fin-panel{padding:20px}.fin-fields{grid-template-columns:1fr}.fin-nav{gap:6px}.fin-nav a{padding:10px 12px;font-size:13px}.fin-filters{gap:12px}.fin-filters label{min-width:100%;flex-basis:100%}.fin-card-actions{align-items:stretch;flex-direction:column}.fin-card-actions a{text-align:center}.fin-request-row{align-items:flex-start;flex-direction:column;gap:10px}.fin-terms{gap:14px}.fin-terms dd{font-size:14px}} /* v97: Finance uses the platform controls and Gallery visual language. */ .fin-shell{--fin-ink:var(--jd-ink,#130b46);--fin-accent:#713cff;--fin-line:rgba(108,92,255,.16)} .fin-shell .fin-primary,.fin-shell .fin-secondary{gap:10px;min-height:52px;padding:13px 22px;border-radius:999px;font-size:15px;font-weight:750;line-height:1.35;transition:background .16s,box-shadow .16s} .fin-shell .fin-primary{border:1px solid transparent;background:linear-gradient(125deg,#773dff,#531cff);box-shadow:0 10px 24px #6536ed24;color:#fff} .fin-shell .fin-primary:hover{background:linear-gradient(125deg,#6630e8,#4814e5);box-shadow:0 12px 28px #6536ed30} .fin-shell .fin-secondary{background:#fff;color:#16151f;border:1px solid #e5e5eb;box-shadow:0 4px 16px #19144505} .fin-shell .fin-secondary:hover{background:#f9f8ff;color:#16151f;border-color:#d7cfff} .fin-shell .fin-reset{min-width:102px;text-decoration:none;align-self:end} .fin-shell .fin-nav{gap:10px}.fin-shell .fin-nav a{background:#fff;border:1px solid var(--fin-line);border-radius:999px;padding:12px 20px;box-shadow:0 5px 18px #19144504;color:var(--fin-ink)} .fin-shell .fin-nav a[aria-current="page"]{background:#eaf3fc;border-color:#cddff2;color:#294e69} .fin-shell .fin-panel{border-radius:26px;box-shadow:0 16px 40px #130b4607} .fin-shell .fin-heading h1{color:var(--fin-ink)} .fin-shell input:not([type=checkbox]):not([type=hidden]),.fin-shell select,.fin-shell textarea{border-color:#e2dfeb;font-weight:600;padding:14px 17px;border-radius:18px;min-height:54px} .fin-shell .fin-check input{accent-color:#6c3bff} /* Reuse site.js select enhancement on every Finance select. Restore the shared dropdown geometry overridden by the earlier generic Finance button rule. */ .fin-shell .jd-selectbox{min-width:0} .fin-shell .jd-selectbox-btn{width:100%;min-height:58px;justify-content:space-between;gap:14px;padding:12px 16px 12px 20px;border-radius:999px;border:1px solid rgba(108,92,255,.2);background:linear-gradient(180deg,#fff,#faf9ff);box-shadow:0 12px 26px #130b4607;color:var(--fin-ink);font-size:15px;font-weight:700} .fin-shell .jd-selectbox-btn .jd-chev{width:34px;height:34px;background:#f0ecff} .fin-shell .jd-selectbox-list{padding:8px;max-height:310px;border-radius:24px;z-index:120} .fin-shell .jd-selectbox-item{justify-content:space-between;gap:12px;min-height:50px;padding:12px 14px;border:0;border-radius:999px;background:transparent;color:var(--fin-ink);font-size:15px;font-weight:650;text-align:left} .fin-shell .jd-selectbox-item:hover{background:#f6f2ff} .fin-shell .jd-selectbox-item.active{background:linear-gradient(125deg,#eee7ff,#e6f7ff);box-shadow:inset 0 0 0 1px #d9d0ff} .fin-shell .jd-selectbox-btn:focus-visible,.fin-shell .jd-selectbox-item:focus-visible{outline:3px solid #a9d3f1;outline-offset:2px} .fin-shell .fin-filters{gap:16px;margin:28px 0 32px} .fin-shell .fin-filters>.fin-primary,.fin-shell .fin-filters>.fin-secondary{min-height:58px} .fin-shell .fin-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px} .fin-shell .fin-card{padding:0;overflow:hidden;border:1px solid #e8e6ef;border-radius:26px;box-shadow:0 16px 36px #17153f0c;background:#fff} .fin-card-cover{position:relative;min-height:185px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 82% 8%,#ddf6ff 0%,transparent 65%),linear-gradient(130deg,#dfd6ff,#f3eeff 65%,#e6f4fc);isolation:isolate} .fin-cover-badges{position:absolute;top:15px;left:15px;right:15px;display:flex;align-items:flex-start;justify-content:space-between;gap:8px} .fin-institution-badge,.fin-credit-badge{padding:8px 12px;border-radius:999px;font-size:12px;font-weight:750;line-height:1.35;background:#ffffffda;color:#252047;max-width:58%;overflow-wrap:anywhere} .fin-credit-badge{background:#252047bd;color:white;max-width:45%} .fin-cover-icon{font-size:56px;color:#6852b6;opacity:.82;margin:30px 0 12px} .fin-cover-date{position:absolute;right:15px;bottom:13px;border-radius:999px;padding:7px 11px;background:#252047b8;color:#fff;font-size:11px;font-weight:700} .fin-card-body{display:flex;flex-direction:column;flex:1;padding:21px;min-width:0} .fin-product-strip{display:flex;justify-content:space-between;gap:10px;border-radius:999px;background:#f1edff;color:#7950f0;padding:8px 13px;font-size:13px;font-weight:750;margin-bottom:17px} .fin-card-body h2{font-size:21px;line-height:1.25;margin-bottom:12px;overflow-wrap:anywhere} .fin-card-body .fin-description{font-size:14px;line-height:1.55;margin-bottom:8px} .fin-card-body .fin-terms{gap:16px;padding:15px 0}.fin-card-body .fin-terms dd{font-size:14px} .fin-cost-details{border-top:1px solid #eee9fa;padding-top:8px;font-size:13px}.fin-cost-details p{overflow-wrap:anywhere;white-space:pre-wrap} .fin-shell .fin-card-actions{border-top:1px solid #eee9fa;margin-top:auto;padding-top:18px;gap:14px;flex-direction:column;align-items:stretch} .fin-card-actions .fin-primary{font-size:13px;padding:12px 16px;min-height:46px} .fin-shell .fin-offer-link{display:flex;justify-content:space-between;align-items:center;color:#7745ff;font-weight:750;text-decoration:none;font-size:15px;padding:6px 0} .fin-shell .fin-offer-link:hover{text-decoration:underline} .fin-publish-entry{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin:22px 0;padding:20px 24px;background:#faf8ff;border:1px solid var(--fin-line);border-radius:24px}.fin-publish-entry p{margin:5px 0 0;font-size:13px;color:#686278} .fin-publishing-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}.fin-publishing-guide>div{padding:20px;border:1px solid var(--fin-line);border-radius:23px;background:linear-gradient(130deg,#faf8ff,#f6fbff)}.fin-publishing-guide span{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#eae3ff;color:#6840d6;font-size:13px;font-weight:800;margin-bottom:12px}.fin-publishing-guide strong{font-size:15px}.fin-publishing-guide p{font-size:13px;color:#6e6782;margin:8px 0 0} .fin-shell .fin-request-row{padding:19px 16px;border:1px solid #e9e3fa;border-radius:20px;margin:12px 0;background:linear-gradient(120deg,#fff,#fcfbff)}.fin-request-row:hover{border-color:#cfc3f5;background:#fbf9ff}.fin-shell .fin-tag{border-radius:999px;padding:7px 12px;background:#f0ebff;color:#6e45ce} @media(max-width:1050px){.fin-shell .fin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fin-publishing-guide{grid-template-columns:1fr}.fin-filters>label{flex-basis:38%}} @media(max-width:700px){.fin-shell .fin-grid{grid-template-columns:1fr}.fin-shell .fin-filters>.fin-primary,.fin-shell .fin-filters>.fin-secondary{flex:1;min-height:52px}.fin-shell .fin-nav a{padding:10px 14px;font-size:13px}.fin-card-cover{min-height:180px}.fin-shell .fin-hero{padding:26px 22px}.fin-shell .fin-panel{padding:20px}.fin-publish-entry{padding:20px}.fin-publish-entry>.fin-primary{width:100%}.fin-shell .fin-filters>label{flex-basis:100%;min-width:0}} /* v98: lively platform palette. Dropdown colours stay identical to Dashboard. */ .fin-shell{--fin-ink:#19133f;--fin-line:#e9def5;--fin-accent:#733aff} .fin-shell .fin-eyebrow{color:#8447df} .fin-shell .fin-hero{background:radial-gradient(ellipse at 94% 20%,#e7f6ff,transparent 55%),linear-gradient(115deg,#f0eaff,#fff0f7 65%,#edf6ff);border-color:#e8dcf5} .fin-shell .fin-hero-mark{background:#ffffffc9;color:#a757be} .fin-shell .fin-primary{background:linear-gradient(115deg,#7435ed,#a52c9b);box-shadow:0 10px 24px #8a3ddc22} .fin-shell .fin-primary:hover{background:linear-gradient(115deg,#6226d5,#95258d)} .fin-shell .fin-card-cover{background:radial-gradient(ellipse at 85% 0%,#e5f6ff,transparent 70%),linear-gradient(125deg,#e8daff,#fde8f3 65%,#e4f3ff)} .fin-shell .fin-card:nth-child(3n+2) .fin-card-cover{background:linear-gradient(125deg,#dff4fb,#e8e7ff 55%,#faeaf6)} .fin-shell .fin-card:nth-child(3n) .fin-card-cover{background:linear-gradient(125deg,#fce2ef,#f4eaff 55%,#eaf7f7)} .fin-shell .fin-cover-icon{color:#9961c2} .fin-shell .fin-card:nth-child(3n+2) .fin-cover-icon{color:#548bb3} .fin-shell .fin-card:nth-child(3n) .fin-cover-icon{color:#bd619b} .fin-shell .fin-product-strip{background:linear-gradient(100deg,#f1ebff,#fdf0f8);color:#8248d7} .fin-shell .fin-card:nth-child(3n+2) .fin-product-strip{background:#eaf6fb;color:#377395} .fin-shell .fin-publish-entry{background:linear-gradient(110deg,#faf6ff,#fff6fa,#f3faff)} .fin-shell .fin-publishing-guide>div:nth-child(2){background:#fff5fa}.fin-shell .fin-publishing-guide>div:nth-child(3){background:#f1f9ff} .fin-shell .fin-publishing-guide>div:nth-child(2) span{background:#f9e2f0;color:#a54083}.fin-shell .fin-publishing-guide>div:nth-child(3) span{background:#e0f1fc;color:#347397} .fin-shell .fin-empty{background:linear-gradient(110deg,#fcfaff,#fffbfd,#f9fcff)} .fin-editor-actions,.fin-admin-card-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap} .fin-admin-card-actions{border-top:1px solid #eee7f8;padding-top:16px;margin-top:14px;justify-content:space-between} .fin-shell .fin-delete{display:inline-flex;gap:8px;align-items:center;min-height:44px;border:1px solid #f3d4dd;background:#fff5f7;border-radius:999px;color:#b1264c;font-size:13px;font-weight:700;padding:10px 16px} .fin-shell .fin-delete:hover{background:#ffe9ef;border-color:#e9aabd}.fin-shell .fin-delete:disabled{opacity:.5;cursor:wait} @media(max-width:700px){.fin-editor-actions{align-items:stretch;flex-direction:column}.fin-editor-actions>button{width:100%}} /* Exact Dashboard colours for every Finance dropdown state. */ .fin-shell .jd-selectbox-btn{border:1px solid rgba(108,92,255,.18);background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(249,248,255,.98));box-shadow:0 10px 26px rgba(19,11,70,.06);color:var(--jd-ink,#130b46)} .fin-shell .jd-selectbox-btn:hover{border-color:rgba(108,92,255,.34);box-shadow:0 14px 28px rgba(108,92,255,.10)} .fin-shell .jd-selectbox-btn:focus{border-color:#6c5cff;box-shadow:0 0 0 4px rgba(108,92,255,.14),0 16px 32px rgba(108,92,255,.12)} .fin-shell .jd-selectbox-btn .jd-chev{background:rgba(108,92,255,.08);color:rgba(19,11,70,.70)} .fin-shell .jd-selectbox.open .jd-selectbox-btn .jd-chev{background:linear-gradient(135deg,rgba(108,92,255,.16),rgba(76,201,240,.16));color:#6c5cff} .fin-shell .jd-selectbox-item{color:var(--jd-ink,#130b46);background:transparent} .fin-shell .jd-selectbox-item:hover{background:rgba(108,92,255,.08)} .fin-shell .jd-selectbox-item.active{background:linear-gradient(135deg,rgba(108,92,255,.16),rgba(76,201,240,.14));box-shadow:inset 0 0 0 1px rgba(108,92,255,.18)} /* v100: bright accents, quiet surfaces, shared Dashboard controls. */ .fin-shell{--fin-accent:#cb087f;--fin-line:#e5e5f5} .fin-shell [data-finance-ad]{display:none!important} .fin-shell .fin-eyebrow{color:#cb087f;letter-spacing:.12em} .fin-shell .fin-hero{background:radial-gradient(ellipse at 95% 15%,#d5f8f3,transparent 55%),linear-gradient(115deg,#fff0fa,#f3f1ff 55%,#e9f5ff)} .fin-shell .fin-hero-mark{color:#d30b8d;background:#ffffffd9} .fin-shell .fin-primary{background:linear-gradient(115deg,#d70992,#b90b93);box-shadow:0 8px 22px #d709921c;color:#fff} .fin-shell .fin-primary:hover{background:linear-gradient(115deg,#c20780,#a30782);box-shadow:0 10px 25px #d709922b} .fin-shell .fin-primary:focus-visible,.fin-shell summary:focus-visible{outline:3px solid #8fd6ff;outline-offset:4px} .fin-shell .fin-nav a[aria-current="page"]{background:#eaf5ff;border-color:#b9defd;color:#17699f} .fin-shell .fin-publishing-guide>div:first-child{background:linear-gradient(130deg,#eafbf7,#f7fffd);border-color:#ccefe7} .fin-shell .fin-publishing-guide>div:first-child span{background:#c9f5eb;color:#08796d} .fin-shell .fin-publishing-guide>div:nth-child(2){background:linear-gradient(130deg,#fff0f9,#fffbfd);border-color:#f6d8ea} .fin-shell .fin-publishing-guide>div:nth-child(2) span{background:#ffdbef;color:#c4087e} .fin-shell .fin-publishing-guide>div:nth-child(3){background:linear-gradient(130deg,#eaf5ff,#f8fcff);border-color:#d1e8fb} .fin-shell .fin-publishing-guide>div:nth-child(3) span{background:#cfeaff;color:#0871b7} .fin-shell .fin-card-cover{background:linear-gradient(125deg,#ffd8f1,#f5edff 58%,#e0f3ff)} .fin-shell .fin-card:nth-child(3n+2) .fin-card-cover{background:linear-gradient(125deg,#c8f7ec,#e7faff 58%,#e3efff)} .fin-shell .fin-card:nth-child(3n) .fin-card-cover{background:linear-gradient(125deg,#cfeaff,#e8edff 58%,#ffe5f5)} .fin-shell .fin-cover-icon{color:#cf128e} .fin-shell .fin-card:nth-child(3n+2) .fin-cover-icon{color:#079d90} .fin-shell .fin-card:nth-child(3n) .fin-cover-icon{color:#138fd0} .fin-shell .fin-product-strip{background:#fff0f9;color:#b50877} .fin-shell .fin-card:nth-child(3n+2) .fin-product-strip{background:#e5faf3;color:#087f70} .fin-shell .fin-card:nth-child(3n) .fin-product-strip{background:#eaf5ff;color:#146caa} .fin-shell summary{display:flex;align-items:center;gap:12px;list-style:none;cursor:pointer;min-height:44px;font-weight:700} .fin-shell summary::-webkit-details-marker{display:none} .fin-shell summary::marker{content:""} .fin-shell summary:before{content:"";display:block;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#6335eb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 5 7 7-7 7'/%3E%3C/svg%3E") center/18px no-repeat;transition:transform .18s,background-color .18s} .fin-shell details[open]>summary:before{transform:rotate(90deg);background-color:#6335eb} .fin-shell details[open]>summary{margin-bottom:16px} .fin-shell .fin-cost-details summary:before{width:28px;height:28px;flex-basis:28px} .fin-shell [data-finance-calendar],.fin-shell .flatpickr-input+input{padding-right:48px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%231c8dbb' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='4'/%3E%3Cpath d='M7 3v4M17 3v4M3 11h18M8 15h2M14 15h2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 17px center;cursor:pointer} .fin-calendar.flatpickr-calendar{border:1px solid #d9e8f3;border-radius:20px;box-shadow:0 16px 45px #12345420;padding:8px;background:#fff;font-family:inherit} .fin-calendar .flatpickr-day.selected,.fin-calendar .flatpickr-day.selected:hover{background:#d70992;border-color:#d70992;color:white} .fin-calendar .flatpickr-day:hover{background:#e5f8f4;border-color:#e5f8f4} .fin-calendar .flatpickr-day.today{border-color:#19aabe} .fin-calendar .flatpickr-months .flatpickr-prev-month:hover svg,.fin-calendar .flatpickr-months .flatpickr-next-month:hover svg{fill:#d70992} .fin-calendar .flatpickr-time{border-color:#e0edf5;background:#f4faff;border-radius:0 0 14px 14px} @media(prefers-reduced-motion:reduce){.fin-shell summary:before{transition:none}} /* Coral warms the secondary surfaces without competing with the primary action. */ .fin-shell .fin-hero{background:radial-gradient(ellipse at 95% 12%,#d9f5ff,transparent 52%),radial-gradient(ellipse at 12% 100%,#ffe8df,transparent 58%),linear-gradient(115deg,#fff3fa,#f3f5ff 60%,#edfffa)} .fin-shell .fin-card:nth-child(4n) .fin-card-cover{background:linear-gradient(125deg,#ffddd0,#fff0ed 55%,#e8f5ff)} .fin-shell .fin-card:nth-child(4n) .fin-cover-icon{color:#d85c44} .fin-shell .fin-card:nth-child(4n) .fin-product-strip{background:#fff0e9;color:#a4432d} .fin-shell .fin-publish-entry{background:linear-gradient(110deg,#fff3ed,#fff7fc 50%,#effaff)} .fin-shell .fin-primary{background:#c50983;box-shadow:0 6px 18px #c5098318} .fin-shell .fin-primary:hover{background:#ac0873} /* v102: Dashboard identity; Finance hero remains unchanged. */ .fin-shell{--fin-accent:var(--jd-accent,#6a35ff);--fin-ink:#130b46;--fin-line:#e7e1fa} .fin-shell .fin-nav a,.fin-shell .fin-secondary{background:#fff;color:#171725;border:1px solid #e7e3ef;box-shadow:0 8px 22px rgba(19,11,70,.07);transition:transform .15s ease,box-shadow .15s ease,background .15s ease} .fin-shell .fin-nav a[aria-current="page"]{background:var(--fin-accent);border-color:var(--fin-accent);color:#fff;box-shadow:0 12px 30px rgba(106,53,255,.24)} .fin-shell .fin-primary{background:var(--fin-accent);color:#fff;box-shadow:0 12px 30px rgba(106,53,255,.24);transition:transform .15s ease,box-shadow .15s ease,background .15s ease} .fin-shell .fin-primary.fin-create-offer{background:var(--fin-accent);color:#fff} .fin-shell .fin-primary.fin-find-offers{background:#171d59;color:#fff;box-shadow:0 12px 30px rgba(23,29,89,.2)} .fin-shell .fin-primary.fin-verify-institution{background:#e8ebff;border:1px solid #d6dcfa;color:#34316f;box-shadow:0 8px 22px rgba(52,49,111,.09)} .fin-shell .fin-publishing-guide>div:nth-child(n){background:#f5f2ff;border-color:#e7defb;color:#130b46;box-shadow:0 8px 24px rgba(19,11,70,.035)} .fin-shell .fin-publishing-guide>div:first-child{background:#f0f2ff;border-color:#dfe3fa} .fin-shell .fin-publishing-guide>div:nth-child(3){background:#f1f3fb;border-color:#e0e4f3} .fin-shell .fin-publishing-guide>div strong{color:#130b46} .fin-shell .fin-publishing-guide>div p{color:#625d7b} .fin-shell .fin-publishing-guide>div:nth-child(n) span{background:#e6deff;color:#6534df;box-shadow:none} .fin-shell .fin-publishing-guide>div:first-child span{background:#dfe4ff;color:#49429b} .fin-shell .fin-publishing-guide>div:nth-child(3) span{background:#e0e4f4;color:#171d59} .fin-shell .fin-publish-entry,.fin-shell .fin-empty{background:linear-gradient(120deg,#faf8ff,#f5fbfa);border-color:#e7e1fa} .fin-shell .fin-card:nth-child(n) .fin-card-cover{background:linear-gradient(125deg,#eee8ff,#f8f6ff 60%,#e6f7f3)} .fin-shell .fin-card:nth-child(n) .fin-cover-icon{color:#6a35ff} .fin-shell .fin-card:nth-child(2n) .fin-cover-icon{color:#171d59} .fin-shell .fin-card:nth-child(n) .fin-product-strip{background:#f0ebff;color:#6a35df} .fin-shell .fin-card:nth-child(2n) .fin-product-strip{background:#e8f6f1;color:#24695b} .fin-calendar .flatpickr-day.selected,.fin-calendar .flatpickr-day.selected:hover{background:#6a35ff;border-color:#6a35ff;color:#fff} .fin-calendar .flatpickr-months .flatpickr-prev-month:hover svg,.fin-calendar .flatpickr-months .flatpickr-next-month:hover svg{fill:#6a35ff} .fin-shell .fin-nav a:focus-visible,.fin-shell .fin-primary:focus-visible,.fin-shell .fin-secondary:focus-visible{outline:3px solid #b9a4ff;outline-offset:4px} @media(hover:hover) and (pointer:fine){ .fin-shell .fin-nav a:hover,.fin-shell .fin-secondary:hover{background:#faf9ff;color:#171725;transform:translateY(-2px);box-shadow:0 14px 30px rgba(19,11,70,.12)} .fin-shell .fin-nav a[aria-current="page"]:hover,.fin-shell .fin-primary:hover{background:#5927e9;color:#fff;transform:translateY(-2px);box-shadow:0 16px 36px rgba(106,53,255,.3)} .fin-shell .fin-primary.fin-find-offers:hover{background:#101644;box-shadow:0 16px 36px rgba(23,29,89,.25)} .fin-shell .fin-primary.fin-verify-institution:hover{background:#dde2ff;color:#34316f;box-shadow:0 14px 28px rgba(52,49,111,.13)} } @media(prefers-reduced-motion:reduce){.fin-shell .fin-nav a,.fin-shell .fin-primary,.fin-shell .fin-secondary{transition:none!important;transform:none!important}} /* v103: institution controls share the periwinkle/lavender palette. */ .fin-shell #fin-institutions summary:before{background-color:#e8ebff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2349429b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 5 7 7-7 7'/%3E%3C/svg%3E")} .fin-shell #fin-institutions details[open]>summary:before{background-color:#dfe4ff} /* Dashboard validation dialog, scoped to Finance. */ .fin-validation-modal { position: fixed; inset: 0; z-index: 2147483300; display: flex; align-items: center; justify-content: center; padding: 18px; box-sizing: border-box; } .fin-validation-modal[hidden] { display: none !important; } .fin-validation-backdrop { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: rgba(19,11,70,.24); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); cursor: default; } .fin-validation-card { position: relative; width: min(430px, calc(100vw - 30px)); max-height: min(72vh, 560px); overflow: auto; padding: 22px; border: 1px solid rgba(220,38,38,.18); border-radius: 24px; background: linear-gradient(180deg, #fff 0%, #fffafa 100%); box-shadow: 0 26px 70px rgba(19,11,70,.24), 0 8px 24px rgba(185,28,28,.10); box-sizing: border-box; animation: jdCreateErrorIn .18s ease-out both; } .fin-validation-card::before { content: ""; position: absolute; top: 0; left: 24px; right: 24px; height: 4px; border-radius: 0 0 999px 999px; background: linear-gradient(90deg, #ef4444, #be123c); } .fin-validation-head { display: flex; align-items: flex-start; gap: 13px; padding-right: 30px; } .fin-validation-icon { flex: 0 0 42px; width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; border-radius: 14px; color: #c81e1e; background: rgba(239,68,68,.10); box-shadow: inset 0 0 0 1px rgba(220,38,38,.10); font-size: 19px; } .fin-validation-head h3 { margin: 1px 0 4px; color: #8f1420; font-size: 1.08rem; font-weight: 950; letter-spacing: -.02em; } .fin-validation-head p { margin: 0; color: #7f1d1d; font-size: .88rem; font-weight: 700; line-height: 1.42; } .fin-validation-x { position: absolute; top: 14px; right: 14px; z-index: 2; width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(127,29,29,.12); border-radius: 50%; color: #7f1d1d; background: rgba(255,255,255,.92); cursor: pointer; } .fin-validation-list { display: grid; gap: 8px; margin: 18px 0 0; padding: 0; list-style: none; } .fin-validation-list li { position: relative; margin: 0; padding: 10px 12px 10px 31px; border: 1px solid rgba(220,38,38,.12); border-radius: 13px; background: rgba(254,242,242,.82); color: #b42318; font-size: .88rem; font-weight: 800; line-height: 1.4; overflow-wrap: anywhere; } .fin-validation-list li::before { content: ""; position: absolute; left: 13px; top: 17px; width: 7px; height: 7px; border-radius: 50%; background: #dc2626; box-shadow: 0 0 0 4px rgba(220,38,38,.09); } .fin-validation-actions { display: flex; justify-content: flex-end; margin-top: 18px; } .fin-validation-review { min-height: 42px; padding: 10px 17px; border: 0; border-radius: 14px; color: #fff; background: linear-gradient(135deg, #dc2626, #be123c); box-shadow: 0 9px 20px rgba(190,18,60,.20); font-weight: 900; cursor: pointer; } .fin-validation-x:focus-visible, .fin-validation-review:focus-visible { outline: 3px solid rgba(124,92,255,.28); outline-offset: 2px; } @@keyframes jdCreateErrorIn { from { opacity: 0; transform: translateY(9px) scale(.975); } to { opacity: 1; transform: translateY(0) scale(1); } } @media (max-width: 520px) { .fin-validation-modal { align-items: flex-end; padding: 12px; } .fin-validation-card { width: 100%; max-height: min(78dvh, 590px); padding: 20px 18px; border-radius: 22px; } } @media (prefers-reduced-motion: reduce) { .fin-validation-card { animation: none; } } .fin-shell .fin-form{font-size:16px;gap:24px} .fin-shell .fin-form label:not(.fin-check){font-size:16px;font-weight:750;display:grid;gap:9px;min-width:0} .fin-shell .fin-form .fin-help{font-size:14px;line-height:1.55;font-weight:450;margin:0;color:#67617f} .fin-shell .fin-form input,.fin-shell .fin-form textarea{font-size:16px} .fin-shell .fin-eligibility{padding:24px;border-radius:24px;border-color:#e5ddfc;background:#fdfcff} .fin-shell .fin-check{display:flex;align-items:flex-start;gap:12px;margin-top:24px;padding:15px 0 2px;font-size:16px;cursor:pointer} .fin-shell .fin-check input[type="checkbox"]{appearance:none;-webkit-appearance:none;flex:0 0 24px;width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;max-width:24px;max-height:24px;padding:0!important;margin:2px 0 0!important;aspect-ratio:1;border:2px solid #cdbdff;border-radius:50%!important;background:#fff;box-sizing:border-box;box-shadow:none} .fin-shell .fin-check input[type="checkbox"]:checked{background:#6a35ff;border-color:#6a35ff;box-shadow:inset 0 0 0 4px #fff} .fin-shell .fin-check input:focus-visible{outline:3px solid #b5a0ff;outline-offset:3px} .fin-shell .fin-check .fin-help{display:block;margin-top:6px} .fin-shell .field-validation-error,.fin-shell .fin-field-message,.fin-shell .fin-errors{color:#c81932;font-size:14px;font-weight:800;line-height:1.45} .fin-shell .fin-invalid input:not([type="hidden"]),.fin-shell .fin-invalid textarea,.fin-shell .fin-invalid select,.fin-shell .fin-invalid .jd-selectbox-btn,.fin-shell .input-validation-error{border-color:#ef455b!important;box-shadow:0 0 0 3px #ef455b14!important} .fin-shell .fin-invalid{color:#bd1730!important} .fin-shell .fin-access-item{margin:16px 0;padding:22px;border:1px solid #e5dff5;border-radius:22px;background:#fcfbff;overflow-wrap:anywhere} .fin-shell .fin-access-item h3{font-size:18px;margin:0}.fin-shell .fin-access-item p{font-size:15px;line-height:1.55} .fin-validation-backdrop{background:rgba(19,11,70,.24);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)} .fin-shell .fin-media-section{padding:22px;border:1px solid #e7dfff;border-radius:24px;background:linear-gradient(135deg,#faf8ff,#fff);display:grid;gap:18px} .fin-shell .fin-upload,.fin-shell .fin-logo-field{min-width:0} .fin-shell input[type="file"]{padding:15px;border:1px dashed #cdbdff;border-radius:22px;background:#f8f5ff;width:100%;cursor:pointer} .fin-shell input[type="file"]::file-selector-button{border:0;background:#ece4ff;color:#5424bf;padding:10px 16px;margin-right:12px;border-radius:999px;font-weight:750;cursor:pointer} .fin-logo-preview{display:block;width:100px;height:80px;object-fit:contain;background:#fff;border:1px solid #e8e0f8;border-radius:16px;padding:8px;margin:12px 0} .fin-cover-preview{display:block;max-width:100%;width:360px;max-height:220px;object-fit:contain;border-radius:18px;margin:12px 0} .fin-logo-preview[hidden],.fin-cover-preview[hidden]{display:none} .fin-shell .fin-card-cover{height:220px;overflow:hidden} .fin-card-main-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1} .fin-card-logo{width:95px;height:75px;object-fit:contain;padding:8px;background:#fff;border-radius:16px;box-shadow:0 8px 24px #130b4620} .fin-has-cover .fin-card-logo{position:absolute;left:16px;bottom:16px;width:75px;height:60px} .fin-title-link{color:inherit;text-decoration:none}.fin-title-link:hover{color:#6a35ff} .fin-shell .fin-card .fin-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line} .fin-details-cover{display:block;width:100%;max-height:460px;object-fit:contain;background:#f8f6ff;border-radius:22px} .fin-details-heading{display:flex;gap:22px;align-items:center;margin:28px 0}.fin-details-heading h1{font-size:clamp(28px,4vw,44px);margin:8px 0 16px} .fin-full-description{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;font-size:17px} .fin-details-terms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:26px 0}.fin-details-terms>div{padding:20px;border-radius:20px;background:#f6f3ff}.fin-details-terms dt{color:#67617f;font-size:14px}.fin-details-terms dd{font-size:18px;font-weight:750;margin:8px 0 0} @media(max-width:700px){.fin-details-terms{grid-template-columns:repeat(2,minmax(0,1fr))}.fin-details-heading{align-items:flex-start;flex-wrap:wrap}.fin-shell .fin-media-section{padding:16px}} .fin-shell .fin-review-summary{font-size:17px;font-weight:850;color:#c7192d;margin:0 0 18px} .fin-shell .fin-review-focus{background:#f5e7dc;box-shadow:0 0 0 10px #f5e7dc;border-radius:4px;transition:background .2s} .fin-search-field{display:grid;gap:10px;font-weight:750;margin:20px 0} .fin-shell .fin-filters .fin-search-field{flex:1 0 100%;margin:0} .fin-search-control{display:flex;align-items:center;gap:12px;padding:0 17px;border:1px solid #e0d8f7;border-radius:999px;background:#fff;box-shadow:0 8px 22px #130b4608;min-width:0} .fin-search-control>i{color:#7954ef}.fin-shell .fin-search-control input{flex:1;min-width:0;border:0!important;box-shadow:none!important;background:transparent;padding:15px 0;font-size:16px;width:100%} .fin-search-control:focus-within{border-color:#9a7aff;box-shadow:0 0 0 3px #eee8ff} .fin-search-clear{border:0;background:#f3efff;color:#332463;border-radius:50%;width:32px;height:32px;flex:0 0 32px;padding:0;font-size:22px;cursor:pointer} [data-fin-institution-item][hidden]{display:none!important}.fin-pending-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 5px;border-radius:999px;background:#fff;color:#6a35ff;font-size:12px;margin-left:8px} .fin-editor-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(310px,1fr);gap:28px;align-items:start} .fin-editor-layout>.fin-form{margin-top:0} .fin-editor-preview{position:sticky;top:105px;padding:22px;border:1px solid #e9e2fa;border-radius:28px;background:linear-gradient(145deg,#faf8ff,#fff);box-shadow:0 16px 40px #130b4608} .fin-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.fin-preview-head h2{font-size:22px;margin:0} .fin-editor-preview>.fin-help{font-size:14px;line-height:1.5;margin:12px 0 20px} .fin-editor-preview .fin-card{box-shadow:0 16px 34px #130b4612} .fin-preview-note{display:flex;gap:12px;padding:18px;margin-top:20px;border-radius:20px;background:#f0ebff;color:#302358;font-size:14px}.fin-preview-note>i{color:#7444ed;font-size:19px}.fin-preview-note p{line-height:1.55;margin:6px 0 0} .fin-shell .fin-editor-layout .fin-form h2{font-size:22px;letter-spacing:-.025em;margin:10px 0 0} .fin-shell .fin-form>.fin-fields{gap:22px} .fin-shell .fin-editor-layout .fin-check input[type="checkbox"]{align-self:flex-start} .fin-editor-preview [hidden]{display:none!important} @media(max-width:1000px){.fin-editor-layout{grid-template-columns:minmax(0,1fr)}.fin-editor-preview{position:static;max-width:540px;width:100%;margin:0 auto}.fin-editor-layout>.fin-form{min-width:0}} /* v105: match the platform's single, unframed search-clear control. */ .fin-shell .fin-search-control{gap:12px;padding:0 18px;min-height:56px} .fin-shell .fin-search-control .fin-search-clear{display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important;min-height:32px!important;max-height:32px!important;padding:0!important;margin:0;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0;color:rgba(19,11,70,.58);font:300 25px/1 "Helvetica Neue",Arial,sans-serif;transform:none;cursor:pointer} .fin-shell .fin-search-control .fin-search-clear:hover{color:#130b46} .fin-shell .fin-search-control .fin-search-clear:focus-visible{outline:2px solid #9c82ff;outline-offset:2px;border-radius:6px} .fin-shell .fin-search-control .fin-search-clear[hidden]{display:none!important} .fin-shell .fin-search-control input::-webkit-search-cancel-button,.fin-shell .fin-search-control input::-ms-clear{display:none;-webkit-appearance:none;appearance:none} .fin-shell .fin-search-control input{min-height:0!important;height:auto;line-height:1.4} .fin-institution-info{flex:1;min-width:180px}.fin-institution-info>strong{font-size:18px}.fin-institution-info p{margin:6px 0 0} .fin-institution-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.fin-institution-actions .fin-primary,.fin-institution-actions .fin-secondary{min-height:44px;padding:10px 16px;font-size:14px} .fin-search-results{margin:22px 0}.fin-institution-matches{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px} @media(max-width:700px){.fin-institution-actions{width:100%}.fin-institution-actions>a,.fin-institution-actions>form{flex:1 1 auto}.fin-institution-actions>form>button{width:100%}} /* v105: Gallery calendar styling, scoped to the Finance picker. */ .fin-calendar.flatpickr-calendar{padding:0;border-radius:16px;border:1px solid rgba(124,92,255,.18);box-shadow:0 18px 50px rgba(26,17,80,.18);overflow:hidden;font-family:Inter,sans-serif} .fin-calendar .flatpickr-months{background:linear-gradient(135deg,#7c5cff,#4ddffd);color:#fff;padding:10px 8px} .fin-calendar .flatpickr-current-month{color:#fff!important}.fin-calendar .flatpickr-prev-month,.fin-calendar .flatpickr-next-month{color:#fff!important;fill:#fff!important} .fin-calendar .flatpickr-weekdays{background:#f5f2ff}.fin-calendar span.flatpickr-weekday{color:#625781} .fin-calendar .flatpickr-day{border-radius:12px}.fin-calendar .flatpickr-day:hover{background:rgba(124,92,255,.12);border-color:transparent} .fin-calendar .flatpickr-day.selected,.fin-calendar .flatpickr-day.selected:hover{background:#e6dfff;border-color:#c9b8ff!important;color:#492095!important} .fin-calendar .flatpickr-day.today{border-color:rgba(77,223,253,.75)} .fin-calendar .flatpickr-time{background:#faf8ff;border-radius:0;border-top:1px solid #ede6fb} .fin-calendar .jd-flatpickr-footer{display:flex;gap:10px;padding:12px;border-top:1px solid rgba(0,0,0,.06);background:#fff} .fin-calendar .jd-flatpickr-btn{flex:1 1 0;height:42px;min-height:42px;padding:0 14px;border-radius:999px;border:1px solid rgba(18,17,58,.12);background:#fff;color:#15133a;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 8px 22px rgba(20,20,40,.06);cursor:pointer} .fin-calendar .jd-flatpickr-btn--primary{background:#6a35ff;color:#fff;border-color:transparent;box-shadow:0 12px 28px rgba(90,53,255,.22)} @media(max-width:768px){.fin-calendar.flatpickr-calendar.open{position:fixed!important;left:12px!important;right:12px!important;top:auto!important;bottom:calc(env(safe-area-inset-bottom,0px) + 12px)!important;width:auto!important;max-width:calc(100vw - 24px)!important;border-radius:24px!important;z-index:100001!important}.fin-calendar .flatpickr-innerContainer,.fin-calendar .flatpickr-rContainer,.fin-calendar .flatpickr-days,.fin-calendar .dayContainer{width:100%!important;min-width:0!important;max-width:none!important}.fin-calendar .dayContainer{justify-content:space-between;padding:6px}.fin-calendar .flatpickr-day{max-width:14.2857%;flex-basis:14.2857%}} /* Compact cards, readable typography and Dashboard-style media controls. */ .fin-shell .fin-card-cover{height:180px;min-height:180px} .fin-shell .fin-card-body{padding:18px;gap:0} .fin-shell .fin-card-body h2{margin:10px 0 8px} .fin-shell .fin-card-body .fin-description{line-height:1.45;margin:0 0 8px;-webkit-line-clamp:2} .fin-shell .fin-card-body .fin-terms{gap:10px 16px;padding:10px 0} .fin-shell .fin-terms dt{}.fin-shell .fin-card-body .fin-terms dd{margin-top:3px} .fin-shell .fin-card .fin-cost-details{margin:4px 0}.fin-shell .fin-card .fin-offer-link{padding:8px 0;} .fin-shell .fin-card-actions{padding-top:10px;gap:5px}.fin-shell .fin-card-actions .fin-primary{min-height:44px;padding:9px 14px} .fin-shell .fin-admin-card-actions{padding-top:10px;margin-top:8px}.fin-shell .fin-admin-card-actions a,.fin-shell .fin-admin-card-actions button{min-height:40px;padding:8px 16px} .fin-media-picker{min-width:0}.fin-shell .fin-upload-tile{position:relative;cursor:pointer;padding:18px;border:1px dashed #cfc1ff;border-radius:20px;background:#f8f5ff;gap:10px} .fin-upload-prompt{display:flex;gap:10px;align-items:center;color:#6030df;font-weight:700}.fin-upload-prompt i{font-size:25px} .fin-shell .fin-upload-tile input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.fin-upload-tile:focus-within{outline:2px solid #6935ff;outline-offset:3px} .fin-media-thumb{position:relative;width:180px;max-width:100%;margin-top:14px}.fin-media-thumb[hidden]{display:none}.fin-media-thumb img{width:100%;height:120px;object-fit:cover;border-radius:16px;border:1px solid #e5ddfa}.fin-media-picker[data-fin-media=logo] .fin-media-thumb img{object-fit:contain;background:#fff} .fin-shell .fin-media-thumb button{position:absolute;top:6px;right:6px;width:32px;height:32px;min-height:32px;padding:0;border-radius:50%;background:white;color:#191445;box-shadow:0 3px 12px #19144525;font-size:23px}.fin-shell .fin-media-thumb button:hover{background:#fff0f2;color:#c81936} .fin-destination{overflow-wrap:anywhere}.fin-shell [data-fin-test-url]{display:inline-block;color:#6335eb;font-weight:700}.fin-shell [data-fin-test-url][hidden]{display:none} .fin-shell .fin-admin-card-actions .fin-delete{width:44px;height:44px;min-height:44px;padding:0;border:1px solid #e5e2ee;border-radius:50%;background:#fff;color:#21194c;box-shadow:0 5px 16px #1914450a;transition:transform .18s ease,box-shadow .18s ease,color .18s ease,background .18s ease}.fin-shell .fin-admin-card-actions .fin-delete i{font-size:18px}.fin-shell .fin-admin-card-actions .fin-delete:hover{transform:translateY(-2px);background:#fff4f5;color:#c8213b;border-color:#f3c9d0;box-shadow:0 8px 20px #19144512}@media(prefers-reduced-motion:reduce){.fin-shell .fin-admin-card-actions .fin-delete{transition:none}.fin-shell .fin-admin-card-actions .fin-delete:hover{transform:none}} /* Selected media follows Dashboard attachment tiles. */ .fin-shell .fin-media-section{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start;gap:18px;background:#fcfbff} .fin-media-section>h2,.fin-media-section>p{grid-column:1/-1} .fin-media-picker{padding:14px;background:#fff;border:1px solid #e6dfff;border-radius:20px;height:100%} .fin-shell .fin-upload-tile{padding:14px;background:#f8f5ff;border-radius:16px} .fin-media-thumb{width:100%;margin-top:12px;overflow:hidden;border-radius:16px;background:#f3f0fa;box-shadow:0 5px 16px #1914450a} .fin-media-thumb img{display:block;width:100%;height:160px;border:0;border-radius:16px;object-fit:cover} .fin-media-picker[data-fin-media=logo] .fin-media-thumb{width:128px;max-width:100%;margin-left:auto;margin-right:auto}.fin-media-picker[data-fin-media=logo] .fin-media-thumb img{height:128px;padding:14px;box-sizing:border-box} .fin-shell .fin-media-thumb button{width:30px;height:30px;min-height:30px;min-width:30px;background:rgba(15,23,42,.88);border:2px solid #fff;color:#fff;box-shadow:0 6px 18px #0f172a47;font-size:20px;line-height:1}.fin-shell .fin-media-thumb button:hover{background:#0f172a;color:#fff;transform:translateY(-1px)} .fin-preview-cover.fin-has-cover .fin-card-logo{left:16px;bottom:16px;width:64px;height:56px;border-radius:14px} @media(max-width:600px){.fin-shell .fin-media-section{grid-template-columns:minmax(0,1fr)}.fin-media-thumb{max-width:280px}.fin-media-picker[data-fin-media=logo] .fin-media-thumb{margin-left:0}} .fin-shell .fin-media-section{grid-template-columns:minmax(0,1fr)}.fin-shell .fin-media-picker{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:16px;align-items:center}.fin-shell .fin-media-picker .fin-media-thumb{margin:0}.fin-shell .fin-media-thumb img{object-fit:contain;background:#fff}@media(max-width:600px){.fin-shell .fin-media-picker{grid-template-columns:minmax(0,1fr)}} /* Finance offer structure mirrors the job card hierarchy. */ .fin-shell .fin-card{border-radius:24px;border-color:#e8e8ec;box-shadow:0 16px 36px rgba(22,17,57,.09)} .fin-shell .fin-card-body{padding:20px}.fin-shell .fin-product-strip{margin-bottom:4px;padding:7px 12px} .fin-shell .fin-card-body .fin-terms{background:#f8f6ff;border-radius:16px;padding:12px;margin:4px 0 12px;gap:10px 16px} .fin-shell .fin-card-actions{border:0;padding:0;margin-top:auto;gap:8px;align-items:flex-start}.fin-shell .fin-card-actions .fin-primary{background:#191445;color:white;gap:8px;box-shadow:0 8px 18px #19144518;width:auto;font-size:14px}.fin-shell .fin-card-actions .fin-primary:hover{background:#29215d} .fin-shell .fin-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;margin-top:10px;border-top:1px solid #ede9f6}.fin-shell .fin-card-footer>.fin-offer-link{font-size:18px;gap:8px} .fin-shell .fin-card-footer .fin-admin-card-actions{display:flex;gap:8px;border:0;padding:0;margin:0}.fin-shell .fin-card-footer .fin-edit-icon{width:44px;height:44px;min-height:44px;padding:0;border-radius:50%;background:#fff;border-color:#e5e2ee;box-shadow:0 5px 16px #1914450a;font-size:18px}.fin-shell .fin-card-footer .fin-admin-card-actions form{margin:0} /* Portal delete control matches the Gallery card action. */ .fin-shell .fin-delete-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:1px solid #e5e2ee;border-radius:50%;background:#fff;color:#21194c;box-shadow:0 5px 16px #1914450a;transition:transform .18s ease,box-shadow .18s ease,color .18s ease,background .18s ease} .fin-shell .fin-delete-icon i{font-size:18px;line-height:1}.fin-shell .fin-delete-icon:hover{transform:translateY(-2px);background:#fff4f5;color:#c8213b;border-color:#f3c9d0;box-shadow:0 8px 20px #19144512} @media(prefers-reduced-motion:reduce){.fin-shell .fin-delete-icon{transition:none}.fin-shell .fin-delete-icon:hover{transform:none}} /* Job/Talent card proportions and information hierarchy. */ .fin-shell .fin-job-style{border-radius:18px;border:1px solid var(--jd-border,#e8e6ef);box-shadow:var(--jd-shadow,0 12px 30px #19144512);transition:transform .18s ease,box-shadow .18s ease} .fin-shell .fin-job-style:hover{transform:translateY(-4px);box-shadow:var(--jd-shadow-hover,0 18px 36px #1914451c)} .fin-shell .fin-job-style .fin-card-body{padding:14px 16px;gap:10px}.fin-shell .fin-job-style .fin-card-body h2{font-size:1.06rem;line-height:1.2;font-weight:900;margin:0} .fin-shell .fin-job-style .fin-product-strip{margin:0;padding:6px 12px}.fin-shell .fin-job-style .fin-description{margin:0;line-height:1.45;font-size:14px;-webkit-line-clamp:2} .fin-offer-meta{display:flex;gap:8px 12px;align-items:center;flex-wrap:wrap;font-size:.92rem;font-weight:650;color:var(--jd-muted,#68647e)}.fin-offer-meta>span{display:inline-flex;align-items:center;gap:6px} .fin-apr-chip{border-radius:999px;padding:5px 10px;background:#f1ecff;color:#6335df;font-size:13px;font-weight:750}.fin-shell .fin-offer-expiry{font-size:12px;color:#76708a;margin:0;line-height:1.35} .fin-shell .fin-job-style .fin-card-actions{display:flex;flex-direction:row;align-items:center;gap:8px;flex-wrap:wrap;margin:0}.fin-shell .fin-job-style .fin-card-actions .fin-primary{padding:8px 12px;min-height:40px;font-size:13px}.fin-shell .fin-job-style .fin-card-actions .fin-offer-link{font-size:13px;padding:4px 0;gap:6px} .fin-shell .fin-job-style .fin-card-footer{margin-top:auto;padding-top:10px;gap:8px;flex-wrap:wrap}.fin-offer-amount{font-size:14px;font-weight:800;line-height:1.3;flex:1;min-width:90px;overflow-wrap:anywhere}.fin-shell .fin-job-style .fin-card-footer .fin-offer-link{font-size:17px;gap:6px} .fin-shell .fin-job-style .fin-card-footer .fin-edit-icon,.fin-shell .fin-job-style .fin-card-footer .fin-delete{width:40px;height:40px;min-height:40px}.fin-shell .fin-job-style .fin-admin-card-actions{gap:6px} @media(prefers-reduced-motion:reduce){.fin-shell .fin-job-style{transition:none}.fin-shell .fin-job-style:hover{transform:none}} /* Gallery search and precise editor details, including narrow screens. */ .fin-shell .fin-search-control{border-color:#e8e8ec;padding:8px 10px 8px 20px;gap:10px;min-height:62px;box-shadow:none} .fin-shell .fin-search-control>i{color:#68657f}.fin-shell .fin-search-control input{padding:10px 0} .fin-shell .fin-search-control .fin-search-submit{flex:0 0 auto;background:#6025ff;color:#fff;border:0;border-radius:999px;min-height:44px;padding:10px 18px;font-weight:750;box-shadow:0 10px 24px #6025ff24} .fin-shell .fin-search-control .fin-search-submit:hover{background:#5420e5;transform:translateY(-1px)} .fin-unit{white-space:nowrap}.fin-shell .fin-fields>label{min-width:0} .fin-shell .fin-media-thumb{position:relative;padding:0;overflow:hidden;line-height:0}.fin-shell .fin-media-thumb img{display:block;width:100%;height:160px;object-fit:cover;border-radius:16px} .fin-shell .fin-media-thumb button{top:8px;right:8px;width:30px;height:30px;min-width:30px;min-height:30px;border:0;background:rgba(15,23,42,.78);color:white;box-shadow:none;font-weight:400;z-index:2} .fin-shell .fin-media-thumb button:hover{transform:none;background:#0f172a}.fin-shell .fin-media-thumb button svg{pointer-events:none;flex-shrink:0} .fin-shell .fin-card-footer .fin-offer-link,.fin-shell .fin-card-footer .fin-offer-link:hover{ text-decoration:none!important} .fin-shell .fin-card-footer a.fin-offer-link:hover .fin-open-text,.fin-shell .fin-card-footer a.fin-offer-link:focus-visible .fin-open-text{text-decoration:underline;text-underline-offset:3px} .fin-shell .fin-card-footer .fin-offer-link>span[aria-hidden]{text-decoration:none!important} @media(max-width:600px){.fin-shell .fin-search-control{padding-left:12px;gap:6px}.fin-shell .fin-search-control .fin-search-submit{padding:10px 13px;font-size:14px}.fin-shell .fin-search-control input{font-size:16px}.fin-shell .fin-media-picker{grid-template-columns:minmax(0,1fr)}.fin-shell .fin-fields{grid-template-columns:minmax(0,1fr)}.fin-unit{display:inline;white-space:nowrap}} /* Use the same Bootstrap container and gutters as Gallery/navbar. */ .container.fin-shell{width:100%;padding-left:calc(var(--bs-gutter-x,1.5rem)*.5);padding-right:calc(var(--bs-gutter-x,1.5rem)*.5);box-sizing:border-box} .fin-shell .fin-editor-layout>*{min-width:0}.fin-shell .fin-editor-preview{max-width:100%;box-sizing:border-box} @media(max-width:991.98px){.fin-shell .fin-editor-layout{grid-template-columns:minmax(0,1fr)}.fin-shell .fin-editor-preview{position:static}} /* Original image bounds, Gallery search typography and independent desktop panes. */ .fin-shell .fin-details-cover{display:block;width:auto;height:auto;max-width:100%;max-height:460px;object-fit:initial;background:transparent;border-radius:22px;margin:0 auto 24px;padding:0} .fin-shell .fin-card:nth-child(n) .fin-product-strip,.fin-shell .fin-editor-preview .fin-product-strip{background:#edf0f8;color:#252b58} .fin-shell .fin-details-heading .fin-tag{background:#edf0f8;color:#252b58} .fin-shell .fin-search-control{background:rgba(255,255,255,.92);border:1px solid rgba(0,0,0,.08);box-shadow:0 10px 26px rgba(0,0,0,.06);gap:10px} .fin-shell .fin-search-control input{font-size:18px;font-weight:650;padding:10px 6px;color:var(--jd-ink,#130b46)} .fin-shell .fin-search-control input::placeholder{font-weight:650;color:var(--jd-muted,#5b5b6e);opacity:1} @media(max-width:1000px){.fin-shell .fin-search-control input{font-size:17px}.fin-shell .fin-details-cover{max-height:none}} /* Gallery's search classes; neutralize Finance form-control defaults only. */ .fin-shell .jd-search-wrap{font-size:1rem;font-weight:400;min-width:0;width:100%;max-width:100%;isolation:isolate} .fin-shell .jd-search-wrap .jd-search-input{position:relative;z-index:2;pointer-events:auto;caret-color:#5b2df6;user-select:text;border:0;outline:none;background:transparent;flex:1 1 auto;min-width:0;width:auto;min-height:0;height:auto;border-radius:0;box-shadow:none;font-family:inherit;font-size:1rem;font-weight:650;line-height:1.5;padding:10px 6px;color:inherit} .fin-shell .jd-search-wrap .jd-search-icon{flex:0 0 auto;pointer-events:none} .fin-shell .jd-search-wrap .jd-search-btn{flex:0 0 auto;white-space:nowrap;min-height:0;font-size:1rem;line-height:1.5;padding:10px 16px;border:1px solid transparent;font-weight:700} .fin-shell .jd-search-clear-btn{border:0;background:transparent;padding:.35rem .5rem;border-radius:999px;margin-right:.25rem;color:rgba(0,0,0,.55);display:inline-flex;min-height:0;min-width:0;box-shadow:none;font-size:1rem;font-weight:400;line-height:1.5;flex:0 0 auto} .fin-shell .jd-search-clear-btn[hidden]{display:none!important}.fin-shell .jd-search-clear-btn:hover{background:rgba(0,0,0,.06);color:rgba(0,0,0,.8)} @media(max-width:768px){.fin-shell .jd-search-wrap .jd-search-btn{padding-left:10px;padding-right:10px;font-size:14px}.fin-shell .jd-search-wrap .jd-search-input{font-size:16px}} /* Distinct creation action across Finance. */ .fin-shell .fin-primary.fin-create-offer{background:#d00091;color:#fff;border-color:#d00091;box-shadow:0 10px 26px rgba(208,0,145,.22)} .fin-shell .fin-primary.fin-create-offer:hover{background:#b80080;color:#fff;border-color:#b80080;box-shadow:0 14px 30px rgba(208,0,145,.28)} /* Selected Finance tab uses Gallery SQL navy. */ .fin-shell .fin-nav a[aria-current="page"]{border-color:rgba(13,18,56,.92);background:linear-gradient(135deg,#0b123d 0%,#111a55 52%,#17236f 100%);color:#fff;box-shadow:0 18px 36px rgba(13,18,56,.28),inset 0 1px 0 rgba(255,255,255,.16)} .fin-shell .fin-nav a[aria-current="page"]:hover,.fin-shell .fin-nav a[aria-current="page"]:focus-visible{color:#fff;transform:translateY(-1px);border-color:rgba(31,42,120,.98);background:linear-gradient(135deg,#080f34 0%,#101a58 52%,#1a2a82 100%);box-shadow:0 22px 44px rgba(13,18,56,.34),0 0 0 4px rgba(23,35,111,.10)} @media(prefers-reduced-motion:reduce){.fin-shell .fin-nav a[aria-current="page"]:hover,.fin-shell .fin-nav a[aria-current="page"]:focus-visible{transform:none}} /* Keep the Gallery input borderless in all interaction states. */ .fin-shell .jd-search-wrap input.jd-search-input,.fin-shell .jd-search-wrap input.jd-search-input:hover,.fin-shell .jd-search-wrap input.jd-search-input:focus,.fin-shell .jd-search-wrap input.jd-search-input:focus-visible{border:0!important;outline:none!important;outline-offset:0!important;box-shadow:none!important;border-radius:0!important;background:transparent!important} /* Finance steps use the Home feature-card dimensions, typography and wave artwork. */ .fin-shell .fin-home-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0;isolation:isolate} .fin-shell .fin-home-guide>div{position:relative;overflow:hidden;isolation:isolate;min-width:0;padding:18px;background:rgba(255,255,255,.78);border:1px solid rgba(140,120,255,.22);border-radius:18px;box-shadow:0 10px 26px rgba(0,0,0,.06);color:var(--jd-ink)} .fin-shell .fin-home-guide>div>span{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;background:rgba(106,53,255,.10);border:1px solid rgba(106,53,255,.18);color:var(--jd-accent);margin-bottom:12px;font-size:1.2rem;font-weight:800} .fin-shell .fin-home-guide strong{display:block;font-size:1rem;font-weight:850;color:var(--jd-ink);margin-bottom:6px} .fin-shell .fin-home-guide p{font-size:1rem;line-height:1.5;color:rgba(23,23,42,.68);margin:0} @media(max-width:992px){.fin-shell .fin-home-guide{grid-template-columns:1fr;gap:1.05rem}} .fin-shell .fin-home-guide > div::before { content: "" !important; display: block !important; position: absolute !important; left: 0 !important; right: 0 !important; top: 8px !important; width: auto !important; height: 108px !important; z-index: 1 !important; pointer-events: none !important; opacity: .88 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; filter: none !important; background-color: transparent !important; background-repeat: no-repeat !important; background-size: calc(300% + 96px) 108px !important; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1500 108' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-35 44 C80 12 178 12 290 43 C405 75 510 74 630 42 C750 10 855 10 975 42 C1095 75 1210 74 1340 42 C1415 24 1475 28 1540 46' fill='none' stroke='%23D86FA9' stroke-width='1.75' stroke-opacity='.42' stroke-linecap='round'/%3E%3Cpath d='M-38 57 C72 34 155 84 270 58 C390 30 485 28 608 58 C728 88 828 88 948 58 C1075 27 1190 31 1310 58 C1400 78 1465 74 1538 55' fill='none' stroke='%237C5CFF' stroke-width='1.35' stroke-opacity='.28' stroke-linecap='round'/%3E%3Cpath d='M-40 72 C86 99 178 48 306 72 C432 95 528 96 655 72 C786 46 890 48 1018 72 C1146 96 1260 96 1395 70 C1452 59 1498 58 1540 66' fill='none' stroke='%23F4A7D0' stroke-width='1.15' stroke-opacity='.24' stroke-linecap='round'/%3E%3Cpath d='M-30 31 C96 58 190 58 315 31 C440 5 540 6 665 31 C792 58 900 58 1030 31 C1160 4 1285 5 1415 31 C1468 42 1515 42 1545 34' fill='none' stroke='%23B8A7FF' stroke-width='1.05' stroke-opacity='.20' stroke-linecap='round'/%3E%3C/svg%3E") !important; } .fin-shell .fin-home-guide > div:nth-of-type(1)::before { background-position: left top !important; } .fin-shell .fin-home-guide > div:nth-of-type(2)::before { background-position: center top !important; } .fin-shell .fin-home-guide > div:nth-of-type(3)::before { background-position: right top !important; } .fin-shell .fin-home-guide > div > * { position: relative !important; z-index: 2 !important; } .fin-shell .fin-home-guide > div span { position: relative !important; z-index: 3 !important; } @media (max-width: 992px) { .fin-shell .fin-home-guide > div { min-height: auto !important; padding-top: 1.35rem !important; } .fin-shell .fin-home-guide > div::before { top: 18px !important; left: -2px !important; right: -2px !important; height: 58px !important; opacity: .78 !important; background-size: 112% 58px !important; background-position: center top !important; } .fin-shell .fin-home-guide > div:nth-of-type(1)::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 460 58' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-34 24 C42 15 102 15 176 24 C252 33 312 33 388 24 C424 20 448 20 494 25' fill='none' stroke='%23D86FA9' stroke-width='1.35' stroke-opacity='.40' stroke-linecap='round'/%3E%3Cpath d='M-36 34 C40 28 102 28 178 34 C258 41 320 41 400 34 C430 31 456 31 496 34' fill='none' stroke='%237C5CFF' stroke-width='1.05' stroke-opacity='.25' stroke-linecap='round'/%3E%3Cpath d='M-30 42 C48 47 110 47 188 42 C268 37 334 37 414 42 C444 44 468 44 492 42' fill='none' stroke='%23F4A7D0' stroke-width='.85' stroke-opacity='.18' stroke-linecap='round'/%3E%3C/svg%3E") !important; } .fin-shell .fin-home-guide > div:nth-of-type(2)::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 460 58' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-34 31 C36 38 98 38 168 31 C244 23 306 23 382 31 C426 36 456 36 494 30' fill='none' stroke='%23D86FA9' stroke-width='1.30' stroke-opacity='.38' stroke-linecap='round'/%3E%3Cpath d='M-36 22 C42 16 108 16 186 22 C266 29 330 29 410 22 C438 20 462 20 496 23' fill='none' stroke='%23B8A7FF' stroke-width='1.00' stroke-opacity='.27' stroke-linecap='round'/%3E%3Cpath d='M-30 40 C46 36 108 36 184 40 C264 45 328 45 408 40 C440 38 466 38 492 40' fill='none' stroke='%237C5CFF' stroke-width='.85' stroke-opacity='.20' stroke-linecap='round'/%3E%3C/svg%3E") !important; } .fin-shell .fin-home-guide > div:nth-of-type(3)::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 460 58' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-34 27 C38 21 100 21 172 27 C250 34 314 34 392 27 C426 24 454 24 494 28' fill='none' stroke='%237C5CFF' stroke-width='1.05' stroke-opacity='.29' stroke-linecap='round'/%3E%3Cpath d='M-36 36 C44 42 106 42 186 36 C266 30 330 30 410 36 C440 39 466 39 496 36' fill='none' stroke='%23D86FA9' stroke-width='1.35' stroke-opacity='.40' stroke-linecap='round'/%3E%3Cpath d='M-30 20 C48 16 112 16 190 20 C270 25 334 25 414 20 C442 18 466 18 492 20' fill='none' stroke='%23F4A7D0' stroke-width='.85' stroke-opacity='.18' stroke-linecap='round'/%3E%3C/svg%3E") !important; } } /* Four full-width Home-style curves on the Finance hero, below its content. */ .fin-shell .fin-hero{position:relative;isolation:isolate;overflow:hidden;border:0} .fin-shell .fin-hero::before,.fin-shell .fin-heading-waves::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201500%20300%22%20preserveAspectRatio%3D%22none%22%3E%3Cg%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%3E%0A%3Cpath%20d%3D%22M-25%2076%20C150%208%20270%2035%20455%20109%20S775%20201%20965%20108%20S1290%2022%201525%2085%22%20stroke%3D%22%23D86FA9%22%20stroke-width%3D%221.75%22%20stroke-opacity%3D%22.42%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%0A%3Cpath%20d%3D%22M-25%20155%20C160%20220%20300%2094%20510%20144%20S845%20240%201050%20161%20S1320%2072%201525%20137%22%20stroke%3D%22%237C5CFF%22%20stroke-width%3D%221.35%22%20stroke-opacity%3D%22.28%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%0A%3Cpath%20d%3D%22M-25%20244%20C185%20158%20345%20276%20570%20225%20S850%20134%201090%20212%20S1350%20290%201525%20219%22%20stroke%3D%22%23F4A7D0%22%20stroke-width%3D%221.15%22%20stroke-opacity%3D%22.30%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%0A%3Cpath%20d%3D%22M-25%2034%20C190%20121%20355%2033%20560%2072%20S875%20153%201110%2065%20S1375%2049%201525%2028%22%20stroke%3D%22%23B8A7FF%22%20stroke-width%3D%221.05%22%20stroke-opacity%3D%22.30%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%0A%3C%2Fg%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-size:100% 100%;opacity:.88} .fin-shell .fin-hero>div{position:relative;z-index:1} /* v128: applicant and publishing-access workspace; scoped away from offer pages. */ .fin-workspace .fin-heading{position:relative;padding:32px;border-radius:28px;background:radial-gradient(ellipse at 100% 0,#dff7ff,transparent 60%),linear-gradient(115deg,#f9efff,#fff5fa);margin-bottom:24px;overflow-wrap:anywhere} .fin-workspace .fin-heading p{color:#5c5874;margin-bottom:8px} .fin-workspace .fin-panel{background:linear-gradient(145deg,#fff 65%,#f8f6ff);border-color:#e7dffa;box-shadow:0 16px 42px #24104c08} .fin-workspace .fin-panel h2{color:#21164e} .fin-workspace .fin-terms{gap:16px;margin:12px 0} .fin-workspace .fin-terms>div{padding:20px;border-radius:20px;background:linear-gradient(120deg,#f1edff,#eef5fc);min-width:0;overflow-wrap:anywhere} .fin-workspace .fin-terms>div:nth-child(2n){background:linear-gradient(120deg,#edf2fa,#f6f1ff)} .fin-workspace .fin-terms dt{font-size:14px;font-weight:600;color:#666080} .fin-workspace .fin-terms dd{font-size:21px;color:#251b59} .fin-workspace .fin-contact{padding:16px 20px;background:#f7f5fc;border-radius:16px;overflow-wrap:anywhere} .fin-workspace .fin-notice,.fin-workspace .fin-consent{background:linear-gradient(120deg,#eee8ff,#eef8ff);border:1px solid #e2d9fa;color:#35235f;border-radius:20px} .fin-workspace .fin-timeline{list-style:none;padding:4px 0 4px 22px;border-left:2px solid #e4d8fb;margin:24px 0 24px 10px} .fin-workspace .fin-timeline li{position:relative;padding:16px 20px;margin:0 0 16px;border-radius:18px;background:linear-gradient(110deg,#f6f1ff,#f5f9fe)} .fin-workspace .fin-timeline li::before{content:"";position:absolute;left:-30px;top:23px;width:12px;height:12px;border-radius:50%;background:#763bff;box-shadow:0 0 0 5px #f0eaff} .fin-workspace .fin-timeline strong{color:#402078}.fin-workspace .fin-timeline time{margin-top:8px} .fin-workspace .fin-request-row{padding:22px;background:linear-gradient(110deg,#faf7ff,#f0f8ff);transition:border-color .15s,box-shadow .15s} .fin-workspace .fin-request-row:hover{border-color:#ad91f2;box-shadow:0 8px 24px #6135ae12} .fin-workspace .fin-form>label,.fin-workspace .fin-fields>label{color:#322354} .fin-workspace details{padding:14px 18px;border-radius:18px;background:#f5f1ff} .fin-workspace .fin-access-item{padding:20px;margin-top:16px;border-radius:20px;background:linear-gradient(120deg,#f6f0ff,#edf8ff)} .fin-workspace .fin-pagination a{padding:10px 18px;border-radius:999px;background:#eee8ff;color:#5429b6;font-weight:700;text-decoration:none} @media(max-width:700px){.fin-workspace .fin-heading{padding:24px 20px}.fin-workspace .fin-terms{grid-template-columns:1fr}.fin-workspace .fin-terms>div{padding:16px}.fin-workspace .fin-heading-row>a{width:100%}.fin-workspace .fin-timeline li{padding:16px}.fin-workspace .fin-contact{padding:14px}} /* Publishing request inbox */ #publishing-requests{background:linear-gradient(125deg,#fcf8ff,#f5fbff);scroll-margin-top:110px} #publishing-requests .fin-access-item{padding:24px;margin:20px 0;border:1px solid #e4d9f7;border-radius:24px;background:#fff;scroll-margin-top:110px} #publishing-requests .fin-access-item p{overflow-wrap:anywhere} #publishing-requests .fin-timeline{padding:12px 24px;background:#f8f5ff;border-radius:18px} #publishing-requests .fin-pending-count{display:inline-flex;padding:6px 12px;margin-left:8px;font-size:14px;border-radius:999px;background:#ede5ff;color:#53249b} @media(max-width:700px){#publishing-requests .fin-access-item{padding:18px}#publishing-requests .fin-editor-actions>button{width:100%}} /* Keep adjacent notices visually separate on Finance pages. */ .fin-shell > .fin-notice + .fin-notice{margin-top:20px} /* Action feedback is plain purple text, separate from informational cards. */ .fin-shell .fin-action-message{display:block;margin:24px 0 28px;padding:0;background:none;border:0;border-radius:0;box-shadow:none;color:#6330ef;font-size:16px;font-weight:750;line-height:1.6;overflow-wrap:anywhere} .fin-shell .fin-action-message strong{color:inherit;font-weight:750} /* Separate publishing decision buttons from subsequent notices and history. */ #publishing-requests .fin-access-item > .fin-decision-form{margin-bottom:24px} /* Same geometry, colors and hover as Gallery's Talents / Jobs launchers. */ .fin-shell .fin-context {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0;} .fin-shell .fin-context .fin-context-card {display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-width:0;padding:14px 16px;border-radius:18px!important;border:1px solid rgba(19,11,70,.1);background:rgba(255,255,255,.82);color:inherit;text-decoration:none;text-align:left;font:inherit;white-space:normal;box-shadow:0 14px 34px rgba(19,11,70,.06);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;cursor:pointer;} .fin-shell .fin-context .fin-context-card:hover {transform:translateY(-2px);box-shadow:0 20px 44px rgba(19,11,70,.09);border-color:rgba(123,97,255,.28);} .fin-shell .fin-context .fin-context-card.is-selected {border-color:rgba(123,97,255,.35);} .fin-shell .fin-context .fin-context-card:focus-visible {outline:2px solid #6330ef!important;outline-offset:3px;} .fin-context-copy {display:block;min-width:0;} .fin-context-title {display:block;font-weight:800;color:#130b46;line-height:1.15;} .fin-context-sub {display:block;margin-top:4px;font-size:.92rem;font-weight:400;line-height:1.45;color:rgba(19,11,70,.65);} .fin-context-icon {width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(123,97,255,.18),rgba(47,208,255,.18));color:#130b46;font-size:1.15rem;flex:0 0 auto;} @media(max-width:767.98px){.fin-shell .fin-context{grid-template-columns:1fr;}} /* Publishing header shares the Finance hero wave artwork. */ .fin-shell .fin-heading-waves{position:relative;isolation:isolate;overflow:hidden;} .fin-shell .fin-heading-waves>*{position:relative;z-index:1;} .fin-shell .fin-heading-waves{padding:32px;border-radius:28px;background:radial-gradient(ellipse at 100% 0,#dff7ff,transparent 60%),linear-gradient(115deg,#f9efff,#fff5fa);margin-bottom:24px;} @media(max-width:700px){.fin-shell .fin-heading-waves{padding:24px 20px;}} /* Collection workspace: bounded pages, score brush and readable batch actions. */ .fin-score-chart{margin:26px 0;padding:26px;border-radius:24px;background:linear-gradient(125deg,#f4efff,#eefaff);border:1px solid #e4d9ff} .fin-score-chart svg{width:100%;height:auto;min-height:180px;touch-action:pan-y;user-select:none;color:#514473;cursor:crosshair} .fin-collect-all{display:flex;gap:12px;align-items:center;margin:20px 0;font-weight:700} .fin-collect-row{display:flex;gap:18px;align-items:center;padding:18px;margin:10px 0;border:1px solid #e4d9ff;border-radius:18px;background:#faf8ff} .fin-collect-row span{flex:1;overflow-wrap:anywhere}.fin-collect-row small{display:block;color:#706887;margin-top:5px} .fin-collect-row input,.fin-collect-all input{width:20px!important;height:20px;flex:0 0 20px;accent-color:#6335eb} .fin-shell [data-fin-export]>.fin-primary{display:inline-flex;margin:18px 0}.fin-shell #fin-collect-message{font-weight:700;color:#6335eb} .fin-copy-link{border:0;background:transparent;color:#7544ff;font-weight:700;cursor:pointer;padding:8px;font:inherit} .fin-shell .fin-collect-row,.fin-shell .fin-collect-all{flex-direction:row}.fin-shell .fin-copy-link{background:transparent;border:0;color:#7544ff;box-shadow:none} /* Quiet sharing link; retain a comfortable touch target. */ .fin-shell button.fin-copy-link{font-size:12px;font-weight:400;color:#7852ba;padding:6px 8px;min-height:44px;background:transparent;border:0;box-shadow:none}.fin-shell button.fin-copy-link:hover{color:#6335eb;text-decoration:underline} /* Finance touch and narrow-screen layout. */ .fin-score-chart svg{display:block;height:230px;min-height:0}.fin-score-chart svg[hidden]{display:none} .fin-chart-empty{padding:24px 0;color:#62557f} .fin-shell .fin-collect-row span{min-width:0}.fin-shell .fin-collect-all{align-items:flex-start;line-height:1.5} @media(max-width:700px){ .fin-shell .fin-nav{gap:8px}.fin-shell .fin-nav a{min-height:44px;display:inline-flex;align-items:center;justify-content:center} .fin-shell .fin-editor-actions{display:flex;flex-wrap:wrap;gap:12px}.fin-shell .fin-editor-actions>a,.fin-shell .fin-editor-actions>button{flex:1 1 100%;text-align:center} .fin-shell #fin-collection-filter{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin:0 0 22px} .fin-shell #fin-collection-filter label{min-width:0;width:100%} .fin-shell #fin-collection-filter input,.fin-shell #fin-collection-filter select,.fin-shell #fin-collection-filter .jd-selectbox-btn{font-size:16px} .fin-shell #fin-collection-filter .jd-selectbox{width:100%;min-width:0} .fin-shell #fin-collection-filter .jd-selectbox-list{max-width:100%;max-height:min(310px,45dvh);overflow-y:auto} .fin-score-chart{padding:16px;margin:20px 0;border-radius:20px}.fin-score-chart h2{font-size:20px} .fin-shell .fin-collect-row{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;padding:14px} .fin-shell .fin-collect-row>strong{grid-column:2;font-size:14px}.fin-shell .fin-collect-row a{overflow-wrap:anywhere} .fin-shell .fin-collect-all{gap:12px;padding:10px 0}.fin-shell #fin-collect-message{overflow-wrap:anywhere} .fin-shell [data-fin-export]>.fin-primary{width:100%;box-sizing:border-box} } /* Insights-style score distribution and responsive scorecard editor. */ .fin-score-chart{background:radial-gradient(ellipse at 100% 0,rgba(20,134,157,.30),transparent 66%),linear-gradient(120deg,#191c29,#111726);border:1px solid rgba(144,151,174,.25);color:#bfc0ce;box-shadow:0 18px 46px rgba(16,15,40,.12);position:relative} .fin-workspace .fin-panel .fin-score-chart h2{color:#ffffff;font-weight:800}.fin-score-chart p{color:#bfc0ce}.fin-score-chart strong{color:#eeeaf9}.fin-score-chart svg{color:#bfc0ce} .fin-score-builder-head{display:flex;align-items:start;justify-content:space-between;gap:18px}.fin-score-builder-head h2,.fin-score-builder-head h3{margin-top:0} .fin-score-variable{border:1px solid #e2d9ff;background:linear-gradient(120deg,#faf7ff,#f5fbff);padding:24px;border-radius:24px;margin:24px 0}.fin-score-options{display:grid;gap:14px;margin:20px 0} .fin-score-option{display:grid;grid-template-columns:minmax(0,1fr) 150px auto;gap:16px;align-items:end}.fin-score-option label{min-width:0}.fin-score-option button{margin-bottom:0} .fin-score-questions{border:1px solid #e2d9ff;border-radius:22px;padding:22px;display:grid;gap:18px;margin:24px 0}.fin-score-questions legend{font-size:22px;font-weight:750;width:auto;float:none;padding:0 8px} #fin-score-feedback{color:#6934ed;font-weight:700;margin-top:20px}#fin-pass-score{max-width:300px} @media(max-width:700px){.fin-score-builder-head{flex-wrap:wrap}.fin-score-variable{padding:16px}.fin-score-option{grid-template-columns:minmax(0,1fr) 95px}.fin-score-option button{grid-column:1/-1;justify-self:start}.fin-score-variable input{font-size:16px}.fin-score-questions{padding:14px}} /* Application detail: restrained typography and progressive guidance. */ .fin-shell .fin-request-detail{font-family:inherit;font-size:14px;font-weight:400;line-height:1.65;color:#625d76} .fin-shell .fin-request-detail p{font-size:14px;font-weight:400;line-height:1.65;margin:0 0 14px} .fin-shell .fin-request-detail strong{font-weight:600;color:#30264e} .fin-shell .fin-request-status{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;margin-bottom:24px} .fin-shell .fin-request-status .fin-request-submitted{margin:0;font-size:12px;color:#797389} .fin-shell .fin-request-guidance{max-width:820px;margin-bottom:20px} .fin-shell .fin-request-guidance h2{font-size:17px;font-weight:600;letter-spacing:-.015em;line-height:1.4;margin:0 0 10px;color:#30264e} .fin-shell .fin-request-checks{list-style:disc;margin:16px 0 20px;padding:14px 20px 14px 36px;background:#f8f6fd;border:1px solid #ece6f7;border-radius:14px;font-size:14px;font-weight:400;line-height:1.65} .fin-shell .fin-request-checks li{padding:3px 0 3px 2px} .fin-shell .fin-request-checks li::marker{color:#9778d4;font-size:.8em} .fin-shell .fin-request-next{padding:0 0 0 14px;border-left:2px solid #d9caf7} .fin-shell .fin-request-next>strong:first-child{display:inline-block;margin-bottom:4px} .fin-shell .fin-request-more{margin:16px 0 0;padding:0;background:none;border:0;border-radius:0} .fin-shell .fin-request-more summary{display:list-item;width:fit-content;padding:2px 0;font-size:13px;font-weight:600;color:#7352b1;cursor:pointer} .fin-shell .fin-request-more[open] summary{margin-bottom:10px} .fin-shell .fin-request-more p{font-size:13px;color:#797389;margin-bottom:10px} .fin-shell .fin-request-detail .fin-help{font-size:12px;color:#797389} .fin-shell .fin-request-detail .fin-editor-actions{margin-top:20px} @media(max-width:700px){.fin-shell .fin-request-status{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:20px}.fin-shell .fin-request-guidance h2{font-size:16px}.fin-shell .fin-request-checks{padding:12px 16px 12px 30px}} /* Scoring insights: scoped chart controls and cutoff legend. */ .fin-shell .fin-score-chart-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px;flex-wrap:wrap} .fin-shell .fin-chart-eyebrow{display:block;font-size:10px;font-weight:600;letter-spacing:.14em;color:#a4a8c0;margin-bottom:7px} .fin-shell .fin-score-chart-heading h2{margin:0;color:#fff} .fin-shell .fin-cutoff-badge{display:inline-flex;gap:10px;align-items:center;padding:8px 13px;border:1px solid #81e3e044;border-radius:999px;color:#b5dcd9;background:#81e3e010;font-size:12px} .fin-shell .fin-cutoff-badge strong{color:#a3f1ed;font-size:15px;font-weight:600} .fin-shell .fin-chart-legend{display:flex;gap:22px;flex-wrap:wrap;font-size:12px;margin-top:18px} .fin-legend-distribution::before{content:"";display:inline-block;width:16px;height:2px;background:#ff2d68;margin:0 8px 3px 0} .fin-legend-cutoff::before{content:"";display:inline-block;width:1px;height:12px;background:#81e3e0;margin:0 8px -1px 0} .fin-shell .fin-remove-selection{color:#a32b57;background:#fff5f8;border-color:#f0d6df} /* Scorecard version identity and archived model inspection. */ .fin-shell .fin-version-badge{display:flex;align-items:center;gap:10px;flex-shrink:0;padding:11px 17px;border:1px solid #ded5f8;border-radius:16px;background:linear-gradient(120deg,#f5f0ff,#f0f8ff);white-space:nowrap} .fin-shell #fin-score-version{display:block;font-size:14px;font-weight:650;line-height:1.35;color:#4f2a98;letter-spacing:0} .fin-shell .fin-version-badge small{display:block;margin-top:3px;font-size:11px;font-weight:400;line-height:1.4;color:#7a718f} .fin-version-dot{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#8761df;box-shadow:0 0 0 4px #8761df12} .fin-shell .fin-history-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid #eee8f7} .fin-shell .fin-history-row>div{min-width:0;overflow-wrap:anywhere} .fin-shell .fin-history-title{display:flex;align-items:center;gap:12px} .fin-shell .fin-history-title>strong{font-size:15px;font-weight:600;color:#372555} .fin-shell .fin-history-row p{margin:6px 0 0}.fin-shell .fin-history-note{font-size:13px;color:#6f6580} .fin-shell .fin-history-row>a{flex-shrink:0;font-size:13px} .fin-shell .fin-history-summary{display:flex;gap:28px;flex-wrap:wrap;padding:18px 20px;margin:20px 0;background:#f6f2ff;border-radius:16px;font-size:13px;color:#706580} .fin-shell .fin-history-summary strong{margin-left:8px;color:#4f2a98} .fin-shell .fin-history-table-wrap{overflow-x:auto} .fin-shell .fin-history-table{width:100%;border-collapse:collapse;margin-top:12px;font-size:13px;color:#625774} .fin-shell .fin-history-table th{text-align:left;font-weight:600;color:#49375f;background:#ede7fa} .fin-shell .fin-history-table th,.fin-shell .fin-history-table td{padding:12px 14px;border-bottom:1px solid #e6def2} .fin-shell .fin-history-table td{background:#ffffff9c} #fin-scorecard-builder .jd-selectbox{width:100%} @media(max-width:700px){.fin-shell .fin-score-builder-head{flex-wrap:wrap}.fin-shell .fin-version-badge{padding:9px 13px}.fin-shell .fin-history-row{align-items:flex-start;flex-direction:column;gap:12px}} /* Compact scorecard builder, isolated from applicant and other Finance forms. */ #fin-scorecard-builder{gap:16px;padding:24px;min-width:0} #fin-scorecard-builder .fin-score-builder-head{gap:16px;align-items:flex-start} #fin-scorecard-builder .fin-score-builder-head h2{font-size:19px;margin-bottom:6px} #fin-scorecard-builder .fin-score-builder-head p{font-size:13px;line-height:1.55;color:#776d86;max-width:560px;margin:0} #fin-scorecard-builder label{gap:6px;min-width:0;font-size:12px;font-weight:600;color:#655671} #fin-scorecard-builder input,#fin-scorecard-builder select,#fin-scorecard-builder .jd-selectbox-btn{min-height:44px;padding:10px 12px;border-radius:12px;font-size:14px;font-weight:400;line-height:1.4} #fin-scorecard-builder .fin-score-settings{display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr);align-items:end;gap:20px;padding:14px 16px;background:#f7f4ff;border:1px solid #ebe3f8;border-radius:16px} #fin-scorecard-builder .fin-score-settings p{font-size:12px;line-height:1.6;margin:0 0 5px;max-width:450px} #fin-scorecard-builder .fin-score-guide{margin:0;padding:0;background:none} #fin-scorecard-builder .fin-score-guide summary{font-size:12px;font-weight:500;color:#7855ad;padding:0;min-height:28px} #fin-scorecard-builder .fin-score-guide p{margin:8px 0 0;font-size:12px;line-height:1.6} #fin-score-variables{display:grid;gap:14px;min-width:0} #fin-scorecard-builder .fin-score-variable{margin:0;padding:16px;border-radius:18px;background:linear-gradient(120deg,#fbf9ff,#f7fbff);min-width:0} #fin-scorecard-builder .fin-score-variable-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px} #fin-scorecard-builder .fin-score-variable-head h3{margin:0;font-size:13px;font-weight:650;color:#6c4c96;letter-spacing:.02em} #fin-scorecard-builder .fin-score-variable-actions{display:flex;gap:5px} #fin-scorecard-builder .fin-score-icon{display:inline-flex;align-items:center;justify-content:center;min-height:40px;min-width:40px;width:40px;height:40px;padding:0;border-radius:12px;border:1px solid #e5ddf0;background:#fff;color:#70568f;font-size:20px;font-weight:400;line-height:1;box-shadow:none;grid-column:auto;justify-self:end} #fin-scorecard-builder .fin-score-icon:disabled{opacity:.35;cursor:default} #fin-scorecard-builder .fin-score-remove{color:#a96780} #fin-scorecard-builder .fin-score-remove:hover{background:#fff0f5;border-color:#efcedd} #fin-scorecard-builder .fin-score-variable-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px} #fin-scorecard-builder .fin-score-options{gap:10px;margin:14px 0 10px} #fin-scorecard-builder .fin-score-option{grid-template-columns:minmax(0,1fr) 92px 40px;gap:10px;align-items:end} #fin-scorecard-builder .fin-score-option-numeric{grid-template-columns:minmax(130px,1.5fr) minmax(90px,1fr) minmax(90px,1fr) 80px 40px} #fin-scorecard-builder .fin-score-add-answer{padding:7px 12px;min-height:36px;font-size:12px;font-weight:600;box-shadow:none;border:1px dashed #d8caee;background:transparent;color:#7752ac;border-radius:10px} #fin-scorecard-builder .fin-score-footer{display:flex;gap:10px;flex-wrap:wrap;margin:0;padding-top:8px;border-top:1px solid #ece5f5} #fin-scorecard-builder .fin-score-footer>button,#fin-scorecard-builder .fin-score-footer>a{font-size:13px;min-height:44px;padding:10px 16px;border-radius:13px} #fin-score-feedback{font-size:13px;line-height:1.5;margin:0;font-weight:500} #fin-score-feedback:empty{display:none} @media(max-width:900px){#fin-scorecard-builder .fin-score-option-numeric{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 40px;padding:12px;background:#fff9;border:1px solid #eae2f4;border-radius:12px}#fin-scorecard-builder .fin-score-option-numeric .fin-score-attribute{grid-column:1/-1}#fin-scorecard-builder .fin-score-option-numeric>label:nth-child(2){grid-column:1}#fin-scorecard-builder .fin-score-option-numeric>label:nth-child(3){grid-column:2/4}#fin-scorecard-builder .fin-score-option-numeric>label:nth-child(4){grid-column:1/3}} @media(max-width:600px){ #fin-scorecard-builder{padding:16px;gap:14px;border-radius:20px} #fin-scorecard-builder .fin-score-builder-head h2{font-size:17px} #fin-scorecard-builder .fin-score-variable{padding:12px;border-radius:15px} #fin-scorecard-builder .fin-score-variable-fields{grid-template-columns:minmax(0,1fr);gap:10px} #fin-scorecard-builder .fin-score-settings{grid-template-columns:minmax(0,1fr);padding:12px;gap:8px} #fin-scorecard-builder .fin-score-settings p{margin:0} #fin-scorecard-builder input,#fin-scorecard-builder select,#fin-scorecard-builder .jd-selectbox-btn{font-size:16px;min-height:44px} #fin-scorecard-builder .fin-score-icon{width:44px;min-width:44px;height:44px;min-height:44px} #fin-scorecard-builder .fin-score-option{grid-template-columns:minmax(0,1fr) 64px 44px;gap:6px} #fin-scorecard-builder .fin-score-option-numeric{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px;gap:8px;padding:10px} #fin-scorecard-builder .fin-score-footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} #fin-scorecard-builder .fin-score-footer>a,#fin-scorecard-builder .fin-score-footer>button{margin:0;padding:10px 8px;font-size:12px;text-align:center;min-width:0} #fin-scorecard-builder .fin-score-add-answer{min-height:44px} } /* Scorecard history: compact version controls and anchored preview. */ .fin-shell #scorecard-preview{scroll-margin-top:110px} .fin-shell .fin-history-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;flex-wrap:wrap} .fin-shell .fin-history-actions form{margin:0} .fin-shell .fin-history-actions .fin-secondary{font-size:13px;padding:12px 18px;min-height:44px} .fin-shell .fin-history-delete{color:#a12b53;border-color:#efd2de} .fin-shell .fin-history-cutoff{font-size:14px} @media(max-width:700px){.fin-shell .fin-history-actions{width:100%}.fin-shell .fin-history-actions .fin-help{flex-basis:100%}} .fin-shell .fin-field-issue{display:block;margin:6px 0;font-size:13px;font-weight:500;line-height:1.5;color:#b42338} .fin-shell input[aria-invalid="true"],.fin-shell .fin-answer-missing input,.fin-shell .fin-answer-missing select,.fin-shell .fin-answer-missing .jd-selectbox-btn{border-color:#c73549;box-shadow:0 0 0 1px #c73549;background:#fff7f8} .fin-shell .fin-score-needs-review{border:1px solid #e6a8b1;border-radius:18px;background:#fff8f9;padding:18px} .fin-shell .fin-request-checks{color:#b42338;background:#fff5f6;border:1px solid #edc0c7;border-radius:14px;padding:14px 18px 14px 34px} /* Separate the pre-scoring summary from the explanatory text below. */ .fin-shell .fin-request-detail .fin-prescoring-summary{margin-block:24px 28px} .fin-shell .fin-request-detail .fin-prescoring-summary>p:last-child{margin-bottom:0} @media(max-width:700px){.fin-shell .fin-request-detail .fin-prescoring-summary{margin-block:20px 24px}} .fin-shell .fin-export-guide{margin:22px 0;padding:18px 20px;background:#f7f4ff;border:1px solid #e5ddfa;border-radius:16px;color:#625d76;font-size:14px;line-height:1.65} .fin-shell .fin-export-guide>strong{display:block;margin-bottom:8px;color:#30264e;font-weight:600} .fin-shell .fin-export-guide p{margin:0 0 10px;font-size:14px} .fin-shell .fin-export-guide p:last-child{margin-bottom:0} .fin-shell .fin-export-guide b,.fin-shell .fin-export-guide strong{font-weight:600} .fin-shell .fin-export-guide a{color:#6635d9;text-decoration:underline;text-underline-offset:3px} @media(max-width:700px){.fin-shell .fin-export-guide{padding:16px}} /* Circular selection controls: fixed equal dimensions, including flex layouts. */ .fin-shell #fin-collect-form input[type="checkbox"]{appearance:none!important;-webkit-appearance:none!important;box-sizing:border-box!important;display:inline-grid!important;place-content:center;position:relative;width:22px!important;height:22px!important;min-width:22px!important;max-width:22px!important;min-height:22px!important;max-height:22px!important;flex:0 0 22px!important;aspect-ratio:1!important;padding:0!important;margin:0!important;border:2px solid #b7a2e8!important;border-radius:50%!important;background:#fff!important;box-shadow:none!important;transform:none!important;cursor:pointer;align-self:center} .fin-shell #fin-collect-form input[type="checkbox"]::before{content:none!important} .fin-shell #fin-collect-form input[type="checkbox"]::after{content:""!important;position:static!important;display:block!important;width:5px!important;height:9px!important;border:solid white!important;border-width:0 2px 2px 0!important;border-radius:0!important;background:none!important;box-shadow:none!important;transform:translateY(-1px) rotate(45deg)!important;opacity:0} .fin-shell #fin-collect-form input[type="checkbox"]:checked{background:#713cff!important;border-color:#713cff!important} .fin-shell #fin-collect-form input[type="checkbox"]:checked::after{opacity:1} .fin-shell #fin-collect-form input[type="checkbox"]:focus-visible{outline:3px solid #cbb6ff!important;outline-offset:3px} .fin-shell #fin-collect-form input[type="checkbox"]:disabled{opacity:.45;cursor:not-allowed} .fin-shell #fin-collect-form .fin-collect-all{min-height:44px;align-items:center} @media(forced-colors:active){.fin-shell #fin-collect-form input[type="checkbox"]{appearance:auto!important;-webkit-appearance:auto!important}} /* Loan facts and an expandable, touch-friendly DAE simulator. */ .fin-shell .fin-grid{align-items:start} .fin-shell .fin-job-style.fin-loan-card .fin-card-cover{height:170px;min-height:170px;aspect-ratio:auto} .fin-shell .fin-job-style.fin-loan-card .fin-card-body{padding:20px;gap:16px} .fin-shell .fin-job-style.fin-loan-card .fin-card-body h2{line-height:1.4} .fin-shell .fin-loan-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:0} .fin-shell .fin-loan-facts>div{min-width:0;padding:12px;background:#f7f5fd;border-radius:14px} .fin-shell .fin-loan-facts .fin-loan-facts-amount{grid-column:1/-1} .fin-shell .fin-loan-facts dt{font-size:12px;font-weight:500;line-height:1.5;color:#736a84;margin:0 0 5px} .fin-shell .fin-loan-facts dd{font-size:17px;font-weight:650;line-height:1.4;margin:0;color:#24184c;overflow-wrap:anywhere} .fin-shell .fin-loan-facts dd span{font-size:13px;font-weight:500} .fin-shell .fin-loan-conditions{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:0} .fin-shell .fin-loan-conditions li{font-size:12px;line-height:1.5;padding:6px 10px;background:#eff6fa;border:1px solid #dfeaf3;border-radius:12px;color:#3c566c} .fin-shell .fin-loan-simulator{margin:0;border:1px solid #ded1fa;border-radius:18px;background:#fbf9ff;min-width:0;overflow:hidden} .fin-shell .fin-loan-simulator>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;list-style:none;font-weight:500} .fin-shell .fin-loan-simulator>summary::-webkit-details-marker{display:none} .fin-shell .fin-loan-simulator>summary::after{content:'+';flex:0 0 22px;text-align:center;font-size:22px;color:#713cff;background:none;position:static;transform:none} .fin-shell .fin-loan-simulator[open]>summary::after{content:'−'} .fin-shell .fin-loan-simulator summary>span{min-width:0} .fin-shell .fin-loan-simulator summary strong{display:block;font-size:14px;line-height:1.4;font-weight:650;color:#392065;overflow-wrap:anywhere} .fin-shell .fin-loan-simulator summary small{display:block;margin-top:4px;font-size:11px;line-height:1.5;color:#756d82} .fin-shell .fin-sim-summary{text-align:right;margin-left:auto} .fin-shell .fin-sim-body{padding:4px 16px 18px;display:grid;gap:22px} .fin-shell .fin-sim-control{min-width:0} .fin-shell .fin-sim-control label{gap:8px;font-size:13px;font-weight:500} .fin-shell .fin-sim-control input[type=number]{font-size:16px;min-height:44px;width:100%;padding:10px 12px} .fin-shell .fin-loan-simulator input[type=range]{appearance:none;-webkit-appearance:none;display:block;width:100%;min-width:0;height:44px;min-height:44px;padding:0;margin:4px 0 0;border:0;border-radius:0;box-shadow:none;cursor:pointer;background:transparent;touch-action:pan-y} .fin-shell .fin-loan-simulator input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:99px;background:linear-gradient(to right,#713cff var(--fin-range-fill,0%),#e4dcf3 var(--fin-range-fill,0%))} .fin-shell .fin-loan-simulator input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:24px;height:24px;margin-top:-9px;border-radius:50%;background:#713cff;border:3px solid white;box-shadow:0 2px 7px #4c208544} .fin-shell .fin-loan-simulator input[type=range]::-moz-range-track{height:6px;border-radius:99px;background:#e4dcf3} .fin-shell .fin-loan-simulator input[type=range]::-moz-range-progress{height:6px;border-radius:99px;background:#713cff} .fin-shell .fin-loan-simulator input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#713cff;border:3px solid white} .fin-shell .fin-loan-simulator input[type=range]:disabled{opacity:.45;cursor:default} .fin-shell .fin-sim-limits{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#796e89;line-height:1.5} .fin-shell .fin-sim-limits span{min-width:0;overflow-wrap:anywhere} .fin-shell .fin-sim-result{display:grid;gap:6px;padding:18px;border-radius:14px;background:#eee7ff} .fin-shell .fin-sim-result>span{font-size:12px;color:#675180} .fin-shell .fin-sim-result>strong{font-size:24px;line-height:1.4;color:#5226ac;overflow-wrap:anywhere} .fin-shell .fin-sim-result small{font-size:12px;color:#675180} .fin-shell .fin-sim-note{font-size:12px;line-height:1.65;color:#797080;margin:0} .fin-shell .fin-sim-error{font-size:13px;color:#b42338;margin:0} .fin-shell .fin-amount-label{display:block;font-size:11px;font-weight:500;color:#766d85;margin-bottom:4px} .fin-shell .fin-offer-details>.fin-loan-facts,.fin-shell .fin-offer-details>.fin-loan-conditions,.fin-shell .fin-offer-details>.fin-loan-simulator{margin:24px 0} .fin-shell .fin-offer-details .fin-loan-simulator{max-width:720px} @media(max-width:700px){.fin-shell .fin-job-style.fin-loan-card .fin-card-cover{height:150px;min-height:150px}.fin-shell .fin-job-style.fin-loan-card .fin-card-body{padding:18px;gap:16px}.fin-shell .fin-job-style.fin-loan-card .fin-card-actions{gap:12px}.fin-shell .fin-job-style.fin-loan-card .fin-card-actions>a{min-height:44px}.fin-shell .fin-loan-simulator>summary{flex-wrap:wrap}.fin-shell .fin-loan-simulator>summary>span:first-child{flex-basis:100%}.fin-shell .fin-sim-summary{margin-left:0;text-align:left}.fin-shell .fin-loan-simulator>summary::after{margin-left:auto}} .fin-shell .fin-loan-simulator>summary::before{content:none;display:none} .fin-shell .fin-loan-simulator>summary:focus-visible{outline:3px solid #bca2fa;outline-offset:-3px} .fin-shell .fin-loan-simulator[open]>summary{margin-bottom:8px} /* Finance v160: progressive feed and consistent return navigation. */ .fin-back-row{margin:0 0 1rem}.fin-back-row .fin-secondary{gap:.5rem} .fin-card-share{display:flex;justify-content:flex-end;padding:.65rem 1.25rem 1rem}.fin-card-share button{min-height:44px} .fin-feed-skeleton{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin:1rem 0} .fin-feed-skeleton[hidden]{display:none!important} .fin-feed-skeleton>div{height:360px;border-radius:24px;background:linear-gradient(100deg,#f1eef9 20%,#faf9ff 40%,#f1eef9 60%);background-size:200% 100%;animation:fin-feed-shimmer 1.4s linear infinite} @keyframes fin-feed-shimmer{to{background-position:-200% 0}} @media(max-width:900px){.fin-feed-skeleton{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:600px){.fin-feed-skeleton{grid-template-columns:1fr}.fin-feed-skeleton>div:not(:first-child){display:none}.fin-card-share{padding:0 1rem .75rem}} @media(prefers-reduced-motion:reduce){.fin-feed-skeleton>div{animation:none}} /* v161: concise browse cards; detailed facts and simulator live in Open. */ .fin-shell .fin-compact-offer .fin-card-body{gap:10px;padding:16px} .fin-shell .fin-compact-offer .fin-card-share{padding:0;justify-content:flex-end} .fin-shell .fin-compact-offer .fin-card-share button{padding:4px 8px;min-height:36px} .fin-shell .fin-offer-details .fin-loan-simulator{width:100%;max-width:none;box-sizing:border-box} .fin-shell .fin-offer-details .fin-sim-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(180px,.8fr);gap:14px 24px;padding:4px 20px 18px;align-items:start} .fin-shell .fin-offer-details .fin-sim-control label{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px} .fin-shell .fin-offer-details .fin-sim-control input[type=number]{width:45%;min-width:92px;max-width:180px;flex-shrink:0} .fin-shell .fin-offer-details .fin-sim-result{padding:14px;gap:4px;align-self:stretch;align-content:center} .fin-shell .fin-offer-details .fin-sim-error,.fin-shell .fin-offer-details .fin-sim-note{grid-column:1/-1} .fin-shell .fin-offer-details .fin-sim-note{font-size:12px;line-height:1.5} .fin-shell .fin-offer-details .fin-loan-simulator[open] .fin-sim-summary{display:none} .fin-shell .fin-offer-details .fin-loan-simulator>summary{padding:14px 20px;flex-wrap:nowrap} .fin-shell .fin-offer-details .fin-loan-simulator>summary>span:first-child{flex-basis:auto} .fin-shell .fin-offer-details .fin-loan-simulator>summary::after{margin-left:auto} @media(max-width:1000px){.fin-shell .fin-offer-details .fin-sim-body{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px}.fin-shell .fin-offer-details .fin-sim-result{grid-column:1/-1;grid-template-columns:1fr auto;align-items:center}.fin-shell .fin-offer-details .fin-sim-result>small{grid-column:1/-1}} @media(max-width:600px){.fin-shell .fin-offer-details .fin-sim-body{grid-template-columns:1fr;padding:0 14px 14px;gap:14px}.fin-shell .fin-offer-details .fin-loan-simulator>summary{padding:14px}.fin-shell .fin-offer-details .fin-sim-control input[type=number]{width:42%;max-width:160px}.fin-shell .fin-offer-details .fin-sim-result>strong{font-size:22px}.fin-shell .fin-compact-offer .fin-card-body{padding:16px;gap:10px}} .fin-shell .fin-offer-details .fin-extra-terms{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));margin-top:-8px} /* v162: offer type strip follows the lavender Finance palette. */ .fin-shell .fin-product-strip,.fin-shell .fin-details-heading .fin-tag{background:#f0e9ff;color:#392065} /* Native fragment fallback lands below the fixed navigation bar. */ .fin-shell [data-fin-offer-id]{scroll-margin-top:88px} .fin-shell .fin-job-style .fin-product-strip{background:#f0e9ff;color:#392065} .fin-editor-preview .fin-card-share{min-height:36px;align-items:center} .fin-editor-preview [data-fin-preview="Description"][hidden]{display:none!important} /* v168: center the preview trash glyph independently of text-button padding. */ .fin-shell .fin-editor-preview .fin-card-footer .fin-delete{display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;min-width:40px;min-height:40px;box-sizing:border-box;padding:0;gap:0;border-radius:50%;line-height:1} .fin-shell .fin-editor-preview .fin-card-footer .fin-delete i{display:flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:18px;line-height:1;margin:0;padding:0} .fin-shell .fin-editor-preview .fin-card-footer .fin-delete i::before{display:block;line-height:1;vertical-align:0} /* Finance incremental lists: fixed placeholders reserve space while fetching. */ .fin-list-skeleton{display:grid;gap:12px;margin:16px 0}.fin-list-skeleton[hidden]{display:none}.fin-list-skeleton>div{height:90px;border-radius:20px;background:linear-gradient(100deg,#f5f1ff 30%,#ebe2ff 50%,#f5f1ff 70%);background-size:200% 100%;animation:fin-list-shimmer 1.4s linear infinite} [data-fin-list-next]{display:inline-flex;margin:16px 0;padding:12px 20px;border-radius:24px;border:1px solid #e2d8ff;color:#6739e9} @keyframes fin-list-shimmer{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.fin-list-skeleton>div{animation:none}} [data-fin-offer-picker]{position:relative}.fin-offer-picker-panel{position:absolute;z-index:20;top:100%;left:0;right:0;max-height:340px;overflow:auto;padding:12px;background:white;border:1px solid #e2d8ff;border-radius:20px;box-shadow:0 16px 36px #23105522}.fin-offer-picker-panel[hidden]{display:none}.fin-picker-option{display:block;width:100%;text-align:left;padding:12px;border:0;border-radius:12px;background:white;color:#20134e}.fin-picker-option:hover,.fin-picker-option:focus{background:#f1eaff}.fin-offer-picker-panel[aria-busy=true]{background:linear-gradient(120deg,#fff,#f2eaff,#fff)} /* With JavaScript/IntersectionObserver, batches load on scroll; links are error retries only. */ [data-fin-auto="true"]:not([data-fin-retry="true"]) > [data-fin-list-next], #finLiveResults[data-fin-auto="true"]:not([data-fin-retry="true"]) .fin-pagination, .fin-offer-picker-panel[data-fin-auto="true"]:not([data-fin-retry="true"]) .fin-picker-more{display:none} /* Finance Insights: solid-colour columns, with the brand's azure accent. */ .fin-statistics{margin:28px 0;padding:24px;border-radius:28px;background:#171c35;color:#fff;box-shadow:0 16px 40px #15143516;overflow:visible} .fin-statistics-heading{display:flex;justify-content:space-between;align-items:start;gap:24px}.fin-statistics-heading h2{color:#fff;margin:8px 0}.fin-statistics-heading p{color:#c3c8da;margin:0}.fin-statistics-eyebrow{color:#43ddf5;font-size:12px;font-weight:800;letter-spacing:.12em} .fin-statistics-heading label{display:grid;gap:8px;width:340px;max-width:100%;min-width:0;color:#e2e4f0}.fin-statistics-heading select{color:#241447;background:#f6f2ff} .fin-statistics-total{color:#c3c8da;margin:16px 0 4px}.fin-statistics-total strong{font-size:28px;color:#fff;margin-right:8px} .fin-statistics-chart{height:190px;width:100%}.fin-statistics-chart svg{display:block;width:100%;height:190px;overflow:visible}.fin-statistics-chart rect{outline-offset:4px;cursor:pointer}.fin-statistics-chart rect:focus{outline:2px solid white} .fin-statistics [role=status]{color:#d0d5e4;font-size:13px;min-height:20px;margin:12px 0}.fin-statistics-legend{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;padding:0;list-style:none;margin:14px 0}.fin-statistics-legend li{display:flex;gap:9px;min-width:0}.fin-statistics-legend strong,.fin-statistics-legend small{display:block;overflow-wrap:anywhere}.fin-statistics-legend strong{color:white;font-size:14px}.fin-statistics-legend small{color:#c3c8da;font-size:12px;margin-top:5px}.fin-statistics-dot{flex:0 0 25px;height:25px;border-radius:8px;display:grid;place-items:center;font-weight:800;color:#11152e;font-size:12px}.fin-statistics-note{color:#b8c1d6;font-size:12px;line-height:1.6;margin:0}.fin-statistics-retry{border:1px solid #43ddf5;background:transparent;color:#43ddf5;border-radius:20px;padding:6px 14px} .fin-statistics-skeleton{height:100%;display:flex;align-items:end;justify-content:space-around;padding:28px 40px 35px;gap:20px}.fin-statistics-skeleton i{width:16%;height:75%;border-radius:8px;background:#343c5c;animation:fin-stat-pulse 1.2s ease-in-out infinite alternate}.fin-statistics-skeleton i:nth-child(2){height:63%}.fin-statistics-skeleton i:nth-child(3){height:52%}.fin-statistics-skeleton i:nth-child(4){height:42%}.fin-statistics-skeleton i:nth-child(5){height:30%}@keyframes fin-stat-pulse{to{opacity:.4}} @media(max-width:700px){.fin-statistics{padding:20px 14px}.fin-statistics-heading{display:grid;gap:18px}.fin-statistics-heading label{width:100%;min-width:0}.fin-statistics-legend{grid-template-columns:1fr}.fin-statistics-legend li{align-items:center}.fin-statistics-total{font-size:13px}} @media(prefers-reduced-motion:reduce){.fin-statistics-skeleton i{animation:none}} .fin-statistics-heading>div{min-width:0}.fin-statistics-heading label{flex:0 0 340px} .fin-statistics .jd-selectbox{width:100%;min-width:0}.fin-statistics .jd-selectbox-list{min-width:100%;max-width:calc(100vw - 44px);z-index:40} .fin-statistics .jd-selectbox-item{gap:8px;padding:12px 14px;white-space:nowrap}.fin-statistics .jd-option-text,.fin-statistics .jd-label{white-space:nowrap;overflow:visible;text-overflow:clip;min-width:0;font-size:14px} .fin-statistics .jd-check,.fin-statistics .jd-chev{flex-shrink:0}.fin-statistics .jd-selectbox-btn{padding:12px 14px} @media(max-width:700px){.fin-statistics-heading label{flex:auto}.fin-statistics .jd-option-text,.fin-statistics .jd-label{font-size:13px}.fin-statistics .jd-selectbox-item{padding:10px;gap:4px}} .fin-shell [data-fin-last-download]{color:#49318b;font-weight:700;font-size:14px;margin-top:8px} /* Keep publication beside Edit, using the same quiet treatment as Copy link. */ .fin-shell .fin-card-actions .fin-publication-action{display:inline-flex;align-items:center;flex:0 0 auto;margin:0;padding:0} .fin-shell .fin-statistics[hidden]{display:none!important} /* Market selection: pale azure for the current market, white otherwise. */ .fin-shell .fin-market-tabs a{background:#fff;color:#17172a;border-color:#e4e4ef;box-shadow:0 6px 18px rgba(23,23,42,.05);outline:none} .fin-shell .fin-market-tabs a:hover{background:#f7fcff;color:#17172a;border-color:#e4e4ef;box-shadow:0 6px 18px rgba(23,23,42,.05)} .fin-shell .fin-market-tabs a[aria-current="page"],.fin-shell .fin-market-tabs a[aria-current="page"]:hover,.fin-shell .fin-market-tabs a[aria-current="page"]:focus-visible{background:#151c57;color:#fff;border-color:transparent;outline:none;box-shadow:0 6px 18px rgba(23,23,42,.05)} .fin-shell .fin-market-tabs a:focus-visible{outline:2px solid #5a6490;outline-offset:3px} .fin-shell .fin-market-tabs a[aria-current="page"]:focus-visible{outline:2px solid #5a6490;outline-offset:3px} /* Institution rename uses the same quiet typography as Copy link. */ .fin-shell a.fin-institution-name-link{display:inline-flex;align-items:center;font-size:12px;font-weight:400;line-height:normal;color:#7852ba;padding:6px 8px;min-height:44px;background:transparent;border:0;box-shadow:none;text-decoration:none} .fin-shell a.fin-institution-name-link:hover{color:#6335eb;text-decoration:underline} /* Bounded, uncropped detail photos on credit and NPL pages, including mobile. */ .fin-shell .fin-details-cover{display:block;width:auto;height:auto;max-width:100%;max-height:min(460px,60vh);object-fit:contain;margin:0 auto 24px;background:transparent;border-radius:22px} /* v201: room for text at desktop and narrow widths, without changing icon controls. */ .fin-shell :is(.fin-primary,.fin-secondary,.fin-nav a){max-width:100%;box-sizing:border-box;white-space:normal;overflow-wrap:anywhere;text-align:center;height:auto;line-height:1.45} .fin-shell :is(.fin-panel,.fin-card-body,.fin-heading-row,.fin-request-row)>*{min-width:0} .fin-shell :is(.fin-panel p,.fin-panel h2,.fin-help,.fin-request-row){overflow-wrap:anywhere} .fin-shell form[data-fin-audit-download]+.fin-help{margin-top:20px} .fin-shell .fin-job-style .fin-card-body{padding:18px;gap:14px} .fin-shell .fin-job-style .fin-card-actions{gap:12px} .fin-shell .fin-job-style .fin-card-actions :is(.fin-primary,.fin-secondary){min-height:44px;padding:11px 16px;line-height:1.45} .fin-shell .fin-product-strip{flex-wrap:wrap;row-gap:6px;line-height:1.45} .fin-shell .fin-statistics :is(.jd-selectbox-item,.jd-option-text,.jd-label){white-space:normal;overflow-wrap:anywhere;line-height:1.45} @media(max-width:550px){.fin-shell .fin-nav{gap:10px}.fin-shell .fin-nav a{padding:12px 16px}.fin-shell .fin-terms{grid-template-columns:minmax(0,1fr)}.fin-shell .fin-panel{padding:20px}.fin-shell .fin-heading-row{gap:16px}} /* v202: reference inputs are hidden in direct Factor/Offset mode. */ .fin-shell #fin-pd-reference-fields[hidden]{display:none} .fin-shell [data-pd-setting][readonly]{background:#f7f4ff;color:#504565} /* v203: section rhythm, action clearance and room for multiline content. */ .fin-shell .fin-form .fin-eligibility{display:flex;flex-direction:column;gap:22px;min-width:0} .fin-shell .fin-form .fin-eligibility>h2,.fin-shell .fin-form .fin-eligibility>.fin-help{margin:0} .fin-shell .fin-eligibility>.fin-fields{gap:22px;grid-template-columns:repeat(2,minmax(0,1fr))} .fin-shell .fin-editor-actions,.fin-shell .fin-admin-card-actions{gap:14px 18px;padding-block:10px} .fin-shell .fin-editor-actions :is(.fin-primary,.fin-secondary,.fin-copy-link){min-height:46px;padding:12px 20px;line-height:1.5;white-space:normal;max-width:100%;box-sizing:border-box} .fin-shell .fin-editor-actions+.fin-help,.fin-shell .fin-editor-actions+p{margin-top:18px} .fin-shell .fin-help+.fin-editor-actions{margin-top:12px} .fin-shell .fin-form .fin-help{line-height:1.65} .fin-shell .fin-form label:not(.fin-check){line-height:1.5;gap:10px} .fin-shell .jd-selectbox-btn .jd-label,.fin-shell .jd-selectbox-item .jd-option-text{min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.5} .fin-shell .jd-selectbox-btn .jd-chev,.fin-shell .jd-selectbox-item .jd-check{flex-shrink:0} #fin-scorecard-builder{gap:26px} #fin-scorecard-builder .fin-eligibility{padding:26px;gap:22px} #fin-scorecard-builder .fin-eligibility>.fin-editor-actions{margin:0;padding-block:8px} #fin-scorecard-builder .fin-eligibility>.fin-help{margin:0} #fin-scorecard-builder label{line-height:1.5;gap:10px} #fin-scorecard-builder textarea{font-size:14px;font-weight:400;line-height:1.6;min-height:100px;padding:14px 16px;resize:vertical} #fin-scorecard-builder .fin-score-variable{padding:20px} #fin-scorecard-builder .fin-score-variable-head{margin-bottom:18px;gap:16px;flex-wrap:wrap} #fin-scorecard-builder .fin-score-variable-fields{gap:20px} #fin-score-variables{gap:24px} #fin-scorecard-builder .fin-score-options{gap:18px;margin:22px 0 18px} #fin-scorecard-builder .fin-score-option{gap:14px} #fin-scorecard-builder .fin-score-variable-actions{gap:10px} #fin-scorecard-builder .fin-score-add-answer{padding:12px 18px;min-height:44px;line-height:1.5} #fin-scorecard-builder .fin-score-footer{gap:14px;padding-top:24px} #fin-scorecard-builder .fin-score-footer>button,#fin-scorecard-builder .fin-score-footer>a{padding:12px 20px;min-height:48px;line-height:1.5} #fin-scorecard-builder .fin-score-guide summary{padding:10px 0;line-height:1.5} #fin-scorecard-builder .fin-score-guide p{margin-top:14px} @media(max-width:700px){ .fin-shell .fin-eligibility>.fin-fields{grid-template-columns:minmax(0,1fr);gap:20px} .fin-shell .fin-form .fin-eligibility{padding:20px;gap:20px} #fin-scorecard-builder{padding:18px;gap:24px} #fin-scorecard-builder .fin-eligibility{padding:18px;gap:22px} #fin-scorecard-builder .fin-score-variable{padding:16px} #fin-scorecard-builder .fin-score-variable-fields{gap:20px} #fin-scorecard-builder .fin-score-option:not(.fin-score-option-numeric){grid-template-columns:minmax(0,1fr) 44px;gap:12px} #fin-scorecard-builder .fin-score-option:not(.fin-score-option-numeric)>.fin-score-attribute{grid-column:1/-1} #fin-scorecard-builder .fin-score-option-numeric{gap:12px;padding:14px} #fin-scorecard-builder .fin-score-settings{gap:16px;padding:16px} #fin-scorecard-builder .fin-score-footer{grid-template-columns:minmax(0,1fr);gap:14px} #fin-scorecard-builder textarea{font-size:16px} } /* v204: manual PD beside points, with space for complete labels. */ #fin-scorecard-builder .fin-score-option{grid-template-columns:minmax(0,1fr) 100px 145px 40px;gap:16px} #fin-scorecard-builder .fin-score-option-numeric{grid-template-columns:minmax(120px,1.5fr) repeat(2,minmax(85px,1fr)) 90px 130px 40px} @media(max-width:1100px){ #fin-scorecard-builder .fin-score-option-numeric{grid-template-columns:repeat(2,minmax(0,1fr)) 44px} #fin-scorecard-builder .fin-score-option-numeric>.fin-score-attribute{grid-column:1/-1} #fin-scorecard-builder .fin-score-option-numeric>label:nth-child(2){grid-column:1} #fin-scorecard-builder .fin-score-option-numeric>label:nth-child(3){grid-column:2/4} #fin-scorecard-builder .fin-score-option-numeric>label:nth-child(4){grid-column:1} #fin-scorecard-builder .fin-score-option-numeric>label:nth-child(5){grid-column:2} } @media(max-width:700px){ #fin-scorecard-builder .fin-score-option:not(.fin-score-option-numeric){grid-template-columns:repeat(2,minmax(0,1fr)) 44px;gap:12px} #fin-scorecard-builder .fin-score-option:not(.fin-score-option-numeric)>.fin-score-attribute{grid-column:1/-1} } @media(max-width:420px){ #fin-scorecard-builder .fin-score-option,#fin-scorecard-builder .fin-score-option:not(.fin-score-option-numeric){grid-template-columns:minmax(0,1fr) 44px} #fin-scorecard-builder .fin-score-option>label,#fin-scorecard-builder .fin-score-option-numeric>label:nth-child(n){grid-column:1/-1} #fin-scorecard-builder .fin-score-option>.fin-score-remove{grid-column:2} } /* v205: readable methodology on editor, details and history. */ .fin-shell .fin-pd-methodology{display:flex;flex-direction:column;gap:22px;margin-block:28px;padding:26px;border:1px solid #e4dcff;border-radius:24px;min-width:0;} .fin-shell .fin-pd-methodology>h2,.fin-shell .fin-pd-methodology>p,.fin-shell .fin-pd-methodology>dl{margin:0;} .fin-pd-methodology p,.fin-pd-methodology dd{overflow-wrap:anywhere;line-height:1.6;} .fin-pd-methodology-note{white-space:pre-wrap;} @media(max-width:700px){.fin-shell .fin-pd-methodology{padding:18px;gap:20px;}.fin-pd-methodology .npl-metrics{grid-template-columns:minmax(0,1fr);}} /* v211: contain the page, not its dropdowns or vertical scroll. */ html.jd-finance-page{overflow-x:clip;} html.jd-finance-page body{overflow-x:clip;} @supports not (overflow:clip){html.jd-finance-page,html.jd-finance-page body{overflow-x:hidden;}} .fin-shell{min-width:0;box-sizing:border-box;} .fin-shell :is(.fin-hero>div,.fin-filters>label,.fin-gallery-carousel,.fin-context-copy){min-width:0;max-width:100%;} .fin-shell :is(.fin-hero p,.fin-context-sub,.jd-banner-rotation-note,.jd-time-zone-note){overflow-wrap:anywhere;} .fin-shell .fin-filters .fin-search-field{flex:1 1 100%;} .fin-shell .jd-search-wrap{box-sizing:border-box;} @media(max-width:700px){ .fin-shell .fin-filters{display:grid;grid-template-columns:minmax(0,1fr);} .fin-shell .fin-filters>label{width:100%;min-width:0;} .fin-shell .fin-filters .jd-selectbox{width:100%;max-width:100%;} .fin-shell .fin-hero>div:first-child{flex:1 1 0;} .fin-shell .fin-context-sub{white-space:normal;} } /* Finance destination menus: same desktop/mobile interaction as Gallery. */ .fin-shell .fin-icon-nav {display:flex;flex-wrap:wrap;gap:16px;overflow:visible;margin-bottom:12px} .fin-shell .fin-icon-nav>a {position:relative;display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;min-height:64px;flex:0 0 64px;padding:0;border-radius:50%;color:#130b46;background:linear-gradient(180deg,#fff,#f6f3ff);text-decoration:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none} .fin-icon-nav>a>svg{width:26px;height:26px;flex-shrink:0;pointer-events:none} .fin-shell .fin-icon-nav .fin-nav-label{display:none} .fin-icon-nav>a::after{content:attr(data-tooltip);position:absolute;z-index:30;left:50%;top:calc(100% + 10px);transform:translateX(-50%);padding:7px 12px;border-radius:999px;background:#251c55;color:#fff;font-size:13px;font-weight:750;line-height:1.4;white-space:nowrap;opacity:0;pointer-events:none} @media(hover:hover){.fin-icon-nav>a:hover::after{opacity:1}} .fin-icon-nav>a:focus-visible::after{opacity:1} .fin-icon-nav.jd-order-active>a::after{display:none} .fin-order-help{margin:12px 0 28px;color:#77728f;font-size:14px;line-height:1.5} .fin-icon-nav .jd-order-moving{opacity:.35} @media(max-width:767.98px){ .fin-shell .fin-icon-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .fin-shell .fin-icon-nav>a{width:100%;height:auto;min-height:84px;flex-direction:column;gap:8px;padding:14px 10px;border-radius:24px;min-width:0;box-sizing:border-box} .fin-shell .fin-icon-nav .fin-nav-label{display:block;text-align:center;font-size:14px;font-weight:750;line-height:1.4;overflow-wrap:anywhere} .fin-icon-nav>a::after{display:none} .fin-order-help{text-align:center} } .fin-icon-nav>a>i{font-size:26px;line-height:1;pointer-events:none} .fin-icon-nav .fin-nav-count,.fin-icon-nav .fin-pending-count{position:absolute;right:-4px;top:-5px;min-width:22px;padding:2px 6px;border-radius:99px;font-size:12px;line-height:18px;background:#6a35ff;color:#fff;text-align:center} .fin-icon-nav>a:first-child::after{left:0;transform:none} .fin-icon-nav>a.jd-order-ghost::after{display:none} /* Keep statistics controls as legible as the navigation reorder hint. */ .fin-shell button[data-fin-statistics-toggle]{display:block;width:fit-content;max-width:100%;margin-left:auto;margin-right:0;font-size:14px;line-height:1.5;font-weight:700;text-align:right} .fin-shell .jd-time-zone-note [data-device-zone]{font-weight:700;color:#7544ff} /* Compact the two navigation hints on Credit and NPL pages. */ .fin-shell :is(#fin-order-help-credit,#fin-order-help-npl){margin-bottom:8px} .fin-shell .jd-time-zone-note{margin-top:8px} /* Shared Dashboard text/ink editor in Credit and NPL forms. */ .fin-shell .fin-rich-field{min-width:0;max-width:100%;margin-block:12px 20px} .fin-shell .fin-rich-field>.jd-card-editor{width:100%;min-width:0;box-sizing:border-box;font-weight:400} .fin-shell .fin-form .jd-card-editor label:not(.fin-check){display:flex;flex-direction:row;align-items:center;gap:8px;font-size:12px;font-weight:500;line-height:1.5;margin:0} .fin-shell .jd-card-editor input[type=color]{min-height:0;min-width:0;box-shadow:none} .fin-shell .jd-card-editor input[type=range]{min-height:0;border:0;background:transparent} .fin-shell .fin-full-description{margin-block:16px;overflow-wrap:anywhere;max-width:100%;min-width:0} /* v226: align credit fields without stretching labels with shorter help text. */ .fin-shell .fin-credit-form .fin-fields>label:not(.fin-check){align-content:start;grid-template-rows:auto auto auto auto} .fin-credit-form .fin-fields .fin-field-title{min-height:3em;align-self:end} .fin-shell .fin-credit-form .fin-fields>label>input, .fin-shell .fin-credit-form .fin-fields>label>select, .fin-shell .fin-credit-form .fin-fields>label>.jd-selectbox .jd-selectbox-btn{box-sizing:border-box;min-height:60px;margin:0} @supports(grid-template-rows:subgrid){ .fin-shell .fin-credit-form .fin-fields>label:not(.fin-check){grid-row:span 4;grid-template-rows:subgrid;row-gap:10px} .fin-credit-form .fin-fields .fin-field-title{min-height:0;grid-row:1} .fin-credit-form .fin-fields>label>:is(input,select,.jd-selectbox){grid-row:2;align-self:start} .fin-credit-form .fin-fields>label>.fin-help{grid-row:3} .fin-credit-form .fin-fields>label>[data-valmsg-for]{grid-row:4} } @media(max-width:700px){ .fin-shell .fin-credit-form .fin-fields>label:not(.fin-check){grid-row:auto;grid-template-rows:auto;row-gap:10px} .fin-credit-form .fin-fields .fin-field-title{min-height:0} } .fin-shell .fin-sim-manual-dae{grid-column:1/-1;display:grid;gap:8px;padding:14px;border-radius:14px;background:#f6f2fc} .fin-shell .fin-sim-manual-dae label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:700;flex-wrap:wrap} .fin-shell .fin-sim-manual-dae input{width:160px;max-width:100%;min-height:44px} .fin-shell .fin-sim-manual-dae small{color:#797080;line-height:1.5} .fin-shell .fin-job-style.fin-compact-offer .fin-card-body{padding:16px;gap:10px} .fin-shell .fin-job-style.fin-compact-offer .fin-card-actions{gap:8px} .fin-shell .fin-job-style.fin-compact-offer .fin-card-actions :is(.fin-primary,.fin-secondary){padding:9px 13px;min-height:44px} .fin-shell .fin-publication-action>.fin-copy-link{display:inline-flex;align-items:center;justify-content:center;gap:8px} /* v230: keep error scrolling inside the rounded panel, below its close button. */ .fin-validation-card{display:flex;flex-direction:column;overflow:hidden;max-height:min(80dvh,640px)} .fin-validation-head,.fin-validation-actions{flex:0 0 auto} .fin-validation-list{flex:0 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;padding:2px 10px 2px 2px;scrollbar-width:thin;scrollbar-color:#b8a2ff transparent} .fin-validation-list::-webkit-scrollbar{width:8px} .fin-validation-list::-webkit-scrollbar-track{background:transparent;margin-block:8px} .fin-validation-list::-webkit-scrollbar-thumb{background:#b8a2ff;border-radius:999px;border:2px solid #fffafa} .fin-validation-list::-webkit-scrollbar-thumb:hover{background:#926aff} .fin-validation-list::-webkit-scrollbar-button{display:none;width:0;height:0} .fin-validation-list:focus-visible{outline:2px solid #b8a2ff;outline-offset:2px;border-radius:12px} /* v231: visible parent selection throughout Credit navigation. */ .fin-shell .fin-context .fin-context-card.is-selected{border-color:#151c57;box-shadow:inset 0 0 0 1px #151c57,0 8px 22px rgba(21,28,87,.08)} .fin-shell .fin-context .fin-context-card.is-selected .fin-context-title{color:#151c57} /* Inline institution rename keeps the publishing form mounted. */ .fin-name-dialog{width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 40px);box-sizing:border-box;overflow:auto;border:1px solid #e6dfff;border-radius:24px;padding:24px;color:#191445;background:#fff;box-shadow:0 20px 60px #19144533;scrollbar-color:#bda6ff transparent;scrollbar-width:thin} .fin-name-dialog::backdrop{background:#19144555;backdrop-filter:blur(5px)} .fin-name-dialog h2{font-size:22px;margin:0 0 12px}.fin-name-dialog p{line-height:1.5}.fin-name-dialog label{display:grid;gap:8px;font-weight:700}.fin-name-dialog input{box-sizing:border-box;width:100%;padding:14px;border:1px solid #dcd4ef;border-radius:16px;font:inherit}.fin-name-dialog [role=alert]{color:#b42335}.fin-name-dialog-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:20px}.fin-name-dialog button{padding:12px 20px;border-radius:999px;border:1px solid #e6dfff;background:#fff;color:#191445;font:inherit;font-weight:700}.fin-name-dialog button[type=submit]{background:#772043;color:#fff}.fin-name-dialog button:disabled{opacity:.55;cursor:wait} /* v243: predictable wall cards and two-line styled titles. */ .fin-shell .fin-grid{align-items:stretch;grid-auto-rows:1fr} .fin-shell .fin-grid>.fin-card{height:100%;min-width:0;box-sizing:border-box} .fin-shell .fin-grid .fin-card-body{flex:1;min-width:0} .fin-shell .fin-card-body .fin-wall-title,.fin-shell .fin-editor-preview .fin-wall-title{height:2.6em;min-height:2.6em;max-height:2.6em;line-height:1.3;overflow:hidden;flex-shrink:0} .fin-wall-title .fin-title-link{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;line-height:inherit} .fin-styled-title [data-jd-anchored-ink]{font:inherit!important;max-width:100%} .fin-styled-title{overflow-wrap:anywhere;min-width:0} .fin-shell .fin-grid .fin-description{height:2.9em;min-height:2.9em;flex-shrink:0} .fin-shell .fin-grid .fin-card-footer{margin-top:auto} .fin-title-editor .jd-card-editor:not(.is-drawing-workspace) .jd-card-editor-scroll{min-height:90px;max-height:180px} .fin-title-editor .jd-card-editor:not(.is-drawing-workspace) .jd-card-editor-stage,.fin-title-editor .jd-card-editor:not(.is-drawing-workspace) .jd-card-editor-text{min-height:60px} /* Open headings use the full available width; wall titles remain two lines. */ .fin-details-heading>div{flex:1 1 100%;width:100%;min-width:0} .fin-shell h1.fin-styled-title{height:auto;max-height:none;overflow:visible;white-space:normal} /* History status and actions remain distinct at every viewport width. */ .fin-history-row{gap:20px;align-items:center} .fin-history-info{flex:1 1 240px;min-width:0} .fin-history-title{display:block;overflow-wrap:anywhere} .fin-history-info p{margin:5px 0 10px} .fin-history-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px} .fin-history-status{display:inline-flex;padding:5px 10px;border-radius:999px;background:#f0edf7;color:#57516b;font-size:12px;font-weight:650} .fin-history-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px} .fin-history-actions form{margin:0} .fin-shell .fin-history-delete{display:inline-flex;align-items:center;gap:8px;color:#ae254a;background:#fff5f7;border:1px solid #f0cad5;border-radius:999px;min-height:44px} .fin-shell .fin-history-delete:hover{background:#ffe8ef;border-color:#ae254a} @media(max-width:700px){.fin-history-row{align-items:stretch;gap:14px}.fin-history-info{flex-basis:auto}.fin-history-actions{display:grid;grid-template-columns:1fr;width:100%}.fin-history-actions a,.fin-history-actions button{width:100%;box-sizing:border-box}.fin-history-actions a{text-align:center}} .fin-shell .fin-history-delete{width:44px;height:44px;padding:0;border-radius:50%;flex:0 0 44px;color:#c51e49} @media(max-width:700px){.fin-shell .fin-history-actions{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;width:100%}.fin-shell .fin-history-actions form{justify-self:center;display:flex;justify-content:center;width:auto;margin:0 auto}.fin-shell .fin-history-actions .fin-history-delete{width:44px;justify-content:center}} .fin-collection-header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:20px}.fin-collection-header .fin-help{margin:0;text-align:right}@media(max-width:575px){.fin-collection-header{flex-direction:column;align-items:stretch;gap:16px}.fin-collection-header .fin-help{text-align:center}.fin-collection-header .fin-primary{text-align:center}} /* The landing-page bank drawing accompanies the language switch on mobile. */ .fin-mobile-bank-mark { display: none; } @media (max-width: 700px) { .fin-shell .fin-language-row { align-items: center; gap: 16px; } .fin-shell .fin-mobile-bank-mark { display: flex; align-items: center; justify-content: center; flex: 0 0 88px; width: 88px; height: 88px; margin-right: auto; color: #d30b8d; font-size: 88px; line-height: 1; } .fin-mobile-bank-mark .jd-bank-icon { display: flex; } .fin-mobile-bank-mark .jd-bank-drawing { vertical-align: initial; } } .fin-request-history summary{cursor:pointer;padding:16px 0;color:#703cff;font-weight:600} /* Separate action groups from explanatory content throughout Finance. */ .fin-shell :is(.fin-match-actions,.fin-editor-actions,.fin-action-space)+:is(p,h2,h3,.fin-help), .fin-shell form:has(>button)+:is(p,h2,h3,.fin-help){margin-top:24px!important} .fin-shell :is(.fin-primary,.fin-secondary)+:is(p,h2,h3){margin-top:24px!important} #match-form,#match-results,#saved-simulations,#application-form,#request-details{scroll-margin-top:110px} html:has(.fin-shell){scroll-behavior:auto!important} /* Sent application state stays distinct from actions and wraps on mobile. */ .fin-card-actions:has(.fin-applied-badge){display:flex;flex-wrap:wrap;align-items:center;gap:16px} .fin-applied-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;background:rgba(106,64,220,.09);border:1px solid rgba(106,64,220,.16);color:#53328b;font-size:.88rem;font-weight:700;line-height:1.4} /* Finance navigation is immediate, including native fragment jumps. */ html.jd-finance-page,html.jd-finance-page body{scroll-behavior:auto!important} .fin-shell [id]{scroll-margin-top:110px} /* Shared discovery actions: aligned controls with room around labels. */ .fin-shell .fin-discovery-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:24px} .fin-shell .fin-discovery-actions>a{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 24px;line-height:1.4;white-space:normal;text-align:center} @media(max-width:600px){.fin-shell .fin-discovery-actions>a{flex:1 1 100%}} /* v294: application and institution workspace spacing. */ .fin-shell .fin-dossier-page{background:linear-gradient(115deg,#f1ecff 0%,#edf5fc 100%);padding:clamp(22px,3vw,36px)} .fin-shell .fin-dossier-page .fin-dossier-heading{font-size:clamp(1.5rem,3vw,2rem);line-height:1.25;margin:0 0 24px} .fin-shell .fin-dossier-page>.fin-card-actions{margin-block:28px 32px} .fin-shell .fin-dossier-page>.fin-form{margin-top:36px;margin-bottom:32px;gap:24px} .fin-shell .fin-dossier-page>p{margin-block:20px;overflow-wrap:anywhere} .fin-shell .fin-dossier-answers{margin:32px 0;display:grid;gap:12px} .fin-shell .fin-dossier-answers dt:not(:first-child){margin-top:16px} .fin-shell .fin-dossier-answers dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere} .fin-shell .fin-dossier-editor{margin-block:24px;background:rgba(255,255,255,.8)} .fin-shell .fin-dossier-editor>label+h2{margin-top:28px} .fin-shell .fin-dossier-editor h2{margin-bottom:20px} .fin-shell .fin-dossier-editor [data-requirement-rows]{margin-top:24px} .fin-shell .fin-requirement-row .fin-card-actions{display:flex;flex-wrap:wrap;gap:16px} .fin-shell :is(.fin-request-detail,.fin-workspace) .fin-card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-block:24px} .fin-shell .fin-request-detail>.fin-card-actions+*{margin-top:28px} .fin-shell .fin-request-row{gap:24px;padding-block:24px;margin-block:14px} .fin-shell .fin-request-row>div{display:grid;gap:12px;min-width:0} .fin-shell .fin-workspace .fin-filters{gap:20px;margin-bottom:28px} .fin-shell .fin-dossier-back{margin-top:32px} @media(max-width:650px){.fin-shell .fin-request-row{flex-wrap:wrap;gap:18px}.fin-shell .fin-dossier-page .fin-card-actions>a{max-width:100%;white-space:normal;text-align:center}} .fin-shell .fin-dossier-editor>label+h2{margin-top:28px} .fin-shell .fin-form .fin-dossier-editor>.fin-help{margin-block:14px} .fin-shell .fin-requirement-row .fin-card-actions{flex-direction:row;gap:18px;margin:8px 0;align-self:end} .fin-shell .fin-requirement-row label{gap:12px} .fin-shell .fin-dossier-page>.fin-form+.fin-dossier-back{margin-top:32px;padding-top:8px} .fin-shell .npl-bid-panel>.fin-card-actions{display:flex;flex-direction:row;flex-wrap:wrap;gap:18px;margin:0 0 28px} .fin-shell .npl-export-summary>form{margin-bottom:24px} .fin-shell .npl-export-summary>p{margin-block:18px} .fin-shell .npl-detail-actions{gap:20px;margin-block:28px} .fin-shell #npl-my-bid>form{margin-top:24px} .fin-shell :is(.fin-dossier-page,.npl-bid-panel) :is(.fin-primary,.fin-secondary){line-height:1.5} .fin-shell :is(.fin-dossier-page,.fin-request-detail,.npl-bid-panel) :is(h1,h2,h3){overflow-wrap:anywhere} .fin-shell .fin-panel>:is(.fin-card-actions,.fin-editor-actions){margin-block:24px;gap:18px} .fin-shell .fin-panel>:is(.fin-card-actions,.fin-editor-actions)+:is(p,dl,h2,h3,section,form){margin-top:28px} .fin-shell .fin-panel>:is(p,dl,h2,h3)+:is(.fin-card-actions,.fin-editor-actions){margin-top:24px} .fin-shell .fin-panel>form+.fin-card-actions{margin-top:32px} .fin-shell .fin-dossier-editor>button[data-requirement-add]{margin-top:24px} /* v295: saved supplement requests remain visible to both parties. */ .fin-shell .fin-supplement-index{margin:28px 0;padding:24px;border-radius:22px;background:linear-gradient(115deg,#f1ecff,#edf5fc);overflow-wrap:anywhere} .fin-shell .fin-supplement-index h2{font-size:1.2rem;margin:0 0 20px} .fin-shell .fin-supplement-index>a{display:block;margin-top:18px;line-height:1.6} .fin-shell .fin-supplement-card{margin-block:32px;scroll-margin-top:100px} .fin-shell .fin-supplement-card>h2{margin-bottom:20px;font-size:1.25rem} .fin-shell .fin-dossier-page>.fin-errors{margin-block:24px} .fin-shell .fin-information-pending{border:2px solid #f3bbb8;border-left:6px solid #e99191;padding:24px;border-radius:22px} .fin-shell .fin-information-badge{display:inline-block;background:transparent;color:#b01550;border:0;border-radius:0;padding:0;font-size:13px;font-weight:700;line-height:1.5} .fin-shell .fin-information-received{color:#536273;font-weight:500;line-height:1.5} .fin-shell .fin-information-complete{background:#f7f8fb;border:1px solid #e2e5ed;box-shadow:none} .fin-shell .fin-information-pending .fin-card-actions{margin-top:24px;gap:18px} .fin-shell .fin-information-link{font-weight:800;color:#492644;text-decoration:none;text-underline-offset:5px;line-height:1.5} .fin-shell .fin-information-link:hover{color:#321b49;text-decoration:underline;text-decoration-thickness:2px} .fin-shell .fin-information-link:focus-visible{outline:3px solid #6335eb;outline-offset:5px;border-radius:6px} .fin-shell .fin-information-pending h2{font-weight:800} .fin-shell .fin-information-complete .fin-information-link{color:#536273;font-weight:600} .fin-shell #requested-information{scroll-margin-top:110px} .fin-shell .fin-requested-action{display:block;margin-block:28px;padding:24px 28px;font-size:1.1rem;cursor:pointer;text-decoration:none} .fin-shell .fin-requested-action:hover{border-color:#df929b;box-shadow:0 8px 24px #b9798a20;text-decoration:underline} .fin-shell .fin-institution-download>form{margin-top:26px}.fin-shell .fin-institution-download h2{margin-bottom:20px}.fin-shell .fin-institution-download button{white-space:normal;line-height:1.5;max-width:100%} .fin-shell .fin-bank-decisions{margin-block:32px;padding:24px;border:1px solid #e4ddf6;border-radius:22px}.fin-shell .fin-bank-decisions h2{margin-bottom:18px}.fin-shell .fin-bank-decisions .fin-card-actions{flex-direction:row;flex-wrap:wrap;gap:18px;margin-top:24px}.fin-shell .fin-bank-decisions form{margin:0} /* v300: coral outline only; preserve each card’s platform background. */ .fin-shell .fin-request-row.fin-information-pending:hover{border-color:#df929b;border-left-color:#df929b} /* Text links stay clean until hovered; keyboard focus keeps its outline. */ .fin-shell .fin-supplement-index>a,.fin-shell .fin-dossier-page p>a{ text-decoration:none;text-underline-offset:4px } .fin-shell .fin-supplement-index>a:hover,.fin-shell .fin-dossier-page p>a:hover{ text-decoration:underline } .fin-publication-files{margin-block:32px}.fin-publication-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:20px}.fin-publication-file{display:flex;flex-direction:column;gap:14px;padding:22px;border:1px solid #e4dcf5;border-radius:20px;background:linear-gradient(115deg,#f5efff,#eef7ff);color:#241c55;text-decoration:none;min-width:0;overflow-wrap:anywhere}.fin-publication-file:hover strong{text-decoration:underline}.fin-publication-file img{height:160px;width:100%;object-fit:contain;border-radius:12px}.fin-publication-type{font-size:18px;font-weight:800;color:#6335eb}.fin-publication-file small{color:#6a6680}.fin-shell .npl-bid-panel .fin-card-actions{gap:20px;margin-block:24px}.fin-shell .npl-bid-panel form{margin:0}.fin-shell .fin-dossier{margin-block:28px}@media(max-width:550px){.fin-publication-grid{grid-template-columns:minmax(0,1fr)}} /* Export controls: separate explanatory copy, repeat option and download action. */ .fin-shell .fin-package-export{display:flex;flex-direction:column;align-items:flex-start;gap:24px;width:100%;margin-block:20px 28px;min-width:0} .fin-shell .fin-export-options{display:grid;gap:20px;width:100%;min-width:0} .fin-shell .fin-export-options p{margin:0;line-height:1.65} .fin-shell .fin-export-options label{display:flex;align-items:flex-start;gap:12px;line-height:1.6;margin:0} .fin-shell .fin-export-options input{flex:0 0 auto;width:20px;height:20px;margin-top:3px} .fin-shell .fin-export-options small{display:block;font-weight:400;color:#696580;margin-top:6px} .fin-shell .fin-package-export>button{padding:16px 26px;min-height:56px;max-width:100%;height:auto;white-space:normal;line-height:1.5;text-align:center} @media(max-width:550px){.fin-shell .fin-package-export>button{width:100%;padding:16px 20px}.fin-shell .fin-package-export{gap:28px}} .fin-npl-application>section,.fin-npl-application>.fin-card-actions,.fin-npl-application>.fin-loan-facts{margin-block:28px}.fin-npl-application .fin-card-actions{gap:18px}.fin-npl-application dd{overflow-wrap:anywhere} /* Application actions: intrinsic button width, generous spacing, responsive rows. */ .fin-shell .fin-my-bid .fin-card-actions, .fin-shell .fin-manage-application .fin-card-actions, .fin-shell .fin-request-detail .fin-card-actions{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:16px 20px;margin-block:24px} .fin-shell .fin-my-bid .fin-card-actions>form, .fin-shell .fin-manage-application .fin-card-actions>form{width:auto;flex:0 1 auto;margin:0;min-width:0;max-width:100%} .fin-shell .fin-manage-application .fin-card-actions>:is(a,form), .fin-shell .fin-request-detail .fin-card-actions>:is(a,form){flex-shrink:0;max-width:100%} .fin-shell :is(.fin-manage-application,.fin-request-detail) .fin-card-actions :is(.fin-primary,.fin-secondary){width:auto;max-width:100%;min-height:48px;padding:16px 26px;line-height:1.45;white-space:normal;text-align:center;box-sizing:border-box} .fin-shell .fin-manage-application .fin-card-actions+.fin-help{margin-top:28px} .fin-shell .fin-manage-application .fin-help{margin-bottom:18px} .fin-shell .fin-my-bid .fin-card-actions .fin-copy-link{width:auto;padding:10px 8px;min-height:44px;line-height:1.5;white-space:normal} .fin-shell .fin-delete-action{color:#982b50;border-color:#efbcc7} .fin-shell .fin-delete-action:hover{color:#79203e;background:#fff0f2} @media(max-width:560px){ .fin-shell .fin-manage-application{padding:20px 16px} .fin-shell :is(.fin-manage-application,.fin-request-detail) .fin-card-actions{gap:14px} .fin-shell :is(.fin-manage-application,.fin-request-detail) .fin-card-actions>:is(a,form){flex:1 1 100%;width:100%} .fin-shell :is(.fin-manage-application,.fin-request-detail) .fin-card-actions form :is(.fin-primary,.fin-secondary){width:100%} .fin-shell .fin-my-bid .fin-card-actions{gap:12px 18px} } .fin-shell .fin-my-bids-action{background:#007fff;border-color:#007fff;color:#fff;font-weight:700}.fin-shell .fin-my-bids-action:hover{background:#006bdb;border-color:#006bdb;color:#fff}