/* Account browsing uses the same paper, type and compact controls as the product. */
.browse-header .nav-inner{max-width:1120px;margin:auto;padding-inline:24px;gap:24px}
.browse-header .brand{flex-shrink:0}
.browse-header .brand img{border-radius:5px}
.browse-nav{display:flex;align-items:center;gap:24px;margin-left:auto;font-size:14px;font-weight:500}
.browse-nav a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink)}
.browse-nav a[aria-current="page"]{color:var(--forest);text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:2px}
.browse-main{max-width:1120px;padding:36px 24px 64px;margin:auto}
.browse-intro{margin-bottom:26px}
.tl-design .browse-intro h1{font-size:clamp(30px,4vw,40px);line-height:1.15;margin:0 0 8px;letter-spacing:-.04em;background:none;color:var(--ink);-webkit-text-fill-color:currentColor}
.browse-intro p{margin:0;color:var(--muted);font-size:14px}
.browse-search{display:flex;align-items:flex-end;gap:12px;padding-bottom:24px;border-bottom:1px solid var(--rule);margin-bottom:24px}
.browse-query{flex:1;min-width:0;max-width:560px;position:relative}
.browse-source{width:210px;flex-shrink:0}
.browse-search label{display:block;font-size:12px;line-height:1.4;font-weight:600;color:var(--ink);margin:0 0 7px;text-transform:none;letter-spacing:0}
.browse-search :is(input,select),.browse-page-form input{display:block;box-sizing:border-box;width:100%;min-height:44px;height:44px;padding:9px 11px;border:1px solid var(--rule-strong);border-radius:5px;background:#fffefa;color:var(--ink);font:16px Inter,Arial,sans-serif;box-shadow:none}
.browse-main .btn,.browse-header .browse-pro{min-height:44px;padding:10px 14px;line-height:22px;font-size:14px;white-space:nowrap;box-shadow:none}
.browse-query input[aria-invalid="true"],.browse-page-form input[aria-invalid="true"]{border-color:var(--red)}
.browse-field-error{font-size:12px;line-height:1.5;color:var(--red);margin:7px 0 0}
.browse-result-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:12px}
.tl-design .browse-result-heading h2{font:600 16px/1.4 Inter,Arial,sans-serif;letter-spacing:0;margin:0}
.browse-result-heading>p{font-size:13px;color:var(--muted);margin:0;text-align:right}
.browse-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--rule)}
.browse-list>li{margin:0;border-bottom:1px solid var(--rule)}
.browse-notice{display:block;padding:19px 0;text-decoration:none;color:var(--ink);overflow-wrap:anywhere}
.browse-notice:focus-visible{outline-offset:5px}
.browse-notice h3{font:600 16px/1.45 Inter,Arial,sans-serif;letter-spacing:-.015em;margin:0 0 5px;max-width:800px;text-wrap:wrap}
.browse-buyer{font-size:13px;color:var(--muted);margin:0 0 9px;line-height:1.5}
.browse-facts{display:flex;flex-wrap:wrap;gap:6px 22px;font-size:12px;color:var(--muted-2);line-height:1.6;margin:0}
.browse-facts div{display:flex;gap:5px}
.browse-facts dt{font-weight:500}
.browse-facts dd{margin:0;font-variant-numeric:tabular-nums}
.browse-facts .browse-source-name{color:var(--forest)}
.browse-empty,.browse-error{padding:24px 0;margin:0;font-size:14px;line-height:1.6}
.browse-error p{margin:0 0 12px;color:var(--red)}
.browse-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:24px}
.browse-page-form{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:8px;position:relative;font-size:13px}
.browse-page-form label{color:var(--muted)}
.browse-page-form input{width:70px;font-variant-numeric:tabular-nums}
.browse-page-form .browse-field-error{flex-basis:100%;text-align:center;margin:0}
.browse-main .btn:disabled{opacity:.45;cursor:default;transform:none}
.browse-loading{padding:21px 0}
.browse-loading span{display:block;height:12px;width:65%;max-width:480px;margin-bottom:10px;background:var(--stone-soft);border-radius:2px}
.browse-loading span:last-child{width:40%;height:10px;margin-bottom:0}
@media(hover:hover) and (pointer:fine){.browse-notice:hover h3{color:var(--forest);text-decoration:underline;text-underline-offset:3px}.browse-nav a:hover{color:var(--forest)}.browse-main .btn,.browse-header .browse-pro{height:36px;min-height:36px;padding:6px 13px}.browse-search :is(input,select),.browse-page-form input{min-height:36px;height:36px;padding:6px 10px;font-size:14px}.browse-nav a{min-height:36px}}
@media(max-width:700px){.browse-header .nav-inner{padding:14px 20px;gap:12px;flex-wrap:wrap}.browse-header .brand{font-size:17px}.browse-header .browse-pro{margin-left:auto}.browse-nav{order:3;flex-basis:100%;margin:0;gap:26px}.browse-main{padding:28px 20px 48px}.browse-intro{margin-bottom:24px}.browse-search{flex-wrap:wrap;align-items:flex-end;gap:14px 10px}.browse-query{flex-basis:100%;max-width:none}.browse-source{flex:1;width:auto;min-width:0;max-width:260px}.browse-search label{font-size:13px}.browse-search :is(input,select){font-size:16px;min-height:44px;height:44px}.browse-main .btn,.browse-header .browse-pro{min-height:44px;height:auto;padding:10px 13px}.browse-nav a{min-height:44px}.browse-result-heading{display:block}.browse-result-heading>p{text-align:left;margin-top:5px}.browse-facts{display:grid;gap:4px}.browse-notice{padding:18px 0}.browse-pagination{flex-wrap:wrap;gap:16px 8px}.browse-page-form{order:3;flex-basis:100%}.browse-page-form input{font-size:16px;height:44px;min-height:44px}.browse-loading span{width:90%}}
@keyframes browse-error-nudge{0%,100%{transform:translateX(0)}30%{transform:translateX(-3px)}65%{transform:translateX(3px)}}
.browse-query.browse-invalid,.browse-page-form.browse-invalid{animation:browse-error-nudge 180ms ease-out}
@media(prefers-reduced-motion:reduce){.browse-query.browse-invalid,.browse-page-form.browse-invalid{animation:none}.tender-browse-page *{scroll-behavior:auto;transition:none}}
@media(forced-colors:active){.browse-nav a[aria-current="page"]{color:LinkText}.browse-loading span{border:1px solid CanvasText}}

