#body.pcola-placeholder:has(.site-portal){padding:40px 24px 64px;text-align:left;min-height:70vh}
.site-portal{max-width:1080px;margin:auto;color:#fff;font:16px/1.5 Arial,sans-serif}
.site-portal *{box-sizing:border-box}
.site-portal h1,.site-portal h2{color:#ffb700!important;margin:0 0 12px!important;font-family:Arial,sans-serif!important}
.site-portal h2{font-size:23px}.site-portal p{margin:0 0 16px!important}
.site-portal .portal-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.8px;color:#d0c5af;margin-bottom:10px!important}
.portal-login{max-width:440px;margin:12px auto;padding:32px;background:#080808e8;border:1px solid #ffb70040;border-radius:12px}
.site-portal label{display:block;font-weight:600;margin:0 0 18px}
.site-portal input:not([type=checkbox]),.site-portal select{display:block;width:100%;margin-top:7px;background:#171717;color:#fff;border:1px solid #777;border-radius:6px;padding:12px;font:inherit;min-height:46px}
.site-portal button,.portal-sample-dialog button{border:1px solid #ffb700;background:#ffb700;color:#080808;border-radius:6px;min-height:44px;padding:10px 18px;font:600 14px/1.4 Arial,sans-serif;cursor:pointer}
.site-portal button:disabled{opacity:.55;cursor:wait}
.site-portal :is(button,input,select,a):focus-visible{outline:3px solid #ffb700;outline-offset:3px}
.portal-login form>button{width:100%}
.site-portal .portal-secondary{color:#ffb700;background:#080808a0;border-color:#ffb70070}
.site-portal .portal-help{font-size:13px;color:#ccc;margin-top:18px!important}
.portal-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}
.portal-actions{display:flex;gap:8px}.portal-project-label{max-width:420px}
.portal-overview,.portal-panel{padding:24px;background:#090909e8;border:1px solid #ffffff26;border-radius:10px;margin-bottom:20px}
.portal-overview{display:flex;justify-content:space-between;gap:24px;align-items:center;border-top:3px solid #ffb700}
.portal-overview dl{display:flex;gap:28px;margin:0}.portal-overview dt{color:#ccc;font-size:12px}.portal-overview dd{margin:3px 0 0}
.portal-nav{display:flex;gap:24px;margin:16px 0 24px}.portal-nav a{color:#ffb700;text-decoration:none;border-bottom:2px solid #ffb700;padding:8px 0}
.site-portal .portal-document{width:100%;display:flex;align-items:center;gap:16px;justify-content:space-between;text-align:left;background:transparent;color:white;border:0;border-bottom:1px solid #ffffff28;border-radius:0;padding:16px 0}
.portal-document>span:nth-child(2){flex:1}.portal-document strong,.portal-document small{display:block}.portal-document small{font-size:12px;color:#ccc;margin-top:4px}
.portal-task{display:flex!important;gap:14px;align-items:flex-start;padding:16px 0;border-bottom:1px solid #ffffff28;font-weight:400!important;margin:0!important}
.portal-task input{width:22px;height:22px;accent-color:#ffb700;margin:5px 0}.portal-task span>*{display:block}.portal-task small{color:#d5c7a8;text-transform:capitalize;font-size:12px}
.portal-preview{border-left:3px solid #ffb700;padding:8px 12px;background:#000b;font-size:13px}
.portal-error{color:#ffb8a5!important}.portal-sample-dialog{max-width:90vw;padding:30px;background:#111;color:white;border:1px solid #ffb700;border-radius:10px}.portal-sample-dialog::backdrop{background:#000b}
.portal-panel{scroll-margin-top:100px}
@media(max-width:600px){#body.pcola-placeholder:has(.site-portal){padding:28px 16px 40px}.portal-login{padding:24px 20px}.portal-heading,.portal-overview{align-items:flex-start;flex-direction:column}.portal-overview,.portal-panel{padding:20px}.portal-actions{width:100%}.portal-actions button{flex:1}.portal-overview dl{gap:20px}.site-portal h1{font-size:28px!important}}
