/* Portfolios: View only badge/banner, portfolio overview and admin panel. */
.view-only-badge{display:inline-block;margin-left:8px;padding:3px 9px;border-radius:999px;background:#3a2f12;color:#ffd58a;border:1px solid #8a6a1f;font-size:.74rem;font-weight:750;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}
.view-only-banner{background:#2a2410;border:1px solid #8a6a1f;color:#ffe6b3}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* Hidden (not merely disabled) while a view-only hotel is open. portfolios.js also disables them and blocks their requests. */
body.bwf-view-only #uploadButton,body.bwf-view-only #contactsUploadButton,body.bwf-view-only .upload-control,
body.bwf-view-only #openDialer,body.bwf-view-only #addToDialer,body.bwf-view-only #dialerPanel,
body.bwf-view-only .call-toolbar,body.bwf-view-only #myProfile,
body.bwf-view-only .list-check,body.bwf-view-only .called-check-row,body.bwf-view-only #selectAllVisible,
body.bwf-view-only #statusReviewResults select,body.bwf-view-only #needsContactResults input,body.bwf-view-only #needResults .need-select{display:none!important}
body.bwf-view-only .view-only-hide{display:none!important}
/* No plan pill, upgrade copy or checkout, verification or phone-number controls while a hotel is view-only. */
body.bwf-view-only #planPill,body.bwf-view-only .plan-upgrade,body.bwf-view-only .plan-checkout,body.bwf-view-only .plan-box,body.bwf-view-only #verifForm,body.bwf-view-only .verif-step,body.bwf-view-only .dialer-entitlement{display:none!important}
body.bwf-view-only #detailBody textarea:disabled,body.bwf-view-only #detailBody input:disabled{opacity:.7}
.portfolio-panel{width:min(1040px,calc(100vw - 32px))}
.portfolio-table-wrap{overflow-x:auto}
.portfolio-table{width:100%;border-collapse:collapse;font-size:.92rem}
.portfolio-table th,.portfolio-table td{padding:10px 8px;border-bottom:1px solid #2d4055;text-align:left;vertical-align:middle}
.portfolio-table thead th{color:#a9becd;font-size:.72rem;text-transform:uppercase;letter-spacing:.03em;line-height:1.25}
.portfolio-table tbody th,.portfolio-table tfoot th{min-width:170px}.portfolio-table tbody th{font-weight:700;color:#f0f6fa}.portfolio-table button{white-space:nowrap}.portfolio-table tbody th small{display:block;color:#8fa6b8;font-weight:500}
.portfolio-table td:nth-child(n+3):nth-child(-n+7),.portfolio-table tfoot td{font-variant-numeric:tabular-nums}
.portfolio-table tfoot th,.portfolio-table tfoot td{border-bottom:0;font-weight:750;color:#77e6d5}
.portfolio-cards{display:grid;gap:14px;margin-top:18px}
.portfolio-card{border:1px solid #365065;border-radius:12px;padding:18px}
.portfolio-card h3{margin:0 0 6px}.portfolio-card h4{margin:16px 0 6px;color:#cfe0ea}
.portfolio-card ul{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.portfolio-card li{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.portfolio-card form{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.portfolio-card form label{flex:1;min-width:220px;margin:10px 0 0}
.portfolio-audit li{display:block;color:#a9becd;font-size:.85rem}
@media(max-width:600px){.portfolio-panel{width:100%}.portfolio-card form label{min-width:100%}}
.portfolio-table th,.portfolio-table td{padding:10px 6px}
.portfolio-table tbody th,.portfolio-table tfoot th{min-width:140px}
.portfolio-table td:last-child,.portfolio-table th:last-child{min-width:78px;text-align:right}