/* Browsing and reading share the app's broad landscape and paper surfaces. */
body:is(.tender-browse-page,.tender-detail-page){isolation:isolate}
body:is(.tender-browse-page,.tender-detail-page)::before{content:'';display:block;position:absolute;z-index:-1;inset:70px 0 auto;height:1000px;pointer-events:none;background:linear-gradient(180deg,rgba(245,243,233,.04),rgba(245,243,233,.08) 60%,#f5f3e9),linear-gradient(90deg,rgba(245,243,233,.85),rgba(245,243,233,.48) 45%,rgba(245,243,233,.14)),image-set(url('/img/scenes/civic-waterside-20261029.avif') type('image/avif'),url('/img/scenes/civic-waterside.webp') type('image/webp'));background-position:60% top;background-size:cover;background-repeat:no-repeat}
.browse-main .browse-search{padding:16px;background:rgba(255,254,250,.96);border:1px solid var(--rule);border-radius:6px;margin-bottom:20px}
.browse-main .browse-list{padding:0 20px;background:rgba(255,254,250,.96);border:1px solid var(--rule);border-radius:6px}
.browse-list>li:last-child{border-bottom:0}
.tl-notice.browse-main #notice-content,.tl-notice.browse-main .tl-fit{padding:20px;background:rgba(255,254,250,.96);border:1px solid var(--rule);border-radius:6px;margin-top:16px}
.browse-main .browse-result-heading{background:rgba(245,243,233,.96);width:fit-content;max-width:100%;gap:16px}
@media(max-width:700px){body:is(.tender-browse-page,.tender-detail-page)::before{height:1300px;background-position:61% top;background-image:linear-gradient(180deg,rgba(245,243,233,.28),rgba(245,243,233,.5) 60%,#f5f3e9),linear-gradient(90deg,rgba(245,243,233,.75),rgba(245,243,233,.15)),image-set(url('/img/scenes/civic-waterside-960-20261029.avif') type('image/avif'),url('/img/scenes/civic-waterside-960.webp') type('image/webp'))}.browse-main .browse-list{padding-inline:16px}.tl-notice.browse-main #notice-content,.tl-notice.browse-main .tl-fit{padding:16px}}
@media(forced-colors:active){body:is(.tender-browse-page,.tender-detail-page)::before{display:none}}
@media print{body:is(.tender-browse-page,.tender-detail-page)::before{display:none}}
.tl-design .tl-notice.browse-main #notice-title{font:600 clamp(24px,2.6vw,32px)/1.2 Inter,Arial,sans-serif;letter-spacing:-.035em;margin:0 0 16px;color:var(--ink);background:none;-webkit-text-fill-color:currentColor}
.tl-notice.browse-main #notice-meta{gap:12px 28px;margin:0}
.tl-notice.browse-main .tl-notice-actions{margin-top:16px;gap:12px}
.tl-notice.browse-main .tl-notice-description{padding:16px 0;font-size:15px;line-height:1.55;margin-top:12px}
.tl-notice.browse-main #notice-content>.tl-fit-note{margin:0;font-size:13px;line-height:1.5;color:var(--muted)}

/* One shared column structure, with native sortable headings. */
.browse-search{display:grid;grid-template-columns:minmax(180px,1fr) minmax(190px,230px) auto;align-items:end;gap:12px}
.browse-query,.browse-source{width:auto;max-width:none;min-width:0}
.browse-table{width:100%;table-layout:fixed;border-spacing:0;border:1px solid var(--rule);border-radius:6px;background:rgba(255,254,250,.96);font-size:13px;text-align:start}
.browse-table th{font-weight:600;text-align:start;padding:6px 12px;border-bottom:1px solid var(--rule);vertical-align:middle}
.browse-table th:first-child{width:48%}.browse-table th:not(:first-child){width:13%}
.browse-table th button{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 0;border:0;border-radius:0;background:none;color:var(--ink);font:500 13px/1.4 Inter,Arial,sans-serif;cursor:pointer;text-align:start}
.browse-table th[aria-sort] button{text-decoration:underline;text-underline-offset:5px}
.browse-table th button:focus-visible{outline:0;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.browse-table th button span{font-size:12px}
.browse-main .browse-list{padding:0;background:transparent;border:0;border-radius:0}
.browse-table td{padding:14px 12px;border-bottom:1px solid var(--rule);vertical-align:top;overflow-wrap:anywhere;line-height:1.5}
.browse-table tbody tr:last-child td{border-bottom:0}
.browse-table .browse-main-cell{padding:14px 16px}
.browse-table .browse-notice{display:block;padding:0;color:var(--ink)}
.browse-table .browse-notice h3{margin:0 0 4px;font-size:16px;line-height:1.4}
.browse-table .browse-buyer{margin:0 0 8px;font-size:13px;line-height:1.45}
.browse-preview-bullets{display:grid;gap:3px;list-style:disc;margin:0;padding-left:16px;color:var(--muted);font-size:13px;line-height:1.45}
.browse-preview-bullets li{margin:0;padding:0;overflow-wrap:anywhere}
.browse-fact{font-variant-numeric:tabular-nums;color:var(--muted)}
.browse-table .browse-loading td{padding:20px 16px}
@media(hover:hover) and (pointer:fine){.browse-table th button:hover{text-decoration-line:underline;text-underline-offset:5px}}
@media(hover:none),(pointer:coarse){.browse-table th button{min-height:44px;font-size:14px}}
@media(max-width:900px){
 .browse-search{grid-template-columns:minmax(0,1fr) auto}.browse-query{grid-column:1/-1}
 .browse-table,.browse-table thead,.browse-table tbody,.browse-table tr{display:block}
 .browse-table thead tr{display:flex;gap:12px;padding:4px 16px;border-bottom:1px solid var(--rule)}
 .browse-table th,.browse-table th:not(:first-child){display:block;width:auto;min-width:0;border:0;padding:0}
 .browse-table thead th.browse-title-heading,.browse-table thead th.browse-source-heading{position:absolute;display:block;width:1px;height:1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .browse-table th button{min-height:44px;font-size:14px}
 .browse-table tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;padding:14px 16px;border-bottom:1px solid var(--rule)}
 .browse-table tbody tr:last-child{border-bottom:0}
 .browse-table td{display:block;padding:0;border:0;min-width:0}
 .browse-table .browse-main-cell{grid-column:1/-1;padding:0}
 .browse-table .browse-notice{padding:0}
 .browse-table .browse-fact::before{content:attr(data-label);display:block;font-size:12px;margin-bottom:2px;color:var(--muted-2)}
 .browse-preview-bullets{font-size:14px}
 .browse-table .browse-loading td{grid-column:1/-1;padding:6px 0}
}
.browse-search :is(input,select),.browse-page-form input,.browse-main .btn{height:auto;line-height:1.4}
@media(forced-colors:active){.browse-table th button:focus-visible{text-decoration-color:Highlight}}
@media(max-width:900px){.browse-table thead tr{flex-wrap:wrap}}
@media(max-width:700px){.browse-search .browse-source{grid-column:1/-1}.browse-search>.btn{justify-self:start}}