/* A calm agenda for rental viewings, aligned with the current DRIFT surfaces. */
.content:has(#viewingList)>.page-head{position:relative;overflow:hidden;background:radial-gradient(circle at 86% 10%,#3b5265 0,transparent 34%),linear-gradient(120deg,#101923,#1c3042 68%,#14202c)!important;border:1px solid #30485a!important;color:#fff;box-shadow:0 14px 35px #13283c20}
.content:has(#viewingList)>.page-head:after{content:"";position:absolute;right:34px;bottom:0;width:170px;height:3px;background:#c9a970;opacity:.9}
.content:has(#viewingList)>.page-head h1{font-weight:800;letter-spacing:-.04em;color:#fff!important}
.content:has(#viewingList)>.page-head p{max-width:640px;color:#e2e9ed!important;font-size:16px}
.content:has(#viewingList)>.page-head .eyebrow{color:#e3c78f!important}
.content:has(#viewingList) .viewing-toolbar{display:flex;align-items:end;gap:12px;margin:16px 0 14px;padding:17px;border:1px solid #dbe4e9;border-top:3px solid #c7a66c;border-radius:15px;background:#fff;box-shadow:0 7px 21px #1632440b}
.content:has(#viewingList) .viewing-toolbar label{font-size:14px;color:#253c4d;min-width:170px}
.content:has(#viewingList) .viewing-toolbar select{min-height:45px;border:1px solid #cbd8df;border-radius:10px;color:#172c3b;background:#f8fafb;font-weight:650}
.content:has(#viewingList) .viewing-toolbar button,.content:has(#viewingList) .viewing-toolbar a{min-height:45px;padding:10px 15px;border-radius:10px;border:1px solid #cbd8df;background:#fff;color:#203747;font-size:14px;font-weight:750;box-shadow:none;text-decoration:none;white-space:nowrap}
.content:has(#viewingList) .viewing-toolbar button:hover,.content:has(#viewingList) .viewing-toolbar a:hover{border-color:#c4a468;background:#fffaf2}
.content:has(#viewingList) .viewing-note{margin:0 0 15px;padding:0 3px;color:#536674;font-size:14px;line-height:1.5}
.content:has(#viewingList) #viewingList{display:grid;gap:12px}
.content:has(#viewingList) .viewing-card{margin:0;padding:21px 23px;border:1px solid #dae3e8;border-left:4px solid #c2a16a;border-radius:15px;background:#fff;box-shadow:0 7px 19px #1632440a;color:#1a3040}
.content:has(#viewingList) .viewing-card h2{font-size:22px;line-height:1.2;letter-spacing:-.025em;color:#172c3b}
.content:has(#viewingList) .viewing-card strong{font-size:17px;color:#172c3b}
.content:has(#viewingList) .viewing-card p,.content:has(#viewingList) .viewing-card small{color:#485d69;font-size:15px;line-height:1.45}
.content:has(#viewingList) .viewing-card .viewing-actions{min-width:196px;align-items:stretch}
.content:has(#viewingList) .viewing-card .viewing-actions button{border-radius:10px;font-weight:750}
.content:has(#viewingList) .viewing-card .viewing-actions button.primary{background:#1b3040;border-color:#1b3040;color:#fff}
.content:has(#viewingList) .viewing-card .viewing-actions button.secondary{background:#f8fafb;border-color:#d6e0e6;color:#203747}
@media(max-width:720px){.content:has(#viewingList)>.page-head{border-radius:0!important;margin-top:0!important;margin-left:-14px!important;margin-right:-14px!important;width:calc(100% + 28px);padding:23px 19px 20px!important}.content:has(#viewingList)>.page-head:after{right:18px}.content:has(#viewingList) .viewing-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0;padding:14px}.content:has(#viewingList) .viewing-toolbar label{min-width:0;font-size:15px}.content:has(#viewingList) .viewing-toolbar select{width:100%;font-size:16px}.content:has(#viewingList) .viewing-toolbar button,.content:has(#viewingList) .viewing-toolbar a{min-width:0;white-space:normal;font-size:15px;line-height:1.2}.content:has(#viewingList) .viewing-card{display:block;padding:18px;border-left-width:3px}.content:has(#viewingList) .viewing-card h2{font-size:21px}.content:has(#viewingList) .viewing-card .viewing-actions{min-width:0;display:grid;grid-template-columns:1fr 1fr;margin-top:15px}.content:has(#viewingList) .viewing-card .viewing-actions button:first-child{grid-column:1/-1}.content:has(#viewingList) .viewing-note{font-size:15px}}