/* Tender department visual system. Scoped to native staff tender pages. */
.tender-suite {
  --td-navy:#123e56; --td-blue:#007fba; --td-ink:#173b50;
  --td-muted:#617889; --td-line:#dce7ed; --td-olive:#748719;
  color:var(--td-ink); font-family:inherit; isolation:isolate;
}
.tender-suite:is(.tender-editor,.tender-workspace){max-width:1440px;margin:0 auto;padding:28px 30px 64px;background:linear-gradient(180deg,#f4f9fc 0,#f9fbfc 480px);border-radius:24px;min-width:0}
.tender-suite.tender-editor{max-width:1260px}
.tender-suite .td-nav{display:flex;align-items:center;gap:24px;padding:0 0 23px;margin-bottom:0;border-bottom:1px solid var(--td-line);min-width:0}
.tender-suite .td-nav__brand{display:inline-flex;align-items:center;gap:9px;flex-shrink:0;color:var(--td-navy);font-size:10px;font-weight:800;letter-spacing:1.65px;text-decoration:none}
.tender-suite .td-nav__brand svg{width:34px;height:36px;padding:7px;border:1px solid #d3e4ed;background:white;border-radius:10px}
.tender-suite .td-nav__links{display:flex;gap:4px;flex-wrap:wrap;align-items:center;min-width:0}
.tender-suite .td-nav__link{padding:9px 11px;border-radius:9px;color:#557084;font-size:12px;font-weight:650;white-space:nowrap;text-decoration:none;transition:background .15s,color .15s}
.tender-suite .td-nav__link:hover{background:#e7f1f7;color:var(--td-navy)}
.tender-suite .td-nav__link.active{background:var(--td-navy);color:white;box-shadow:0 3px 8px #123e5618}
.tender-suite:is(.tender-editor,.tender-workspace)>.td-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;overflow:hidden;padding:34px 0 30px;margin:0 0 24px;border-bottom:1px solid var(--td-line)}
.tender-suite .td-hero>div:first-child{flex:1;min-width:min(100%,260px)}
.tender-suite .td-hero .eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--td-blue);font-size:10px;font-weight:850;letter-spacing:2.3px}
.tender-suite .td-hero .eyebrow:before{content:"";height:7px;width:7px;border-radius:2px;background:var(--td-olive);box-shadow:0 0 0 4px #74871910}
.tender-suite:is(.tender-editor,.tender-workspace) h1{color:var(--td-navy);font-size:clamp(27px,2.7vw,39px);font-weight:800;letter-spacing:-1.25px;line-height:1.2;margin:12px 0 10px;overflow-wrap:anywhere}
.tender-suite .td-hero p{font-size:13px;line-height:1.65;margin:0;color:var(--td-muted);max-width:620px}
.tender-suite .heading-actions{gap:9px}
.tender-suite .td-hero>a{font-size:12px;font-weight:700;display:inline-flex;align-items:center;min-height:42px;color:var(--td-blue);text-decoration:none}
.tender-suite:is(.tender-editor,.tender-workspace) :is(section,.panel){background:#fff;border:1px solid var(--td-line);border-radius:17px;padding:25px;margin-bottom:22px;box-shadow:0 3px 12px #163e5605;min-width:0}
.tender-suite:is(.tender-editor,.tender-workspace) h2{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:750;letter-spacing:-.25px;color:var(--td-navy);margin:0 0 22px;line-height:1.5}
.tender-suite:is(.tender-editor,.tender-workspace) h2:before{content:"";height:18px;width:4px;flex-shrink:0;border-radius:3px;background:linear-gradient(var(--td-blue),#58b2d1)}
.tender-suite:is(.tender-editor,.tender-workspace) h3{color:var(--td-navy);font-size:13px;font-weight:750;margin:22px 0 10px}
.tender-suite:is(.tender-editor,.tender-workspace) p{line-height:1.7}
.tender-suite:is(.tender-editor,.tender-workspace) label{font-size:12px;font-weight:650;letter-spacing:.05px;line-height:1.55;color:#365569;gap:8px}
.tender-suite:is(.tender-editor,.tender-workspace) :is(input,select,textarea){border:1px solid #d0dfe8;border-radius:9px;background:#fbfdff;color:var(--td-ink);padding:11px 13px;min-height:43px;font-size:13px;line-height:1.5;transition:border-color .15s,box-shadow .15s;max-width:100%;min-width:0;box-sizing:border-box}
.tender-suite:is(.tender-editor,.tender-workspace) :is(input,textarea)::placeholder{color:#8ca0af;font-weight:400}
.tender-suite:is(.tender-editor,.tender-workspace) :is(input,select,textarea):focus{outline:0;border-color:var(--td-blue);background:white;box-shadow:0 0 0 3px #007fba15}
.tender-suite:is(.tender-editor,.tender-workspace) textarea{min-height:98px;resize:vertical}
.tender-suite:is(.tender-editor,.tender-workspace) :is(input[type=checkbox],input[type=radio]){width:17px;height:17px;min-height:17px;flex:0 0 17px;padding:0;accent-color:var(--td-blue)}
.tender-suite:is(.tender-editor,.tender-workspace) select[multiple]{min-height:166px;padding:7px;background:#fbfdff}
.tender-suite:is(.tender-editor,.tender-workspace) select[multiple] option{padding:6px 9px;border-radius:5px;font-size:12px}
.tender-suite:is(.tender-editor,.tender-workspace) :is(button,.button){display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:41px;padding:10px 16px;border:1px solid #d2e1e9;border-radius:9px;background:white;color:var(--td-navy);font-family:inherit;font-size:12px;font-weight:700;line-height:1.5;white-space:normal;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}
.tender-suite:is(.tender-editor,.tender-workspace) :is(button,.button):hover:not(:disabled){background:#f0f7fb;border-color:#8cbbd2;box-shadow:0 2px 6px #123e5609}
.tender-suite:is(.tender-editor,.tender-workspace) :is(button,.button):focus-visible,.tender-suite a:focus-visible,.tender-suite summary:focus-visible{outline:3px solid #e7b34a;outline-offset:3px}
.tender-suite:is(.tender-editor,.tender-workspace) :is(button,.button).primary{background:var(--td-blue);border-color:var(--td-blue);color:white;box-shadow:0 4px 10px #007fba20}
.tender-suite:is(.tender-editor,.tender-workspace) :is(button,.button).primary:hover:not(:disabled){background:#006c9f;border-color:#006c9f}
.tender-suite:is(.tender-editor,.tender-workspace) button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.tender-suite .grid{gap:20px 24px}
.tender-suite .queues{display:flex;gap:6px;padding:6px;background:#f1f6f9;border:1px solid #e1eaf0;border-radius:12px;margin-bottom:24px}
.tender-suite .queues button{flex:1;border-color:transparent;background:transparent;min-height:42px;color:#617889}
.tender-suite .queues button.selected{background:white;color:var(--td-navy);border-color:#d8e5ed;box-shadow:0 2px 6px #173e5609}
.tender-suite .filter-grid{gap:16px}
.tender-suite .filter-footer{margin-top:22px;padding-top:18px}
.tender-suite .filter-footer button{background:var(--td-blue);color:white;border-color:var(--td-blue);min-width:132px}
.tender-suite .advanced-filters{gap:18px;margin-top:18px;padding:12px 14px;border-radius:9px;background:#f8fafb}
.tender-suite .result-heading{margin-bottom:18px}
.tender-suite .result-heading h2{margin:0}
.tender-suite .result-heading>span{padding:6px 11px;border:1px solid #e0eaf0;border-radius:8px;background:#f6fafd;font-weight:650;font-size:12px;color:#456c84}
.tender-suite .table-scroll{border:1px solid #e3ebf0;border-radius:11px;overflow:auto;overscroll-behavior-x:contain}
.tender-suite table{border-collapse:collapse;width:100%;font-size:12px;min-width:740px}
.tender-suite :is(td,th){padding:16px 15px;border-bottom:1px solid #edf2f5;vertical-align:top}
.tender-suite th{background:#f2f7fa;color:#658093;letter-spacing:.65px;font-size:10px;font-weight:800;text-transform:uppercase;white-space:nowrap}
.tender-suite tbody tr:nth-child(even){background:#fbfdfe}
.tender-suite tbody tr:hover{background:#f0f8fc}
.tender-suite td strong{font-size:13px;font-weight:650;line-height:1.65}
.tender-suite td>a{color:var(--td-blue);text-decoration:none}
.tender-suite td small{line-height:1.55;margin-top:7px}
.tender-suite .pill{background:#eff4df;color:#63751b;border:1px solid #e1e9c7;padding:5px 9px;border-radius:6px;font-size:10px;font-weight:700}
.tender-suite .pagination{padding-top:18px;margin-top:16px;border-top:1px solid #edf2f5}
.tender-suite .quick-links>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.tender-suite .quick-links>div>a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 15px;border:1px solid #e0e9ef;border-radius:11px;background:linear-gradient(135deg,#fff,#f6fafc);font-size:12px;font-weight:700;text-decoration:none;color:var(--td-navy);min-height:74px}
.tender-suite .quick-links>div>a:after{content:"↗";color:var(--td-blue);font-size:19px;font-weight:400}
.tender-suite .quick-links>div>a:hover{border-color:#88bad0;background:#edf7fc}
.tender-suite .fact-grid{gap:12px;padding-top:23px}
.tender-suite .fact-grid>div{padding:15px;border-radius:10px;background:#f6f9fb;border:1px solid #e8eef2}
.tender-suite .fact-grid span{font-size:10px;text-transform:uppercase;letter-spacing:.6px;font-weight:700}
.tender-suite .detail-heading h2{font-size:23px;margin-top:15px}
.tender-suite .detail-heading h2:before{display:none}
.tender-suite .source-row{padding:18px 16px!important;border:1px solid #e2ebf0!important;border-radius:11px;margin:12px 0!important;background:#fbfdfe;gap:12px!important}
.tender-suite .source-row>strong,.tender-suite .source-row>a:first-child{flex:1 1 260px;font-size:13px;line-height:1.6;color:var(--td-navy);text-decoration:none}
.tender-suite .source-row>span{font-size:12px;line-height:1.65;color:var(--td-muted)}
.tender-suite .source-row button{flex-shrink:0}
.tender-suite .linked-person,.tender-suite .note-row{border:1px solid #dfebf1!important;background:#f8fbfd!important;border-radius:11px!important;padding:18px!important}
.tender-suite .search-result{background:#f7fbfe!important;border-color:#dce9f0!important;padding:13px 15px!important}
.tender-suite .search-result:hover{background:#eaf5fb!important}
.tender-suite .selections li{padding:12px;gap:12px;background:#f7fafc;border:1px solid #e4edf2;border-radius:8px;margin:7px 0;font-size:12px}
.tender-suite summary{padding:11px 13px;border:1px solid #e1eaf0;background:#f7fafc;border-radius:8px;font-size:12px;color:#34637e;font-weight:650}
.tender-suite :is(.hint,.preview,.notice,.empty){font-size:12px;line-height:1.7}
.tender-suite .hint{color:var(--td-muted);margin-top:8px}
.tender-suite .notice{border:1px solid #cde4ef;background:#eff8fc;color:#225f7e;padding:17px 20px;border-radius:11px}
.tender-suite .preview{background:#fffaf0;border:1px solid #efdfb5;color:#7c632c;padding:17px 20px;border-radius:11px}
.tender-suite .error,.tender-suite .validation-message,.tender-suite .validation-errors{color:#a13232;background:#fff5f4;border:1px solid #f1d3cf;border-radius:9px;padding:13px 16px}
.tender-suite .empty{padding:42px 20px;border:1px dashed #cfdfe8;border-radius:11px;background:#f8fbfd}
.tender-suite.tender-editor footer{gap:12px;flex-wrap:wrap;border-top-color:#e2ebf1;padding-top:20px}
.tender-suite.tender-editor .td-save-bar{position:sticky;bottom:12px;z-index:5;border:1px solid #d3e3ec;border-radius:13px;background:#fffffff5;backdrop-filter:blur(10px);box-shadow:0 6px 24px #173e5612;padding:15px 20px;margin-top:22px}
.tender-suite .td-save-bar p{margin:0;flex:1 1 240px}
.tender-suite input[type=file]{padding:18px;min-height:66px;border-style:dashed;background:#f5fafc;margin:8px 0 16px}
.tender-suite input[type=file]::file-selector-button{padding:9px 14px;margin-right:14px;border:1px solid #c4dce8;border-radius:7px;background:white;color:var(--td-navy);font-weight:650;cursor:pointer}
.tender-suite .capture-map{border-radius:12px!important;overflow:hidden}
@media(min-width:1000px){.tender-suite.tender-editor .td-hero{padding-top:38px;padding-bottom:34px}.tender-suite.tender-editor .grid{column-gap:28px}}
@media(max-width:1050px){.tender-suite .td-nav{align-items:flex-start;gap:12px;flex-direction:column}.tender-suite .quick-links>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){
 .tender-suite:is(.tender-editor,.tender-workspace){padding:16px 12px 35px;border-radius:13px}
 .tender-suite .td-nav{padding-bottom:15px;gap:12px}
 .tender-suite .td-nav__links{width:100%;flex-wrap:nowrap;overflow-x:auto;padding:2px 1px 9px;scrollbar-width:thin}
 .tender-suite .td-nav__link{font-size:11px;padding:9px 10px}
 .tender-suite:is(.tender-editor,.tender-workspace)>.td-hero{padding:24px 0;gap:15px;align-items:flex-start;flex-direction:row}
 .tender-suite .td-hero>div:first-child{flex-basis:100%}
 .tender-suite h1{letter-spacing:-.8px!important}
 .tender-suite .heading-actions{width:100%}
 .tender-suite .heading-actions a{flex:1}
 .tender-suite:is(.tender-editor,.tender-workspace) :is(section,.panel){padding:18px 15px;border-radius:12px}
 .tender-suite:is(.tender-editor,.tender-workspace) h2{font-size:16px;margin-bottom:18px}
 .tender-suite .grid,.tender-suite .filter-grid,.tender-suite .fact-grid{grid-template-columns:1fr!important;gap:14px}
 .tender-suite .queues{display:grid;grid-template-columns:1fr 1fr}
 .tender-suite .quick-links>div{grid-template-columns:1fr}
 .tender-suite .result-heading{align-items:flex-start;gap:10px}
 .tender-suite .source-row{align-items:stretch;flex-direction:column}
 .tender-suite .source-row>strong,.tender-suite .source-row>a:first-child{flex:initial}
 .tender-suite .source-row button{width:100%}
 .tender-suite.tender-editor .td-save-bar{bottom:6px;padding:12px;gap:10px;flex-direction:row;align-items:center}
 .tender-suite .td-save-bar p{flex-basis:100%;font-size:11px}
 .tender-suite .td-save-bar button{flex:1}
 .tender-suite .document-row label{min-width:0!important;width:100%}
 .tender-suite .pagination>div{width:100%;display:grid;grid-template-columns:1fr 1fr}
}
@media(prefers-reduced-motion:reduce){.tender-suite *{transition:none!important;scroll-behavior:auto!important}}

.tender-suite:is(.tender-editor,.tender-workspace) label:has(>input[type=checkbox]),.tender-suite:is(.tender-editor,.tender-workspace) label:has(>input[type=radio]){flex-direction:row;align-items:center;gap:9px}
.tender-suite section>button+button{margin-left:8px}
.tender-suite:is(.tender-editor,.tender-workspace) .queues button{background:transparent;border-color:transparent;color:#617889;box-shadow:none}
.tender-suite:is(.tender-editor,.tender-workspace) .queues button.selected{background:var(--td-navy);border-color:var(--td-navy);color:white;box-shadow:0 2px 7px #123e5620}
.tender-suite .search-picker>button{margin-top:8px}
.tender-suite.td-verification>form{background:white;border:1px solid var(--td-line);border-radius:17px;padding:25px;box-shadow:0 3px 12px #163e5605}
.tender-suite legend{font-size:17px;color:var(--td-navy);font-weight:750;margin-bottom:22px}
.tender-suite dt{color:#617889;font-size:11px;text-transform:uppercase;letter-spacing:.5px;font-weight:700}
.tender-suite dd{margin:7px 0 14px;line-height:1.7;font-size:13px}
@media(max-width:650px){.tender-suite.td-verification>form{padding:18px 15px}}