/* HB-Compass workspace page (the team's own sign-in page). --c is the company colour, set on the page. */
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:#f4f5f7;color:#1d2327;line-height:1.5}
header.hbw{background:var(--c);color:#fff;padding:12px 20px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
header.hbw img{max-height:44px;max-width:200px;background:#fff;border-radius:4px;padding:3px}
header.hbw .nm{font-size:20px;font-weight:600}
header.hbw .sp{flex:1}
header.hbw a{color:#fff}
main a{color:var(--c)}
main{max-width:1180px;margin:0 auto;padding:16px 20px 60px}
.hbw-card{background:#fff;border:1px solid #dcdcde;border-radius:6px;padding:20px;max-width:420px;margin:40px auto}
.hbc-work h1{font-size:24px;margin:8px 0}
.hbc-work h2{font-size:19px;margin:28px 0 8px;color:var(--c)}
.hbc-work h3{font-size:16px}
table{border-collapse:collapse;width:100%;background:#fff;display:block;overflow-x:auto}
th,td{padding:8px 10px;border-bottom:1px solid #e5e5e5;text-align:left;vertical-align:top}
th{background:#f6f7f7}
input,select,textarea{font:inherit;padding:7px 9px;border:1px solid #8c8f94;border-radius:4px;max-width:100%}
.button,button{font:inherit;padding:7px 14px;border:1px solid var(--c);color:var(--c);background:#fff;border-radius:4px;cursor:pointer}
.button-primary{background:var(--c);color:#fff}
.hbc-guided .button,.hbc-guided button{padding:10px 18px}
.notice{background:#fff;border-left:4px solid var(--c);padding:10px 14px;margin:10px 0}
.notice-warning{border-left-color:#dba617}
.hbc-help{background:#eef4fb;border-left:4px solid var(--c);padding:8px 12px;max-width:760px;margin:6px 0 12px}
.description{color:#646970}
.form-table th{width:150px}
.widefat{width:100%}
.regular-text{width:25em}
.large-text{width:100%}
.small-text{width:6em}
.hbc-work{font-size:15px}
.hbc-work.hbc-guided{font-size:17px}
details summary{cursor:pointer;margin:6px 0}
ul[style*="disc"]{padding-left:20px}
@media(max-width:640px){main{padding:10px 10px 40px}
.regular-text{width:100%}
header.hbw .nm{font-size:17px}}
@media print{header.hbw,.hbc-topbar{display:none}}