:root{--hb-button-soft:#F5F7FB}
:root{font-synthesis:none}
*{box-sizing:border-box}
body{margin:0px}
button, input, select{font:inherit}
button, a, input, select{outline-offset:4px}
button, a{touch-action:manipulation}
button{cursor:pointer}
button:disabled{opacity:0.5;cursor:default}
a{color:inherit;text-decoration:none}
svg{width:20px;height:20px;stroke:currentcolor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
h1, h2, h3, p{margin:0px}
h1{font-size:36px;line-height:1.14;letter-spacing:-1.4px;font-weight:600}
h2{letter-spacing:-0.4px;font-weight:600}
small, .muted{color:var(--muted)}
.brand{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:700}
.brand img{width:36px;height:36px}
.shell{display:grid;grid-template-columns:232px 1fr;min-height:100vh}
.sidebar{background:#ffffff;border-right:1px solid var(--line);padding:32px 22px;display:flex;flex-direction:column;position:fixed;inset:0px auto 0px 0px;width:232px;z-index:10}
.side-label{text-transform:uppercase;letter-spacing:1.8px;color:var(--muted);margin:37px 14px 14px}
.nav{display:flex;flex-direction:column;gap:7px}
.nav button{border:0px;background:none;display:flex;align-items:center;gap:13px;padding:13px 14px;border-radius:10px;text-align:left}
.nav button.active{font-weight:600}
.sidebar-bottom{margin-top:auto;padding-top:32px}
.pilot-label{color:#68686f;margin:18px 12px}
.user{display:flex;gap:10px;align-items:center;border-top:1px solid var(--line);padding:18px 0px 0px}
.avatar{width:38px;height:38px;border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E");display:grid;place-items:center;font-size:13px;font-weight:bold;flex-shrink:0;color:#e51e59}
.user-info{overflow:hidden;flex:1 1 0%}
.user-info strong{display:block;overflow:hidden;text-overflow:ellipsis}
.icon-btn{border:0px;background:none;padding:6px;display:inline-flex}
.main{grid-column:2;min-width:0px}
.topbar{height:86px;padding:0px 44px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;background:#ffffff}
.workspace-select{border:0px;background:transparent;color:var(--ink);font-size:13px;font-weight:600;max-width:250px}
.top-right{display:flex;align-items:center;gap:20px}
.language{border:1px solid var(--line);border-radius:8px;padding:7px 8px;background:white;font-size:11px;font-weight:600;max-width:80px}
.top-date{color:var(--muted)}
.content{max-width:1510px;margin:auto;padding:22px 44px 24px}
.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:2px;color:#68686f;font-weight:600;margin-bottom:12px}
.heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:25px}
.heading h1{font-size:28px}
.heading p{margin-top:6px;font-size:13px;color:var(--muted)}
.btn{border:0px;background:var(--accent);color:white;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:9px;padding:12px 17px}
.btn.secondary{border:1px solid var(--line)}
.btn.small{padding:8px 12px}
.hero-copy{position:relative;z-index:1;max-width:490px}
.hero h1{max-width:420px;font-size:35px}
.hero p{font-size:13px;margin-top:14px;max-width:400px}
.hero-art{position:relative;width:230px;height:160px;margin-right:15px;flex-shrink:0}
.art-circle{width:142px;height:142px;border-radius:50%;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial;position:absolute;right:5px;top:8px}
.art-card{position:absolute;top:20px;left:0px;width:160px;height:122px;border-radius:12px;transform:rotate(-9deg);background:#ffffff;box-shadow:rgba(0,65,130,0.082) 0px 12px 25px;border:1px solid #ffffff;padding:15px}
.art-head{display:flex;gap:5px;margin-bottom:16px}
.art-head i{width:5px;height:5px;background:#f4f4f5;border-radius:50%}
.art-grid{display:grid;grid-template-columns:repeat(5, 1fr);gap:6px}
.art-grid i{height:13px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E");border-radius:3px}
.art-grid i:nth-child(7), .art-grid i:nth-child(12){background:var(--accent)}
.art-check{position:absolute;bottom:4px;right:10px;width:48px;height:48px;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial;border-radius:15px;display:grid;place-items:center;transform:rotate(10deg);color:white;border:5px solid #f4f4f5}
.art-check svg{width:23px;height:23px}
.stats{display:grid;grid-template-columns:repeat(3, 1fr);gap:16px;margin-bottom:27px}
.stat{border:1px solid var(--line);border-radius:13px;background:#ffffff;padding:20px 23px}
.stat-top{display:flex;justify-content:space-between;color:var(--muted)}
.stat-top svg{color:#68686f;width:18px;height:18px}
.stat strong{display:block;margin-top:15px;font-weight:600;letter-spacing:-0.8px}
.stat small{display:block;margin-top:6px}
.two-col{display:grid;grid-template-columns:minmax(0px, 1fr) 280px;gap:24px}
.panel{background:#ffffff;border:1px solid var(--line);border-radius:14px;padding:24px}
.panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:22px}
.day-controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.day-controls input, .day-controls select{width:auto;max-width:200px;font-size:12px;padding:8px 10px}
.empty{text-align:center;padding:42px 15px}
.empty-symbol{background:#ffffff;border:1px solid var(--line);width:58px;height:58px;border-radius:17px;display:grid;place-items:center;margin:0px auto 20px;color:#68686f}
.empty-symbol svg{width:25px;height:25px}
.empty h3{margin-bottom:9px}
.empty p{color:var(--muted);max-width:350px;margin:0px auto 19px}
.steps{list-style:none;padding:0px;margin:22px 0px 0px}
.steps button{background:none;border:0px;display:flex;align-items:center;gap:10px;text-align:left;padding:11px 0px;font-size:12px;width:100%;color:var(--ink)}
.step-dot{width:24px;height:24px;border-radius:50%;border:1px solid #f4f4f5;display:grid;place-items:center;font-size:10px;color:#68686f;flex-shrink:0}
.done .step-dot{background:#e51e59;border-color:transparent;color:#ffffff}
.step-dot svg{width:13px;height:13px}
.side-panel{margin-bottom:18px}
.side-panel p{font-size:12px;color:var(--muted);margin-top:10px}
.share-panel{background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial;border-color:#e5e5e7}
.share-panel>strong{color:var(--hb-primary);font-weight:700}
.share-panel .btn{width:100%;margin-top:16px}
.notice svg{vertical-align:middle;margin-right:4px;width:16px;height:16px}
.booking-row{display:flex;align-items:center;gap:15px;padding:18px 0px;border-bottom:1px solid var(--line);cursor:pointer}
.booking-row:last-child{border-bottom:0px}
.booking-row:hover{background:transparent}
.booking-main strong{font-weight:800}
.booking-row:hover .booking-main strong,.booking-row:focus-visible .booking-main strong{color:#e51e59}
.booking-time{font-weight:600;width:45px;flex-shrink:0}
.booking-main{flex:1 1 0%;min-width:0px}
.booking-main strong{display:block;overflow-wrap:anywhere}
.booking-main small{display:block;margin-top:6px}
.booking-end{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.badge{padding:5px 8px;border-radius:5px;display:inline-block}
.badge.pending{background:#ffffff;color:#e51e59}
.badge.confirmed{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E");color:#e51e59}
.badge.completed, .badge.recorded{background:#f4f4f5;color:#68686f}
.badge.cancelled, .badge.noShow{background:#fff1f0;color:#e51e59}
.section-gap{margin-top:28px}
.service-card{display:flex;flex-direction:column;gap:14px}
.service-card .price{font-size:24px;font-weight:600;letter-spacing:-0.7px}
.service-meta{display:flex;justify-content:space-between;gap:10px;color:var(--muted)}
.service-card h3{line-height:1.4}
.form{display:grid}
.field{display:grid;color:#68686f}
.field > span{font-weight:600}
.field small{font-weight:400;font-size:11px;line-height:1.5}
input, select{border:1px solid #e5e5e7;padding:11px 12px;background:#ffffff;color:var(--ink);width:100%}
input:focus, select:focus{outline-style:solid;outline-width:2px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.check{display:flex;align-items:center;gap:9px;line-height:1.5}
.check input{appearance:auto;accent-color:var(--accent);width:16px;min-height:16px;flex-shrink:0}
.days{display:flex;flex-wrap:wrap}
.form-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:8px}
.error{color:#e51e59;background:#ffffff;padding:12px;border-radius:8px}
.error:empty{display:none}
dialog{border:1px solid var(--line);border-radius:18px;padding:27px;width:min(530px, -30px + 100vw);max-height:90vh;overflow:auto;color:var(--ink);box-shadow:rgba(32,43,54,0.133) 0px 24px 90px}
.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
.modal-head h2{font-size:21px}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0px}
.detail-grid small{display:block;margin-bottom:6px}
.detail-grid strong{overflow-wrap:anywhere}
.detail-actions{display:flex;flex-wrap:wrap;gap:12px}
.auth-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}
.auth-story{background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial;padding:48px 11%;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}
.auth-story h1{font-size:54px;max-width:480px;margin:55px 0px 22px}
.auth-story p{font-size:16px;max-width:340px}
.auth-story .hero-art{margin:40px auto;width:270px;height:190px;transform:scale(1.3)}
.auth-story small{font-size:11px;color:#68686f}
.auth-form-side{display:flex;flex-direction:column;padding:32px 12%;justify-content:center;background:#ffffff}
.auth-form-side .language{align-self:flex-end;margin-bottom:35px}
.auth-tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);margin-bottom:30px}
.auth-tabs button{background:none;border:0px;font-size:16px;padding:0px 0px 15px}
.auth-tabs button.selected{border-bottom:2px solid var(--accent)}
.auth-form-side .btn{width:100%;margin-top:6px}
.onboarding{max-width:1250px;margin:0 auto;padding:32px 25px}
.onboarding h1{font-size:34px;margin:36px 0px 14px}
.onboarding > p{color:var(--muted);font-size:14px;margin-bottom:26px}
.integration-row{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 0px;border-bottom:1px solid var(--line)}
.table-wrap{overflow:auto}
table{width:100%;border-collapse:collapse}
th{text-align:left;font-weight:500;color:var(--muted);padding:14px 10px;border-bottom:1px solid var(--line)}
td{padding:17px 10px;border-bottom:1px solid var(--line)}
.public{max-width:1000px;margin:auto;padding:32px 25px}
.public header{display:flex;justify-content:space-between;align-items:center}
.public-hero{padding:65px 0px 35px}
.public-hero h1{font-size:45px;max-width:600px;margin:15px 0px}
.public-hero p{color:var(--muted)}
.public footer{text-align:center;padding:40px 0px;color:var(--muted)}
.success{padding:22px 0px;text-align:center}
.success .empty-symbol{color:#e51e59;background:#f4f4f5}
.success p{color:var(--muted);margin:15px 0px}
.success code{font-size:11px;overflow-wrap:anywhere}
.boot{position:fixed;inset:0;display:grid;place-content:center;margin:0;padding:24px;background:#f4f4f4;font-size:35px;font-weight:700;letter-spacing:-1px;color:var(--accent);text-align:center}
#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial;color:white;z-index:100;box-shadow:rgba(32,43,54,0.133) 0px 8px 30px}
.mobile-brand{display:none}
.money-stats{margin-top:22px}
.full{width:100%}
.mb{margin-bottom:20px}
.small-note{font-size:11px;color:var(--muted);margin-top:15px;line-height:1.6}
.status-line{display:flex;align-items:center;gap:10px;margin:12px 0px}
.brand-footer{margin-top:30px;display:flex;justify-content:space-between;gap:15px}
.settings-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}
@media (min-width: 1500px){.content{padding-top:45px}
.hero-art{margin-right:60px}}
@media (max-width: 1150px){.sidebar{width:200px;padding:28px 14px}
.shell{grid-template-columns:200px 1fr}
.content{padding:28px}
.topbar{padding:0px 28px}
.hero-art{width:175px;margin-right:0px}
.hero h1{font-size:30px}
.stats{gap:10px}
.stat{padding:17px}
.top-date{display:none}
.settings-grid{grid-template-columns:1fr}}
@media (max-width: 900px){.two-col{grid-template-columns:1fr}
.aside-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.hero-art{display:none}
.hero-copy{max-width:100%}
.hero h1{max-width:100%}
.auth-story h1{font-size:40px}
.auth-form-side{padding:30px 9%}
.stat strong{font-size:23px}
.panel-head{flex-wrap:wrap}}
@media (max-width: 650px){.shell{display:block}
.sidebar{position:sticky;top:0px;width:100%;height:auto;padding:10px 12px;border-right:0px;border-bottom:1px solid var(--line);background:#ffffff}
.sidebar > .brand, .sidebar > .side-label, .sidebar-bottom{display:none}
.nav{flex-direction:row;gap:3px;overflow-x:auto;scrollbar-width:none}
.nav button{flex-direction:column}
.main{display:block}
.workspace-select{max-width:160px;font-size:12px}
.mobile-brand{display:block;font-weight:bold;color:var(--accent)}
.content{padding:18px 16px 20px}
.heading{align-items:flex-start;margin-bottom:19px}
.heading .btn svg{display:none}
.hero h1{font-size:29px}
.stats{gap:8px;margin-bottom:20px}
.stat-top svg{display:none}
.stat strong{letter-spacing:-0.8px}
.panel{padding:18px}
.aside-grid{grid-template-columns:1fr}
.two-col{gap:20px}
.day-controls input, .day-controls select{max-width:160px;font-size:11px}
.auth-layout{display:block}
.auth-story{min-height:0px;padding:26px}
.auth-story .hero-art, .auth-story > small{display:none}
.auth-story h1{font-size:31px;margin:25px 0px 12px}
.auth-form-side{padding:25px}
.auth-form-side .language{margin-bottom:22px}
.auth-tabs{margin-bottom:24px}
.form-grid{grid-template-columns:1fr}
.public-hero{padding:40px 0px 25px}
.public-hero h1{font-size:34px}
.brand-footer{flex-wrap:wrap}
.detail-grid{gap:15px}
.onboarding{margin:25px auto}
.card-grid{grid-template-columns:1fr}
.settings-grid{gap:20px}}
@media (max-width: 650px){.nav{overflow:visible}
.nav button{flex:1 1 0px;min-width:0px;white-space:normal;text-align:center;line-height:1.25}
.top-date{white-space:nowrap}}
:root{--control-height:46px;--body-size:15px}
body{font-size:var(--body-size)}
small, .muted{font-size:14px}
.nav button{font-size:15px}
.side-label{font-size:11px}
.top-date{font-size:14px;white-space:nowrap}
.user-info strong{font-size:14px}
.pilot-label{font-size:12px}
.heading p, .hero p{font-size:15px}
.btn{font-size:15px;min-height:44px}
.btn.small{font-size:14px;min-height:40px}
.icon-btn{min-width:36px;min-height:36px;align-items:center;justify-content:center}
.stat-top{font-size:14px}
.stat small{font-size:12px}
.stat strong{font-size:30px}
.panel-head h2{font-size:19px}
.side-panel p, .steps button{font-size:14px}
.empty p{font-size:15px}
.empty h3{font-size:18px}
.booking-time{font-size:14px}
.booking-main strong{font-size:15px}
.booking-main small{font-size:13px;line-height:1.45}
.booking-end{font-size:14px}
.badge{font-size:12px;white-space:normal;text-align:center}
.booking-end .badge{white-space:nowrap}
.service-meta{font-size:14px}
.field{font-size:14px;gap:8px}
.field small, .small-note{font-size:13px}
.check{font-size:14px}
.detail-grid strong{font-size:15px}
.integration-row{font-size:15px}
.brand-footer{font-size:12px}
table{font-size:14px}
.public-hero p{font-size:16px}
.public footer{font-size:14px}
.success p{font-size:15px}
input, select{font-size:15px;min-height:var(--control-height);border-radius:11px;transition:border-color 0.15s, box-shadow 0.15s}
input:focus, select:focus{outline:none;border-color:var(--purple);box-shadow:inset 0 0 0 2px var(--purple)}
input[aria-invalid="true"]{border-color:#e51e59;box-shadow:#e51e59 0px 0px 0px 1px inset}
input[aria-invalid="true"]:focus{border-color:var(--purple);box-shadow:inset 0 0 0 2px var(--purple)}
button:focus-visible, a:focus-visible{outline-style:;outline-width:}
.check input[type="checkbox"]{appearance:none;width:21px;height:21px;min-height:21px;padding:0px;flex:0 0 21px;border:2px solid #cccccc;border-radius:50%;background:#ffffff;box-shadow:none;display:inline-grid;place-content:center;cursor:pointer}
.check input[type="checkbox"]:checked{border-color:var(--purple);background:var(--purple)}
.check input[type="checkbox"]:checked::after{content:"";width:8px;height:4px;border-left:2px solid white;border-bottom:2px solid white;transform:translateY(-1px) rotate(-45deg)}
.check input[type="checkbox"]:focus{outline:none;border-color:var(--purple-dark);box-shadow:inset 0 0 0 1px var(--purple-dark)}
.check input[type="checkbox"]:focus-visible{outline-style:;outline-width:;outline-offset:3px}
.days{gap:15px}
.days .check{gap:7px}
.hb-native-select{display:none !important}
.hb-select{display:inline-block;min-width:0px;max-width:100%;vertical-align:middle}
.field .hb-select{display:block;width:100%}
.hb-language{width:88px;flex-shrink:0}
.hb-workspace{max-width:290px}
.hb-field-heading{display:flex;align-items:center;gap:7px}
.hb-help{width:25px;height:25px;min-width:25px;flex-shrink:0;border:0px;padding:3px;border-radius:50%;background:transparent;display:inline-flex;align-items:center;justify-content:center;color:#e51e59;cursor:help;vertical-align:middle}
.hb-help:hover, .hb-help:focus-visible{color:var(--purple-dark);background:var(--purple-soft)}
.hb-help svg{width:17px;height:17px;stroke-width:1.8}
.hb-tooltip{position:fixed;margin:0px;padding:13px 15px;width:max-content;max-width:min(320px, -24px + 100vw);z-index:2000;pointer-events:auto}
.hb-tooltip:popover-open{display:block}
.hb-field-error{font-size:13px;color:#e51e59;line-height:1.5;font-weight:400;margin:0px}
.error{font-size:14px;border:1px solid #f4f4f5;line-height:1.6}
.form{gap:18px}
.hb-confirm{max-width:440px;text-align:center;padding:30px}
.hb-confirm h2{font-size:23px;line-height:1.3;margin-bottom:13px}
.hb-confirm p{font-size:15px;line-height:1.65}
.hb-confirm-symbol{width:52px;height:52px;border-radius:17px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E");color:#68686f;display:grid;place-items:center;margin:0px auto 19px}
.hb-confirm-detail{background:#ffffff;padding:12px;border-radius:10px;margin-top:18px;font-size:13px !important;color:#68686f !important}
.hb-confirm .form-actions{margin-top:25px;justify-content:center;flex-wrap:wrap}
#toast{display:none;align-items:flex-start;gap:12px;background:#19191c;padding:16px 20px;min-width:260px;max-width:min(480px, -28px + 100vw);font-size:14px;border-radius:13px}
#toast.show{display:flex}
#toast strong{display:block;font-size:13px;margin-bottom:5px;color:#e5e5e7}
#toast span{display:block;line-height:1.5}
#toast > svg{margin-top:2px;color:#e5e5e7}
#toast.is-error{background:#e51e59}
.auth-form-side > .hb-language{align-self:flex-end;margin-bottom:35px}
.day-controls > .hb-select{max-width:240px}
.day-controls input{font-size:14px;min-height:46px}
.top-right{flex-shrink:0}
@media (max-width: 1150px){.two-col{grid-template-columns:minmax(0px, 1fr) 260px}
.hero p{font-size:14px}
.stat strong{font-size:26px}
.stat-top{font-size:13px}
.panel-head{flex-wrap:wrap}
.topbar{gap:10px}}
@media (max-width: 950px){.two-col{grid-template-columns:1fr}
.aside-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}}
@media (max-width: 650px){:root{--control-height:46px}
.nav button{font-size:11px}
.topbar{height:auto;min-height:80px}
.topbar > div:first-child{min-width:0px;flex:1 1 0%}
.mobile-brand{font-size:13px;margin-bottom:4px}
.hb-workspace{max-width:100%;width:100%}
.hb-language{width:77px}
.top-right{gap:4px}
.heading .btn{font-size:13px;padding:10px 12px}
.heading h1{font-size:26px}
.hero p{font-size:14px}
.stat{padding:14px 10px}
.stat-top{font-size:12px;line-height:1.35;min-height:32px}
.stat strong{font-size:22px;overflow-wrap:anywhere}
.stat small{font-size:11px}
.panel-head h2{font-size:18px}
.day-controls{width:100%;gap:8px}
.day-controls > input{flex:1 1 120px;max-width:none;min-width:0px;font-size:14px}
.day-controls > .hb-select{flex:1 1 150px;max-width:100%;min-width:0px}
.booking-row{gap:10px;flex-wrap:wrap}
.booking-main{flex:1 1 140px}
.booking-main strong{font-size:14px}
.booking-main small{font-size:12px}
.booking-end{margin-left:auto;font-size:13px}
.booking-time{font-size:13px;width:40px}
.badge{font-size:11px}
.booking-row .avatar{width:32px;height:32px}
.aside-grid{display:block}
.side-panel{margin-bottom:18px}
.field{font-size:14px}
.field input{font-size:16px}
.check{font-size:14px}
.btn{font-size:15px}
.btn.small{font-size:14px}
.hb-confirm .form-actions{flex-direction:column-reverse}
.hb-confirm .btn{width:100%}
.brand-footer{font-size:12px}
.small-note{font-size:12px}
.auth-form-side > .hb-language{margin-bottom:24px}
.auth-story p{font-size:15px}}
@media (prefers-reduced-motion: reduce){input, select{transition:none}}
input{caret-color:var(--purple)}
.check input[type="checkbox"]:focus-visible{outline:none;border-color:var(--purple-dark);box-shadow:inset 0 0 0 2px var(--purple-dark)}
@media (max-width: 430px){.stats{grid-template-columns:repeat(2, minmax(0px, 1fr))}
.stats > .stat:last-child{grid-column:1 / -1}
.stat strong{overflow-wrap:normal}
.money-stats{grid-template-columns:1fr}
.booking-row{display:grid;grid-template-columns:40px 32px minmax(0px, 1fr);align-items:start;gap:10px}
.booking-time{padding-top:8px}
.booking-main{min-width:0px}
.booking-end{grid-column:3;flex-flow:wrap;justify-content:space-between;align-items:center;gap:8px;margin:0px}}
.hb-date-source{position:absolute !important;width:1px !important;height:1px !important;opacity:0 !important;pointer-events:none !important;padding:0px !important;border:0px !important}
.hb-date-button{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;width:100%;padding:10px 14px;background:#ffffff;border:2px solid #e5e5e7;border-radius:14px;color:#252529;font-style:inherit;font-variant:inherit;font-weight:inherit;font-stretch:inherit;line-height:inherit;font-family:inherit;font-optical-sizing:inherit;font-size-adjust:inherit;font-kerning:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-language-override:inherit;font-size:16px;cursor:pointer;text-align:left}
.hb-date-button > span:last-child{color:#e51e59;font-size:24px;line-height:1}
.hb-date-button:focus-visible, .hb-date-button[aria-expanded="true"]{outline:none;border:2px solid #e51e59;box-shadow:none}
.hb-calendar{position:fixed;z-index:1100;width:340px;max-width:calc(-24px + 100vw);max-height:calc(100dvh - 24px);overflow:auto;padding:16px;background:#ffffff;border:2px solid #e51e59;border-radius:20px;box-shadow:rgba(23,50,77,0.140) 0px 16px 44px;color:#252529;font-size:16px}
.hb-calendar-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px}
.hb-calendar-header strong{text-transform:capitalize;font-size:17px}
.hb-calendar button{font:inherit;cursor:pointer;border:0px;border-radius:12px;background:transparent;color:inherit;min-height:38px;padding:5px}
.hb-calendar-header button{width:38px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E");font-size:26px;color:#e51e59}
.hb-calendar-row{display:grid;grid-template-columns:repeat(7, minmax(0px, 1fr));gap:3px;margin-bottom:3px}
.hb-calendar-row > [role="columnheader"]{text-align:center;color:#68686f;font-size:12px;padding:6px 0px}
.hb-calendar-row button{width:100%;aspect-ratio:1 / 1}
.hb-calendar button:hover{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E");color:#e51e59}
.hb-calendar button:focus-visible{outline:#e51e59 solid 2px;outline-offset:-2px}
.hb-calendar button.selected{background:#e51e59;color:white;font-weight:750}
.hb-calendar button.outside:not(.selected){color:#cccccc}
.hb-calendar button[aria-current="date"]:not(.selected){background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E");color:#e51e59;font-weight:750}
.hb-calendar button:disabled{opacity:0.3;cursor:default}
.hb-calendar-footer{display:flex;justify-content:space-between;border-top:1px solid #f4f4f5;padding-top:8px;margin-top:8px}
.hb-calendar-footer button{color:#e51e59;padding:5px 12px;font-weight:650}
.day-controls .hb-date-button{width:auto;min-width:220px}
@media (max-width: 600px){.day-controls .hb-date-button{width:100%;min-width:0px}
.hb-calendar{padding:12px}}
.hb-mobile-title{display:none}
.hb-workspace-cell{flex:1 1 0%}
.hb-workspace-name{display:flex;align-items:center;min-height:46px;overflow-wrap:anywhere;font-size:16px}
.hb-community-nav{display:flex;flex-wrap:wrap;margin:0px 0px 26px}
.hb-community-nav .btn{font-size:13px;padding:9px 13px;min-height:40px}
.hb-community{max-width:1250px}
.hb-wide-form{max-width:780px;margin:auto}
.field textarea{width:100%;resize:vertical;min-height:105px;border:1px solid #e5e5e7;border-radius:12px;padding:13px;font-style:inherit;font-variant:inherit;font-weight:inherit;font-stretch:inherit;font-size:inherit;font-family:inherit;font-optical-sizing:inherit;font-size-adjust:inherit;font-kerning:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-language-override:inherit;line-height:1.6;background:#ffffff;color:var(--ink)}
.field textarea:focus{outline:none;border:2px solid var(--purple);padding:12px}
.hb-upload{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E");border-radius:16px;margin-bottom:12px}
.hb-upload .field{flex:1 1 0%;min-width:180px}
.hb-upload input[type="file"]{width:100%;max-width:100%;font-size:13px;padding:8px}
.hb-image-preview{width:94px;height:94px;object-fit:cover;border-radius:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E");display:grid;place-items:center;font-size:26px;font-weight:700;color:var(--purple)}
img.avatar{object-fit:cover}
.hb-cover{display:block;width:100%;height:200px;object-fit:cover;border-radius:12px;margin-bottom:20px}
.public-hero > .hb-cover{max-width:700px;height:280px;margin-top:20px}
.hb-space-card h2{margin-bottom:10px}
.hb-excerpt{white-space:pre-line;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.hb-search{display:flex;gap:12px;align-items:flex-end;margin-bottom:24px}
.hb-search .field{flex:1 1 0%}
.hb-preserve{white-space:pre-wrap;overflow-wrap:anywhere}
.hb-person{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:15px}
.hb-person > div:not(.avatar){flex:1 1 0%;min-width:120px}
.hb-person p{font-size:14px;overflow-wrap:anywhere}
.hb-state-submitted, .hb-state-changes{background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial}
.hb-state-accepted{background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial}
.hb-state-rejected, .hb-state-withdrawn{background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial}
.hb-application-summary{display:grid;gap:15px;margin:20px 0px}
.hb-application-summary section{border-top:1px solid var(--line);padding-top:12px}
.hb-application-summary small{font-weight:700;color:var(--purple-dark)}
.hb-ad-slots{display:grid;gap:10px;margin-top:20px}
.hb-ad-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0px;min-height:130px;background:#ffffff;color:#68686f;border:1px dashed #e5e5e7;border-radius:14px;padding:12px;font:inherit}
.hb-ad-slot.occupied{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E")}
.hb-ad-slot > span{font-size:13px;overflow-wrap:anywhere}
.hb-ad-thumb{width:100%;border-radius:8px}
.hb-carousel-top, .hb-carousel-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px}
.hb-carousel-top{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}
.hb-carousel-bottom strong{font-size:15px;overflow-wrap:anywhere}
.hb-carousel-bottom > div{display:flex;gap:6px;align-items:center;flex-shrink:0}
.hb-carousel button{border:0px;border-radius:9px;color:var(--purple-dark);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E");min-width:32px;min-height:34px;padding:6px;font-style:inherit;font-variant:inherit;font-weight:inherit;font-stretch:inherit;line-height:inherit;font-family:inherit;font-optical-sizing:inherit;font-size-adjust:inherit;font-kerning:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-language-override:inherit;font-size:12px}
.hb-carousel button[data-slide]{font-size:23px}
.hb-carousel button:focus-visible, .hb-ad-slot:focus-visible{outline:2px solid var(--purple);outline-offset:2px}
@media (max-width: 650px){.topbar{display:grid;grid-template-columns:minmax(0px, 1fr) auto;align-items:center;gap:6px 12px;padding:12px 16px}
.hb-mobile-title{display:block;grid-column:1 / -1;font-weight:700;color:var(--accent);font-size:14px;margin:0px}
.hb-workspace-cell{grid-area:2 / 1;min-width:0px}
.topbar .top-right{grid-area:2 / 2;align-self:center;align-items:center}
.topbar .top-right > .mobile-brand{display:flex;align-items:center;justify-content:center;width:38px;height:46px;min-height:46px;margin:0px;padding:6px}
.hb-workspace-name{min-height:46px;font-size:15px;line-height:1.4}
.hb-community-nav{display:grid;grid-template-columns:repeat(2, minmax(0px, 1fr));gap:8px;margin-bottom:22px}
.hb-community-nav .btn{font-size:13px;white-space:normal;text-align:center;padding:9px 8px}
.hb-ad-slots{grid-template-columns:repeat(2, minmax(0px, 1fr))}
.hb-carousel-bottom{align-items:flex-start;flex-wrap:wrap;padding:12px}
.field textarea{font-size:16px}
.hb-cover, .public-hero > .hb-cover{height:180px}
.hb-search{gap:8px}
.hb-search > .btn{padding:12px}
.hb-upload{padding:14px}}
.hb-login-code{margin-top:14px}
.hb-login-code .btn{width:100%}
.field input.hb-code-input{font-size:30px;font-weight:700;letter-spacing:0.32em;text-align:center;color:var(--purple-dark);padding:16px 10px}
.auth-tabs .selected{font-weight:700}
.hb-confirm-detail:empty{display:none}
dialog, dialog:focus, dialog:focus-visible{outline:none;border:1px solid #e5e5e7;outline-offset:0px}
.hb-remember{align-items:center;gap:12px;padding:13px 15px;border-radius:13px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E");cursor:pointer}
.hb-remember > span{display:flex;flex-direction:column;gap:5px}
.hb-remember strong{font-size:14px;font-weight:600;color:var(--purple-dark)}
.hb-remember small{font-size:12px;line-height:1.4}
.check input[type="checkbox"]:focus, .check input[type="checkbox"]:focus-visible{outline:none;box-shadow:none;border:3px solid var(--purple-dark)}
.check:has(input:focus-visible){background:#f4f4f5;border-radius:10px}
input:not([type="checkbox"]):focus, input[aria-invalid="true"]:focus, .field textarea:focus{outline:none;outline-offset:0px;border:2px solid var(--purple);box-shadow:none}
button:focus-visible, a:focus-visible{outline:2px solid var(--purple);outline-offset:-2px;border-color:var(--purple);box-shadow:none}
.hb-date-button:focus-visible{outline:none;border:2px solid var(--purple);box-shadow:none}
@media (max-width: 650px){.hb-remember{padding:13px}
.hb-remember strong{font-size:15px}
.hb-remember small{font-size:13px}}
.hb-live-search{flex-wrap:wrap;gap:8px 12px}
.hb-search-box{position:relative;display:block}
.hb-search-box > svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:21px;height:21px;color:var(--purple);pointer-events:none}
.field .hb-search-box > input{padding-left:44px;width:100%;min-height:46px}
.hb-live-search > .btn{min-height:46px}
.hb-search-status{flex-basis:100%;min-height:20px;font-size:13px;color:var(--muted)}
.hb-search-box:focus-within > svg{color:var(--purple-dark)}
.hb-community > header{gap:20px;margin-bottom:20px}
.hb-community-nav{gap:12px}
.hb-live-search{column-gap:12px}
.hb-live-search > .field{min-width:150px}
.hb-live-search > .btn{flex-shrink:0}
.hb-upload-custom{display:flex;flex-direction:column;align-items:stretch;gap:14px;border:1px solid #e5e5e7;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23f4f4f5' d='M0 0h1v1H0z'/%3E%3C/svg%3E");padding:18px;border-radius:18px}
.hb-upload-preview{display:grid;place-items:center;min-height:100px;overflow:hidden;border-radius:12px;background:rgba(255,255,255,0.600)}
.hb-upload-custom .hb-image-preview{width:100%;height:auto;max-height:240px;object-fit:contain;border-radius:12px}
.hb-upload-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.hb-upload-pick{position:relative;cursor:pointer}
.hb-upload-pick > span{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--hb-button-soft);color:var(--purple-dark);border-radius:12px;font-weight:700;border-color:var(--hb-button-soft-border)}
.hb-upload-pick input[type="file"]{position:absolute;width:1px;height:1px;min-height:0px;padding:0px;margin:0px;opacity:0;overflow:hidden}
.hb-upload-pick:focus-within > span{background:var(--hb-button-soft);border-color:var(--hb-button-soft-border)}
.hb-upload-info{overflow-wrap:anywhere}
.hb-upload-custom [hidden]{display:none !important}
.hb-ad-add{margin-top:18px}
.hb-ad-slots:empty{display:none}
.hb-ad-slots{grid-template-columns:repeat(auto-fill, minmax(min(100%,190px), 1fr))}
.hb-ad-thumb{height:120px;object-fit:contain}
.hb-ad-slot.occupied{border:1px solid #e5e5e7}

.hb-carousel > a{display:block;width:100%}
@media (max-width: 650px){}
.hb-carousel button.hb-carousel-open{display:block;width:100%;padding:0px;border:0px;border-radius:0px;background:transparent;cursor:pointer}
.hb-carousel-open:focus-visible{outline:2px solid var(--purple);outline-offset:-2px}
.hb-image-modal{width:min(1000px, -30px + 100vw)}
.hb-spot-lightbox{display:flex;flex-direction:column;align-items:center;gap:18px}
.hb-spot-large{display:block;max-width:100%;width:auto;max-height:70vh;object-fit:contain;border-radius:12px}
.hb-banner-admin-grid{display:grid;grid-template-columns:repeat(2, minmax(0px, 1fr));gap:20px}
.hb-banner-admin-grid > .panel{min-width:0px}
.hb-ad-row{border-top:1px solid var(--line)}
.hb-ad-row .panel-head{margin-bottom:0px}
.hb-ad-row .hb-upload-custom{display:grid;grid-template-columns:110px minmax(0px, 1fr);background:none;border:0px;padding:0px;margin:0px;gap:12px}
.hb-ad-row .hb-upload-custom > strong{display:none}
.hb-ad-row .hb-upload-preview{grid-row:1 / 3;min-height:155px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E")}
.hb-ad-row .hb-image-preview{object-fit:cover}
.hb-ad-row details summary{cursor:pointer;padding:8px 0px}
.hb-ad-row .hb-upload-actions{align-content:center}
.hb-carousel-open{position:relative}
@media (max-width: 900px){.hb-banner-admin-grid{grid-template-columns:1fr}}
@media (max-width: 450px){.hb-ad-row .hb-upload-custom{grid-template-columns:85px minmax(0px, 1fr)}
.hb-ad-row .hb-upload-pick > span{font-size:13px;padding:10px}}
dialog.hb-image-modal{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;padding:56px 24px 24px;margin:0px;border:0px;border-radius:0px;background:transparent;box-shadow:none;color:white}
.hb-image-modal .modal-head{position:fixed;top:12px;right:16px;margin:0px;z-index:2}
.hb-image-modal .modal-head h2{display:none}
.hb-image-modal .modal-head button{color:white;background:transparent}
.hb-image-modal .hb-spot-large{max-width:100%;max-height:calc(100dvh - 150px);border-radius:24px}
.hb-image-modal .hb-spot-lightbox > .btn{flex-shrink:0}
@media (max-width: 650px){dialog.hb-image-modal{padding:56px 12px 16px}}
.hb-carousel-pagination{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;justify-content:center;flex-wrap:wrap;gap:0px;max-width:80%;padding:2px 7px;border-radius:24px;background:rgba(23,50,77,0.150);backdrop-filter:blur(5px)}
.hb-carousel .hb-carousel-pagination button{display:grid;place-items:center;width:24px;min-width:24px;height:28px;min-height:28px;padding:0px;background:transparent;border:0px;border-radius:999px}
.hb-carousel-pagination button span{display:block;width:8px;height:8px;background:rgba(255,255,255,0.570);border-radius:999px;transition:width 0.18s}
.hb-carousel .hb-carousel-pagination button[aria-current="true"]{width:36px}
.hb-carousel-pagination button[aria-current="true"] span{width:26px;background:white}
.hb-carousel-pagination button:focus-visible{outline:white solid 2px;outline-offset:-2px}
.hb-banner-admin-grid{align-items:start}
.hb-upload.hb-upload-custom, .hb-ad-row .hb-upload.hb-upload-custom{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 0px;margin:0px 0px 8px;background:transparent;border:0px;border-radius:0px}
.hb-upload-custom > strong{align-self:flex-start;color:var(--ink)}
.hb-upload-custom .hb-upload-preview, .hb-ad-row .hb-upload-preview{display:flex;align-items:center;justify-content:center;grid-row:auto;width:min(100%, 320px);min-height:118px;padding:20px;border:1px dashed #f4f4f5;border-radius:18px}
.hb-upload-custom .hb-upload-preview:has(img), .hb-ad-row .hb-upload-preview:has(img){width:100%;min-height:0px;padding:0px;background:transparent;border:0px;overflow:visible}
.hb-upload-custom .hb-image-preview, .hb-ad-row .hb-image-preview{display:block;width:auto;height:auto;max-width:100%;max-height:260px;object-fit:contain;background:transparent;border-radius:18px;box-shadow:rgba(0,65,130,0.080) 0px 8px 22px}
.hb-upload-custom .hb-upload-actions{justify-content:center;align-items:center;gap:10px;width:100%}
.hb-upload-custom .hb-upload-pick > span, .hb-ad-row .hb-upload-pick > span{background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial;font-size:14px}
.hb-upload-custom .hb-upload-pick:hover > span{background:var(--hb-button-soft);border-color:var(--hb-button-soft-border)}
.hb-upload-custom .hb-upload-actions > .btn{background:#ffffff;color:#e51e59;border-radius:12px}
.hb-upload-custom .hb-upload-actions > .btn:hover{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E")}
.hb-upload-hint, .hb-upload-custom .hb-upload-info{display:block;width:100%;text-align:center;color:#68686f;font-size:12px;line-height:1.55;overflow-wrap:anywhere}
.hb-upload-info:empty{display:none}
@media (max-width: 450px){.hb-upload-custom .hb-image-preview, .hb-ad-row .hb-image-preview{max-height:220px}
.hb-upload-custom .hb-upload-pick > span, .hb-ad-row .hb-upload-pick > span{padding:11px 12px;font-size:13px}}
.hb-ad-row details > summary{display:flex;align-items:center;gap:9px;list-style:none}
.hb-ad-row details > summary::-webkit-details-marker{display:none}
.hb-ad-row details > summary::marker{content:""}
.hb-disclosure-triangle{width:14px;height:14px;fill:none;stroke:currentcolor;stroke-width:1.6;stroke-linejoin:round;transform-origin:50% 50%;transition:none}
.hb-ad-row details[open] > summary .hb-disclosure-triangle{transform:scaleY(-1)}
@media (prefers-reduced-motion: reduce){.hb-disclosure-triangle{transition:none}}
.hb-confirm{border-color:var(--line);background:#ffffff}
.hb-confirm p{color:#68686f}
.hb-confirm .btn.secondary{background:#ffffff;border-color:#f4f4f5;color:#e51e59}
dialog .btn.danger, .hb-confirm .btn.danger{background:var(--accent);color:#ffffff}
.btn:focus-visible{outline:#8aa1c1 solid 2px;outline-offset:3px;border-color:transparent;box-shadow:none}
.btn.secondary:focus-visible, .btn.quiet:focus-visible{outline-color:#68686f;border-color:#68686f}
html{scrollbar-gutter:stable}
@supports not (scrollbar-gutter:stable){html{overflow-y:scroll}}
.hb-space-card{display:flex;flex-direction:column;min-width:0px}
.hb-space-card > .hb-cover{flex-shrink:0;margin-bottom:20px}
.hb-space-copy{display:flex;flex-direction:column}
.hb-space-category{display:inline-flex;align-self:flex-start;width:fit-content;padding:6px 10px;border-radius:8px;font-size:12px;font-weight:700;line-height:1.4;letter-spacing:0px;text-transform:none}
.hb-space-card h2{font-size:23px;font-weight:700;line-height:1.2;letter-spacing:-0.5px;margin:0px;overflow-wrap:anywhere}
.hb-space-location{display:flex;align-items:flex-start;gap:9px;color:#68686f;font-size:14px;line-height:1.5}
.hb-space-location svg{width:18px;height:20px;margin-top:1px}
.hb-space-location strong{display:block;color:#e51e59;font-weight:700}
.hb-space-location span{display:block;margin-top:3px;overflow-wrap:anywhere}
.hb-space-excerpt{border-top:1px solid #f4f4f5;padding-top:16px}
.hb-space-excerpt h3{font-size:13px;font-weight:700;color:#e51e59;margin-bottom:7px}
.hb-space-actions{margin-top:auto}
.hb-space-actions .btn{width:100%;min-height:44px;font-size:14px;text-align:center;white-space:normal}
.hb-space-actions .secondary{border-color:#f4f4f5;background:#ffffff;color:#e51e59}
.hb-space-public > h1{font-weight:700;margin:15px 0px 12px;overflow-wrap:anywhere}
.hb-space-public-location{display:flex;flex-wrap:wrap;gap:7px 16px;font-size:16px;line-height:1.6;margin-bottom:24px;color:#68686f}
.hb-space-public-location strong{color:#e51e59}
.hb-space-public > .hb-cover{margin-top:0px;margin-bottom:28px}
.hb-space-information{display:grid}
.hb-space-information h2{font-size:19px;font-weight:700;margin-bottom:12px;color:var(--ink)}
.hb-space-information p{font-size:16px;line-height:1.75;color:#68686f;margin:0px}
.hb-space-facilities{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E");border-radius:16px;padding:22px}
.hb-space-about:only-child{grid-column:1 / -1}
.hb-space-public-actions{margin-top:24px;padding-top:22px;border-top:1px solid #f4f4f5}
.hb-space-public-actions .btn{font-size:15px;min-height:46px}
@media (max-width: 650px){.hb-space-information{grid-template-columns:1fr;gap:12px}
.hb-space-public-actions .btn{width:100%}
.hb-space-public-location{flex-direction:column;gap:3px}
.hb-space-information p{font-size:15px}}
.hb-footer-first{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px 18px;font-size:12px}
.hb-footer-first .brand{font-size:19px;letter-spacing:-0.6px;color:var(--ink)}
.hb-footer-first .brand img{width:26px;height:26px}
.hb-platform-footer > p{font-size:12px;margin:10px 0px 0px;color:#68686f}
.hb-platform-footer > small{display:block;margin-top:6px;font-size:11px}
.auth-form-side > .hb-platform-footer{width:100%;margin-top:28px}
.hb-footer-meta a{font-weight:700;color:#e51e59;text-decoration:underline;text-underline-offset:3px}
.hb-footer-meta a:hover{color:#68686f}
.hb-footer-meta a:focus-visible{outline:#e51e59 solid 2px;border-radius:3px}
.hb-footer-meta{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:5px 8px;margin-top:9px;font-size:11px;line-height:1.6;color:#68686f}
@media (max-width: 650px){.hb-footer-meta{flex-direction:column;gap:4px;text-align:center}
.hb-footer-meta > [aria-hidden]{display:none}}
.hb-space-actions{grid-template-columns:repeat(2, minmax(0px, 1fr))}
.hb-space-actions .btn{padding:11px 8px;gap:5px}
.hb-space-actions > a{justify-content:center}
.hb-space-actions > :only-child{grid-column:1 / -1}
.hb-space-excerpt .hb-excerpt{font-size:15px;font-weight:700;color:#e51e59;line-height:1.65}
.hb-space-details{max-width:1250px}
.hb-space-public{text-align:center;padding-top:35px}
.hb-space-public > .hb-space-category{margin-inline:auto}
.hb-space-public > h1{max-width:none}
.hb-space-public-location{justify-content:center}
.hb-space-public > .hb-cover{width:auto;max-width:100%;height:auto;max-height:440px;object-fit:contain;margin-inline:auto}
.hb-space-information{max-width:none;grid-template-columns:1fr;gap:18px;justify-items:center}
.hb-space-about{width:100%;padding:6px 0px}
.hb-space-information .hb-space-about p{font-size:17px;font-weight:700;color:#e51e59}
.hb-space-facilities{width:100%;max-width:800px;text-align:center}
.hb-space-public-actions{max-width:none;display:flex;justify-content:center}
.hb-page-back-row{display:flex;align-items:center;flex-wrap:nowrap;justify-content:flex-start;width:100%;margin:0px 0px 16px}
.hb-page-back{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:transparent;border:0px;border-radius:12px;color:#19191c;padding:5px}
.hb-page-back svg{width:34px;height:34px;stroke-width:2.7;stroke:currentcolor;fill:none}
.hb-page-back:hover{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E")}
.hb-page-back:focus-visible{outline:#19191c solid 2px;outline-offset:-2px}
.auth-form-side > .hb-page-back-row{max-width:460px}
@media (max-width: 650px){.hb-space-public{padding-top:20px}
.hb-space-public > .hb-cover{max-height:350px}
.hb-space-public-location{align-items:center}
.hb-page-back-row{margin-bottom:12px}}
.hb-space-details > .card-grid > .notice:only-child{grid-column:1 / -1;text-align:center;justify-self:center;margin-top:0px}
.hb-category-filter{flex:0 1 240px}
.hb-category-filter .hb-select{width:100%}
@media (max-width: 650px){.hb-category-filter{min-width:0px}
.hb-category-filter .field{width:100%}}
.hb-directory-more{text-align:center;margin-top:22px}
.hb-directory-more:empty{display:none}
.hb-directory-more > p{font-size:13px;color:#68686f;margin-bottom:12px}
.hb-skeleton-card{min-height:320px;text-align:left}
.hb-skeleton-card > div, .hb-skeleton-card > span{display:block;border-radius:10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23f4f4f5' d='M0 0h1v1H0z'/%3E%3C/svg%3E") 0% 0% / 250% 100%;animation:1.3s ease-in-out 0s infinite normal none running hb-skeleton}
.hb-skeleton-card > div{height:175px;margin-bottom:20px}
.hb-skeleton-card > span{height:16px;margin-top:12px}
.hb-skeleton-card > span:last-child{width:65%}
@keyframes hb-skeleton { 
  0% { background-position: 100% 0px; }
  100% { background-position: 0px 0px; }
}
@media (prefers-reduced-motion: reduce){.hb-skeleton-card > div, .hb-skeleton-card > span{animation:auto ease 0s 1 normal none running none}}
@media (max-width: 650px){.hb-category-filter{flex-basis:100%}
.hb-skeleton-card:nth-child(n/**/+3){display:none}}
.jd-card-editor{margin-top:12px;overflow:hidden;color:#252529}
.jd-card-editor-bar{display:flex;flex-direction:column;border-bottom:1px solid #f4f4f5}
.jd-card-editor-modes, .jd-card-editor-tools, .jd-card-editor-ink, .jd-card-editor-selection{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.jd-card-editor [hidden]{display:none !important}
.jd-card-editor-bar button{background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial;border:1px solid #f4f4f5;font-style:normal;font-variant:normal;font-size-adjust:none;font-language-override:normal;font-kerning:auto;font-optical-sizing:auto;font-feature-settings:normal;font-variation-settings:normal;font-weight:600;font-stretch:normal;line-height:1.25;font-family:Arial, sans-serif;min-height:36px;cursor:pointer;transition:background 0.12s}
.jd-card-editor-bar button:hover{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E")}
.jd-card-editor-bar button[aria-pressed="true"]{background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial}
.jd-card-editor-bar button:focus-visible{outline:#68686f solid 2px;outline-offset:2px}
.jd-card-editor-bar button:disabled{opacity:0.4;cursor:default}
.jd-card-editor-bar [data-format]{min-width:36px;font-size:17px}
.jd-card-editor-bar [data-remove]{color:#e51e59;background:#ffffff;border-color:#f4f4f5}
.jd-card-editor-bar label{display:flex;gap:8px;align-items:center;margin:0px;font:500 12px / 1.5 Arial, sans-serif;color:#e51e59}
.jd-card-editor-bar input[type="range"]{accent-color:#e51e59;width:100px !important;padding:0px !important;box-shadow:none !important}
.jd-card-editor-bar input[type="color"]{height:32px;width:32px !important;padding:3px !important;border-radius:9px !important}
.jd-card-editor-bar output{min-width:40px;font-size:12px}
.jd-card-editor-help{color:#e51e59;margin:0px !important;padding:10px 14px !important;font:400 12px / 1.6 Arial, sans-serif !important}
.jd-card-editor-page{padding:14px 16px 12px;background:#ffffff}
.jd-card-editor-stage{position:relative;width:100%;max-width:none;min-height:180px;isolation:isolate}
.jd-card-editor-text{font-family:Inter, Arial, Helvetica, sans-serif !important;letter-spacing:normal !important;word-spacing:normal !important;text-transform:none !important}
.jd-card-editor-text{position:relative;z-index:1;outline:none;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;cursor:text;font-weight:500 !important;color:#252529 !important;padding:0px !important;margin:0px !important}
.jd-card-editor-text div, .jd-card-editor-text p{min-height:24px;margin:0px !important;padding:0px !important}
.jd-card-editor-text:empty::before{content:attr(data-placeholder);color:#68686f;pointer-events:none}
.jd-card-editor-text b, .jd-card-editor-text strong{font-weight:700 !important}
.jd-card-editor-text i, .jd-card-editor-text em{font-style:italic}
.jd-card-editor-overlay{position:absolute;inset:0px;z-index:2;touch-action:none;pointer-events:none;background:transparent !important;max-width:none !important;border:0px !important;margin:0px !important;padding:0px !important}
.jd-card-editor-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;border-top:1px solid #f4f4f5;color:#68686f;font:400 11px / 1.5 Arial, sans-serif}
.jd-card-editor-footer .is-over{color:#e51e59}
.jd-card-editor-note{color:#e51e59;padding:0px 14px !important;margin:0px !important;font:400 13px / 1.6 Arial, sans-serif !important}
.jd-card-editor-note:not(:empty){padding:10px 14px !important}
@media (max-width: 600px){.jd-card-editor-footer span:last-child{display:none}}
.jd-card-editor-under{background-position:initial !important;background-size:initial !important;background-repeat:initial !important;background-attachment:initial !important;background-origin:initial !important;background-clip:initial !important}
.jd-card-editor-under{position:absolute;inset:0px;z-index:0;pointer-events:none !important;background:transparent !important;max-width:none !important;border:0px !important;margin:0px !important;padding:0px !important}
.jd-card-editor-scroll{max-height:440px;min-height:180px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#f4f4f5 transparent;resize:vertical}
.jd-card-editor-bar{position:relative;padding:10px 12px;gap:6px;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial;box-shadow:rgba(36,59,83,0.016) 0px 3px 12px}
.jd-card-editor-bar button{border-color:transparent;background:transparent;border-radius:8px;color:#e51e59;font-size:12px;padding:7px 10px}
.jd-card-editor-bar button[aria-pressed="true"]{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E");color:#e51e59;border-color:#f4f4f5;box-shadow:none}
.jd-card-editor-help{display:none}
.jd-card-editor-footer{padding:7px 12px}
.jd-card-editor-ink, .jd-card-editor-selection{padding-top:5px;border-top:1px solid #f4f4f5}
.jd-card-editor-bar .jd-text-colour{border-left:1px solid #f4f4f5;padding-left:8px;font-size:17px;font-weight:700}
.jd-card-editor-bar .jd-text-colour input{height:25px;border:0px;width:25px !important}
@media (max-width: 600px){.jd-card-editor-scroll{max-height:48dvh;resize:none}
.jd-card-editor-bar{gap:3px;padding:8px}
.jd-card-editor-bar button{min-height:38px;padding:6px 9px}
.jd-card-editor-page{padding:12px}
.jd-card-editor-selection label{flex-wrap:wrap}}
.jd-card-editor{border:1px solid #f4f4f5;box-shadow:rgba(23,50,77,0.043) 0px 12px 34px;transition:border-color 0.2s, box-shadow 0.2s}
.jd-card-editor:focus-within{border-color:#f4f4f5;box-shadow:rgba(10,102,194,0.035) 0px 12px 34px}
.jd-card-editor .jd-card-editor-modes{max-width:100%}
.jd-card-editor .jd-card-editor-bar button{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-style:normal;font-variant:normal;font-size-adjust:none;font-language-override:normal;font-kerning:auto;font-optical-sizing:auto;font-feature-settings:normal;font-variation-settings:normal;font-stretch:normal;font-size:12px;line-height:1.2;font-family:Arial, sans-serif;min-height:35px;border:1px solid transparent;border-radius:8px;transition:background 0.15s, color 0.15s, box-shadow 0.15s;padding:8px 12px;white-space:nowrap}
.jd-card-editor .jd-card-editor-bar button i{font-size:15px;line-height:1}
.jd-card-editor .jd-card-editor-modes button[aria-pressed="true"]{border-color:transparent}
.jd-card-editor .jd-card-editor-bar button:hover:not(:disabled):not([aria-pressed="true"]){background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial}
.jd-card-editor .jd-card-editor-tools button[aria-pressed="true"]{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E");color:#e51e59;border-color:#f4f4f5;box-shadow:none}
.jd-card-editor .jd-card-editor-tools button[data-undo]{margin-left:6px}
.jd-card-editor .jd-card-editor-tools .jd-text-colour{position:relative;display:inline-flex;justify-content:center;box-sizing:border-box;padding:0px;border:0px;cursor:pointer}
.jd-card-editor .jd-text-colour-label{font-style:normal;font-variant:normal;font-size-adjust:none;font-language-override:normal;font-kerning:auto;font-optical-sizing:auto;font-feature-settings:normal;font-variation-settings:normal;font-weight:bold;font-stretch:normal;line-height:1;font-family:Arial, sans-serif;color:#252529;pointer-events:none;position:relative}
.jd-card-editor .jd-text-colour-label span{position:absolute;bottom:0px;left:0px;right:0px;height:3px;border-radius:3px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23d92832' d='M0 0h1v1H0z'/%3E%3C/svg%3E")}
.jd-card-editor .jd-card-editor-tools .jd-text-colour input[type="color"]{position:absolute;inset:0px;opacity:0;cursor:pointer;width:100% !important;height:100% !important}
.jd-card-editor .jd-card-editor-page{padding:18px 16px}
.jd-card-editor .jd-card-editor-footer{border-top:1px solid #f4f4f5;color:#68686f;font-size:11px}
.jd-card-editor .jd-card-editor-selection, .jd-card-editor .jd-card-editor-ink{gap:8px;padding-top:9px;border-color:#f4f4f5}
.jd-card-editor .jd-card-editor-text:empty::before{color:#68686f;font-weight:400}
textarea[data-jd-rich-editing] ~ .jd-character-count{display:none !important}
@media (max-width: 600px){.jd-card-editor .jd-card-editor-modes{width:100%;gap:0px;padding:3px}
.jd-card-editor .jd-card-editor-modes button{gap:4px}
.jd-card-editor .jd-card-editor-bar button i{font-size:14px}
.jd-card-editor .jd-card-editor-tools button, .jd-card-editor .jd-card-editor-tools .jd-text-colour{min-height:40px}
.jd-card-editor .jd-card-editor-page{padding:14px 12px}}
.jd-card-editor-stage{box-sizing:border-box;width:100% !important;max-width:none !important}
.jd-card-editor-text{width:100%;box-sizing:border-box}
.jd-card-editor[data-mode="scroll"] .jd-card-editor-overlay{cursor:grab;touch-action:pan-y !important}
@media (max-width: 600px){.jd-card-editor .jd-card-editor-modes{flex-wrap:wrap;justify-content:flex-start;border-radius:18px}}
.jd-draw-workspace{padding:0px;border:0px;width:100vw;max-width:none;height:100dvh;max-height:none;inset:0px;margin:0px;background:#ffffff;overflow:hidden;color:#252529}
.jd-draw-workspace[open]{display:flex;flex-direction:column}
.jd-draw-workspace::backdrop{background:rgba(36,59,83,0.440);backdrop-filter:blur(5px)}
.jd-draw-workspace-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E");border-bottom:1px solid #f4f4f5;flex:0 0 auto}
.jd-draw-workspace-head strong{display:block;font-size:17px}
.jd-draw-workspace-head small{display:block;font-size:11px;line-height:1.5;color:#e51e59;margin-top:3px}
.jd-draw-done{border:0px;border-radius:8px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23d92832' d='M0 0h1v1H0z'/%3E%3C/svg%3E");color:#ffffff;padding:12px 17px;font-weight:700;min-height:44px;white-space:nowrap}
.jd-draw-workspace .jd-card-editor{display:flex;flex-direction:column;flex:1 1 0%;min-height:0px;border:0px;border-radius:0px;box-shadow:none;overflow:hidden;margin:0px !important}
.jd-draw-workspace .jd-card-editor-scroll{order:0;flex:1 1 0%;min-height:0px;resize:none;overscroll-behavior:contain;max-height:none !important}
.jd-draw-workspace .jd-card-editor-bar{order:1;flex:0 0 auto;max-height:40dvh;overflow-y:auto;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #f4f4f5;border-bottom:0px;box-shadow:rgba(36,59,83,0.035) 0px -8px 25px}
.jd-draw-workspace .jd-card-editor-footer{display:none}
.jd-draw-workspace .jd-card-editor-note{order:2;flex:0 0 auto}
.jd-draw-workspace .jd-card-editor-bar button{min-width:42px;min-height:44px !important}
.jd-draw-workspace .jd-card-editor-tools [data-format], .jd-draw-workspace .jd-card-editor-tools [data-bullets], .jd-draw-workspace .jd-card-editor-tools .jd-text-colour{display:none}
.jd-draw-workspace .jd-card-editor-bar [data-mode="write"]{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E")}
.jd-draw-workspace .jd-card-editor-bar input[type="range"]{height:32px;min-width:115px}
.jd-draw-workspace .jd-card-editor-modes{flex-wrap:wrap;justify-content:flex-start}
.jd-card-editor[data-mode="write"] .jd-card-editor-selection{display:none !important}
.jd-draw-workspace .jd-card-editor-bar{display:grid;grid-template-columns:minmax(0px, 1fr) auto;align-content:start}
.jd-draw-workspace .jd-card-editor-modes, .jd-draw-workspace .jd-card-editor-selection{grid-column:1 / -1}
.jd-draw-workspace .jd-card-editor-tools{grid-area:2 / 2;flex-wrap:nowrap}
.jd-draw-workspace .jd-card-editor-ink{grid-area:2 / 1;min-width:0px}
.jd-draw-workspace .jd-card-editor-tools button[data-undo]{margin-left:0px;border-left:0px;border-radius:11px}
.jd-draw-workspace .jd-card-editor-bar label{flex-wrap:wrap}
.jd-draw-workspace .jd-card-editor-bar input[type="color"]{min-width:40px;min-height:40px}
.jd-draw-workspace .jd-card-editor-selection label{flex:1 0 100%}
.jd-draw-workspace .jd-card-editor-scroll{scroll-behavior:auto;overflow-anchor:none}
.jd-draw-workspace .jd-card-editor-modes{border-radius:18px}
.jd-card-editor .jd-highlight-colour{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;padding:0px;border-radius:11px;background:#e5e5e7;color:#e51e59;cursor:pointer;border:1px solid #f4f4f5}
.jd-card-editor .jd-highlight-colour input[type="color"]{position:absolute;inset:0px;opacity:0;cursor:pointer;width:100% !important;height:100% !important}
.jd-card-editor .jd-highlight-colour i{pointer-events:none}
.jd-draw-workspace .jd-highlight-colour, .jd-draw-workspace [data-clear-highlight]{display:none !important}
@media (max-width: 600px){.jd-card-editor .jd-highlight-colour{min-width:40px;min-height:40px}}
.jd-card-editor .jd-card-emoji-panel{max-height:220px;overflow:auto;border:1px solid #f4f4f5;border-radius:16px;background:#ffffff;padding:12px;scrollbar-width:thin;scrollbar-color:#f4f4f5 transparent}
.jd-card-emoji-panel strong{display:block;font:600 11px / 1.5 Inter, Arial, sans-serif;color:#68686f;margin:8px 4px 5px}
.jd-card-emoji-grid{display:flex;flex-wrap:wrap;gap:3px}
.jd-card-editor .jd-card-emoji-grid button{font:22px / 1.2 "Apple Color Emoji", "Segoe UI Emoji", sans-serif;min-width:38px;min-height:38px;padding:5px;border-radius:10px}
.jd-draw-workspace .jd-card-emoji-toggle, .jd-draw-workspace .jd-card-emoji-panel{display:none !important}
@media (max-width: 760px), (hover: none), (pointer: coarse){.jd-card-editor .jd-card-emoji-toggle, .jd-card-editor .jd-card-emoji-panel{display:none !important}}
.jd-card-editor .jd-text-colour-label{padding-bottom:0px}
.jd-card-editor .jd-text-colour-label span{display:none}
.jd-card-editor .jd-card-editor-tools .jd-highlight-colour{box-sizing:border-box}
@media (max-width: 600px){}
.jd-card-editor .jd-card-editor-ink input[data-color]{outline:none;cursor:pointer;box-shadow:none !important;background:transparent !important}
.jd-card-editor input[data-color]:focus-visible{outline:#68686f solid 2px;outline-offset:3px}
.jd-card-editor .jd-card-editor-modes{align-self:stretch;flex-wrap:wrap}
.jd-card-editor .jd-card-editor-modes button[aria-pressed="true"]{background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial}
.jd-card-editor .jd-card-editor-modes button[aria-pressed="true"] i{color:#ffffff}
.jd-card-editor .jd-tools-group{align-items:center;border:1px solid #f4f4f5;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial}
.jd-card-editor .jd-card-editor-tools button{margin:0px}
.jd-card-editor .jd-card-editor-tools button[data-format]{font-size:17px}
.jd-card-editor .jd-card-editor-tools button[aria-pressed="true"], .jd-card-editor .jd-card-editor-tools button[aria-expanded="true"]{background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial}
.jd-card-editor .jd-card-editor-bar button:disabled{background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial;box-shadow:none;cursor:default}
.jd-card-editor .jd-card-editor-tools button[data-undo]{margin:0px;border-left:1px solid transparent;border-radius:8px}
.jd-card-editor .jd-card-editor-tools .jd-text-colour{margin:0px;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial}
.jd-card-editor .jd-text-colour-label{font-size:20px;padding:0px}
.jd-card-editor .jd-card-editor-tools .jd-highlight-colour{flex:0 0 30px;margin:0px 3px;border:0px}
.jd-card-editor .jd-highlight-colour.is-active{outline:#e51e59 solid 2px;outline-offset:1px}
.jd-card-editor .jd-tools-colors [data-clear-highlight]{color:#e51e59;background:#ffffff}
.jd-card-editor .jd-tools-history .jd-card-emoji-toggle{color:#e51e59;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E")}
.jd-card-editor .jd-card-editor-ink, .jd-card-editor .jd-card-editor-selection{border:1px solid #f4f4f5;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial}
.jd-card-editor .jd-card-editor-ink label, .jd-card-editor .jd-card-editor-selection label{color:#252529;font-weight:600}
.jd-card-editor .jd-card-editor-bar [data-new]{background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial;border-radius:9px}
.jd-card-editor .jd-card-editor-bar [data-remove]:not(:disabled){background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial}
.jd-card-editor .jd-card-editor-selection [data-layer][aria-pressed="true"]{background:#e51e59;color:#ffffff;box-shadow:rgba(10,102,194,0.140) 0px 3px 7px}
.jd-draw-workspace .jd-tools-format, .jd-draw-workspace .jd-tools-colors{display:none !important}
.jd-draw-workspace .jd-card-editor-tools{align-self:start}
@media (max-width: 600px){.jd-card-editor .jd-card-editor-tools{gap:6px}
.jd-card-editor .jd-tools-group{gap:2px}
.jd-card-editor .jd-card-editor-tools button{padding:7px}
.jd-card-editor .jd-card-editor-tools .jd-text-colour{min-height:40px;height:40px}
.jd-card-editor .jd-card-editor-tools .jd-highlight-colour{min-height:40px;height:40px}}
.jd-card-editor [data-clear-highlight], .jd-card-editor [data-undo], .jd-card-editor [data-redo], .jd-card-editor [data-emoji-toggle], .jd-card-editor [data-mode="erase"]{background:transparent !important;border-color:transparent !important;box-shadow:none !important}
.jd-card-editor [data-clear-highlight]:active:not(:disabled), .jd-card-editor [data-clear-highlight][aria-pressed="true"]:not(:disabled), .jd-card-editor [data-clear-highlight][aria-expanded="true"]:not(:disabled), .jd-card-editor [data-undo]:active:not(:disabled), .jd-card-editor [data-undo][aria-pressed="true"]:not(:disabled), .jd-card-editor [data-undo][aria-expanded="true"]:not(:disabled), .jd-card-editor [data-redo]:active:not(:disabled), .jd-card-editor [data-redo][aria-pressed="true"]:not(:disabled), .jd-card-editor [data-redo][aria-expanded="true"]:not(:disabled), .jd-card-editor [data-emoji-toggle]:active:not(:disabled), .jd-card-editor [data-emoji-toggle][aria-pressed="true"]:not(:disabled), .jd-card-editor [data-emoji-toggle][aria-expanded="true"]:not(:disabled), .jd-card-editor [data-mode="erase"]:active:not(:disabled), .jd-card-editor [data-mode="erase"][aria-pressed="true"]:not(:disabled), .jd-card-editor [data-mode="erase"][aria-expanded="true"]:not(:disabled){background:#e51e59 !important;color:#ffffff !important;border-color:#e51e59 !important;box-shadow:none !important}
.jd-card-editor [data-clear-highlight]:disabled, .jd-card-editor [data-undo]:disabled, .jd-card-editor [data-redo]:disabled, .jd-card-editor [data-emoji-toggle]:disabled, .jd-card-editor [data-mode="erase"]:disabled{background:transparent !important;color:#68686f !important}
.jd-card-editor .jd-card-editor-modes{box-sizing:border-box;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial}
.jd-card-editor .jd-card-editor-modes button{font-size:12px;line-height:1.3}
.jd-card-editor .jd-card-editor-modes button[aria-pressed="true"]{background:#e51e59;color:#ffffff;box-shadow:#e51e59 0px -2px 0px inset}
.jd-card-editor .jd-card-editor-tools{background:transparent}
.jd-card-editor .jd-tools-group{position:relative;gap:2px;padding:2px 10px 19px;background:transparent;border-width:0px 1px 0px 0px;border-style:none solid none none;border-color:currentcolor #f4f4f5 currentcolor currentcolor;border-image:none;border-radius:0px;box-shadow:none;flex-wrap:nowrap}
.jd-card-editor .jd-tools-group:first-child{padding-left:0px}
.jd-card-editor .jd-tools-group:last-child{border-right:0px}
.jd-card-editor .jd-tools-group::after{position:absolute;bottom:0px;left:0px;right:0px;text-align:center;color:#e51e59;font:500 10px / 15px Arial, sans-serif;letter-spacing:0.2px;pointer-events:none}
.jd-card-editor .jd-tools-group:nth-child(1)::after{content:"Text"}
.jd-card-editor .jd-tools-group:nth-child(2)::after{content:"Colour"}
.jd-card-editor .jd-tools-group:nth-child(3)::after{content:"Tools"}
.jd-card-editor .jd-card-editor-tools button{background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial;font-weight:600}
.jd-card-editor .jd-card-editor-tools button:hover:not(:disabled){color:#e51e59;border-color:#f4f4f5}
.jd-card-editor .jd-card-editor-tools button[aria-pressed="true"], .jd-card-editor .jd-card-editor-tools button[aria-expanded="true"]{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E");color:#e51e59;border-color:#f4f4f5;box-shadow:#e51e59 0px -2px 0px inset}
.jd-card-editor .jd-card-editor-ink, .jd-card-editor .jd-card-editor-selection{padding:8px 0px 0px;border-width:1px 0px 0px;border-style:solid none none;border-color:#f4f4f5 currentcolor currentcolor;border-image:none;border-radius:0px;background:transparent;gap:8px}
.jd-card-editor .jd-card-editor-ink button, .jd-card-editor .jd-card-editor-selection button{border-radius:6px;min-height:32px;padding:6px 9px;font-size:12px}
.jd-card-editor .jd-card-editor-bar input[type="range"]{width:90px !important}
@media (max-width: 600px){.jd-card-editor .jd-card-editor-bar{padding:8px;gap:7px}
.jd-card-editor .jd-card-editor-modes button{padding:8px 7px;font-size:11px}
.jd-card-editor .jd-card-editor-tools{row-gap:6px}
.jd-card-editor .jd-tools-group{padding:0px 6px 17px}
.jd-card-editor .jd-card-editor-tools button{min-width:38px}}
.jd-card-editor .jd-card-editor-tools .jd-text-colour{width:31px;height:32px;min-height:32px;background:transparent;border-radius:5px;box-shadow:none}
.jd-card-editor .jd-card-editor-tools .jd-highlight-colour{max-width:28px;box-shadow:rgba(23,50,77,0.140) 0px 0px 0px 1px inset;border-radius:4px !important}
.jd-card-editor .jd-card-editor-tools [data-format]{font-size:16px}
@media (max-width: 600px){.jd-card-editor .jd-card-editor-tools .jd-text-colour, .jd-card-editor .jd-card-editor-tools .jd-highlight-colour{height:40px;min-height:40px}}
.jd-card-editor .jd-card-editor-tools .jd-highlight-colour, .jd-card-editor .jd-card-editor-tools .jd-highlight-colour.is-active{position:relative;color:#252529;background:transparent !important;border:0px !important;outline:none !important;box-shadow:none !important;padding:0px 0px 5px !important;border-radius:0px !important}
.jd-card-editor .jd-card-editor-tools .jd-highlight-colour::after{content:"";position:absolute;bottom:3px;left:50%;transform:translateX(-50%);width:19px;height:3px;border-radius:1px;background:var(--jd-highlight-colour,#e5e5e7);pointer-events:none}
.jd-card-editor .jd-card-editor-tools .jd-highlight-colour i{color:inherit;pointer-events:none}
.jd-card-editor .jd-card-editor-tools .jd-highlight-colour:hover, .jd-card-editor .jd-card-editor-tools .jd-highlight-colour:focus-within{color:#e51e59}
.jd-card-editor .jd-card-editor-tools .jd-highlight-colour.is-active i{color:#e51e59}
.jd-card-editor .jd-card-editor-bar{padding:8px;gap:6px;border-bottom:1px solid #f4f4f5;min-width:0px}
.jd-card-editor .jd-card-editor-modes{grid-template-columns:repeat(5, minmax(0px, 1fr));width:100%;padding:0px;border:0px;border-radius:0px;background:transparent;box-shadow:none}
.jd-card-editor .jd-card-editor-modes button{display:flex;align-items:center;justify-content:center;padding:0px;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial}
.jd-card-editor .jd-card-editor-modes button i{font-size:20px;color:inherit}
.jd-card-editor .jd-card-editor-tools{display:flex;flex-wrap:nowrap;align-items:center;min-width:0px;width:100%;box-sizing:border-box;padding:5px 0px 0px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#f4f4f5 transparent}
.jd-card-editor .jd-tools-group{display:contents}
.jd-card-editor .jd-tools-group::after{display:none !important;content:none !important}
.jd-card-editor .jd-card-editor-tools button{display:flex;align-items:center;justify-content:center;padding:0px;background:transparent !important;box-shadow:none !important}
.jd-card-editor .jd-card-editor-tools button i{font-size:19px;color:inherit}
.jd-card-editor .jd-card-editor-bar button:not(:disabled):is([aria-pressed="true"], [aria-expanded="true"], :active){border:0px !important}
.jd-card-editor .jd-card-editor-bar button:disabled{opacity:1;background:transparent !important;color:#68686f !important}
.jd-card-editor .jd-card-editor-bar button:focus-visible{outline-style:solid;outline-width:2px;outline-offset:-2px}
@media (hover: hover){.jd-card-editor .jd-card-editor-bar button:hover:not(:disabled):not([aria-pressed="true"]):not([aria-expanded="true"]){color:#252529}}
.jd-card-editor .jd-card-editor-tools .jd-text-colour, .jd-card-editor .jd-card-editor-tools .jd-highlight-colour{flex:1 0 40px;max-width:none;height:44px;min-height:44px;margin:0px;padding:0px;border:0px;box-shadow:none;background:transparent;width:40px !important;min-width:40px !important}
.jd-card-editor .jd-tools-history .jd-card-emoji-toggle, .jd-card-editor .jd-tools-colors [data-clear-highlight]{color:#e51e59}
.jd-card-editor .jd-card-editor-tools .jd-highlight-colour{color:#e51e59}
@media (max-width: 760px), (hover: none), (pointer: coarse){.jd-card-editor .jd-card-editor-tools .jd-card-emoji-toggle{display:none !important}}
.jd-card-editor .jd-card-editor-bar button:not(:disabled):is([aria-pressed="true"], [aria-expanded="true"], :active){box-shadow:none !important;border-color:transparent !important}
.jd-card-editor .jd-card-editor-bar button:not(:disabled):is([aria-pressed="true"], [aria-expanded="true"], :active) i{color:#e51e59 !important}
.jd-card-editor .jd-card-editor-bar button:focus-visible{outline-color:#cccccc !important}
.jd-card-editor [data-undo], .jd-card-editor [data-redo]{display:none !important}
.jd-card-editor .jd-card-editor-modes button i, .jd-card-editor .jd-card-editor-tools button i{font-size:17px !important}
.jd-card-editor .jd-card-editor-bar button{font-weight:500}
.jd-card-editor .jd-card-editor-tools button:not(:disabled):not([aria-pressed="true"]):not([aria-expanded="true"]){color:#68686f}
.jd-card-editor .jd-card-editor-modes{justify-content:flex-start}
.jd-card-editor .jd-card-editor-modes button{width:42px;min-width:42px;height:42px;min-height:42px}
.jd-card-editor .jd-card-editor-tools{gap:2px;justify-content:flex-start}
.jd-card-editor .jd-card-editor-tools button{flex:0 0 36px;width:36px;height:40px}
.jd-card-editor .jd-card-editor-tools [data-undo], .jd-card-editor .jd-card-editor-tools [data-redo]{display:flex !important}
.jd-card-editor .jd-card-editor-tools .jd-highlight-colour{display:flex;align-items:center;height:40px;min-height:40px;position:relative;flex:0 0 44px !important;min-width:44px !important;width:44px !important;padding:0px !important}
.jd-card-editor .jd-card-editor-tools .jd-highlight-colour [data-apply-highlight]{flex:0 0 28px;min-width:28px;width:28px;background:transparent !important}
.jd-card-editor .jd-highlight-colour .jd-highlight-picker{position:relative;display:flex;align-items:center;justify-content:center;width:16px;height:40px;cursor:pointer}
.jd-card-editor .jd-highlight-colour .jd-highlight-picker i{font-size:10px !important}
.jd-card-editor .jd-highlight-colour .jd-highlight-picker input{position:absolute;inset:0px;opacity:0;cursor:pointer;width:100% !important;height:100% !important}
.jd-card-editor .jd-highlight-colour::after{left:14px;width:17px;bottom:3px}
@media (max-width: 600px){.jd-card-editor .jd-card-editor-modes button{flex:1 0 40px;width:auto;min-height:44px}
.jd-card-editor .jd-card-editor-tools button{min-height:44px;height:44px}}
.jd-card-editor .jd-card-editor-tools .jd-text-colour{flex:0 0 36px;width:36px !important;min-width:36px !important}
.jd-card-editor-text, .jd-anchor-text{text-size-adjust:100%}
.jd-card-editor:not(.is-drawing-workspace) .jd-card-editor-scroll{overscroll-behavior-y:auto}
.jd-card-editor .jd-card-editor-bar :is([data-new], [data-remove]){min-height:38px;padding:9px 14px;border-radius:8px;font-weight:700;line-height:1.35;white-space:normal;max-width:100%;transition:background-color 0.15s, border-color 0.15s}
.jd-card-editor .jd-card-editor-bar [data-new]{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E");color:#e51e59;border:1px solid #f4f4f5}
.jd-card-editor .jd-card-editor-bar [data-new]:hover:not(:disabled){background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E");border-color:#f4f4f5}
.jd-card-editor .jd-card-editor-bar [data-remove]:not(:disabled){background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E");color:#252529;border:1px solid #f4f4f5;border-radius:8px}
.jd-card-editor .jd-card-editor-bar [data-remove]:hover:not(:disabled){background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E");border-color:#68686f}
.jd-card-editor .jd-card-editor-bar :is([data-new], [data-remove]):focus-visible{outline:#e51e59 solid 2px;outline-offset:3px}
.jd-card-editor .jd-card-editor-bar [data-remove]:disabled{background:#ffffff;color:#68686f;border:1px solid #f4f4f5;opacity:1;cursor:default}
.jd-card-editor .jd-card-editor-modes button[data-mode="write"], .jd-card-editor .jd-card-editor-modes button[data-mode="draw"], .jd-card-editor .jd-card-editor-modes button[data-mode="select"]{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:1 1 auto;width:auto;min-width:70px;padding:8px;min-height:44px}
.jd-card-editor .jd-card-editor-help{font:400 12px / 1.5 Arial, sans-serif;color:#e51e59;display:block !important;padding:8px 14px !important}
.jd-card-editor-text{background:transparent !important}
.jd-card-editor[data-mode="write"] [data-mode="erase"], .jd-card-editor[data-mode="write"] [data-mode="scroll"]{display:none !important}
.jd-card-editor[data-mode="write"] .jd-card-editor-text{touch-action:pan-y}
.hb-write-symbol{font-size:18px;font-weight:700;letter-spacing:-1px}
.jd-card-editor-text :is(div, p, span, b, strong, i, em, u, mark, font){font-family:inherit !important;font-size:inherit !important;line-height:inherit !important;letter-spacing:inherit !important}
.jd-photo-editor{box-sizing:border-box;width:min(1100px, 96vw);height:min(850px, 94dvh);max-height:94dvh;max-width:96vw;margin:auto;padding:0px;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial;box-shadow:rgba(36,59,83,0.250) 0px 24px 90px;overflow:hidden}
.jd-photo-editor[open]{display:flex;flex-direction:column}
.jd-photo-editor::backdrop{background:rgba(36,59,83,0.670);backdrop-filter:blur(5px)}
.jd-photo-editor header, .jd-photo-editor .jd-photo-actions{display:flex;align-items:center;gap:12px;padding:16px 22px;flex-shrink:0;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial}
.jd-photo-editor header strong{font-size:19px}
.jd-photo-editor .jd-photo-actions{justify-content:flex-end;border-top:1px solid #f4f4f5}
.jd-photo-editor button{border:1px solid #f4f4f5;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial;min-height:40px;padding:9px 16px;font-family:inherit;font-weight:700;font-size:14px;line-height:1.3;cursor:pointer;white-space:normal}
.jd-photo-editor button[aria-pressed="true"], .jd-photo-editor .jd-photo-save{background:#e51e59;border-color:#e51e59;color:white}
.jd-photo-editor button:disabled{opacity:0.45;cursor:default}
.jd-photo-editor button:focus-visible, .jd-photo-edit-action:focus-visible{outline:#e51e59 solid 2px;outline-offset:3px}
.jd-photo-editor .jd-photo-close{margin-left:auto;background:white;border:0px;font:300 30px / 1 Arial;padding:0px;width:40px}
.jd-photo-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 20px;background:#ffffff;flex-shrink:0}
.jd-photo-tools input[type="color"]{width:38px;height:36px;border:0px;padding:2px;background:transparent}
.jd-photo-tools input[type="range"]{width:95px;accent-color:#e51e59}
.jd-photo-viewport{flex:1 1 0%;min-height:0px;overflow:auto;overscroll-behavior:contain;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E");padding:12px;scrollbar-width:thin;scrollbar-color:#e51e59 transparent}
.jd-photo-stage{position:relative;margin:auto;flex-shrink:0;box-shadow:rgba(36,59,83,0.125) 0px 3px 20px}
.jd-photo-stage canvas{position:absolute;inset:0px;width:100%;height:100%;border:0px;padding:0px;max-width:none}
.jd-photo-stage canvas:last-child{touch-action:none}
.jd-photo-status{margin:0px;padding:10px 22px;color:#e51e59;font-size:12px;line-height:1.5;flex-shrink:0}
.jd-photo-edit-action{align-items:center;justify-content:center;gap:6px;min-height:34px;min-width:34px;cursor:pointer;flex-shrink:0;display:inline-flex !important;border:1px solid #f4f4f5 !important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E");color:#252529 !important;border-radius:8px !important;padding:7px 10px !important;font-size:13px !important;font-weight:700 !important}
.jd-photo-upload-action{margin:8px 0px;position:static !important;width:auto !important}
.jd-gallery-item > .jd-photo-edit-action, .jd-cover-item > .jd-photo-edit-action, .jd-edit-att > .jd-photo-edit-action, .fin-media-thumb > .jd-photo-edit-action, .fin-attachment-photo > .jd-photo-edit-action, .jd-outreach-preview > .jd-photo-edit-action{left:7px;bottom:7px;z-index:3;position:absolute !important}
.jd-edit-att, .fin-attachment-photo, .jd-outreach-preview{position:relative}
.jd-photo-choose{display:flex;flex-wrap:wrap;gap:12px;padding:20px;overflow:auto}
.jd-photo-choose button{display:flex;flex-direction:column;gap:8px;width:135px;word-break:break-word}
.jd-photo-choose img{width:100%;height:90px;object-fit:cover;border-radius:12px}
@media (max-width: 600px){.jd-photo-editor{width:100%;max-width:100%;height:100dvh;max-height:100dvh;border-radius:0px}
.jd-photo-editor header, .jd-photo-editor .jd-photo-actions{padding:12px 14px}
.jd-photo-tools{padding:8px;gap:6px}
.jd-photo-editor button{padding:8px 11px;min-height:40px}
.jd-photo-tools input[type="range"]{width:75px}
.jd-photo-status{padding:8px 14px}
.jd-photo-editor .jd-photo-actions{padding-bottom:max(12px,env(safe-area-inset-bottom))}}
.jd-photo-existing-cover{position:relative}
.jd-photo-existing-cover > .jd-photo-edit-action, .jd-attach-chip > .jd-photo-edit-action{left:6px;bottom:6px;z-index:4;position:absolute !important}
.jd-group-modal-avatar, .jd-flow-avatar-dot{position:relative}
.jd-group-modal-avatar > .jd-photo-edit-action, .jd-flow-avatar-dot > .jd-photo-edit-action{right:-8px;bottom:-6px;z-index:4;position:absolute !important}
.jd-photo-edit-action:hover, .jd-photo-edit-action:focus-visible{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E");border-color:#f4f4f5 !important;color:#252529 !important}
.jd-photo-tools button[aria-pressed="true"]{background:#252529;border-color:#252529;color:#ffffff}
@media (max-width: 600px){.jd-photo-editor .jd-photo-actions{flex-direction:column;align-items:stretch;gap:10px}
.jd-photo-editor .jd-photo-actions > button{flex:0 0 auto;width:100%;min-width:0px;max-width:none;min-height:48px;height:auto;margin:0px;padding:12px 16px;white-space:nowrap;word-break:normal;overflow-wrap:normal;line-height:1.4}}
.jd-photo-edit-hint{margin:8px 0px 14px;color:#e51e59;font-size:0.8rem;line-height:1.5;font-weight:500}
.fin-shell .jd-photo-edit-action, .fin-dossier .jd-photo-edit-action, .fin-media-picker .jd-photo-edit-action{box-sizing:border-box !important;width:36px !important;height:36px !important;min-width:36px !important;max-width:36px !important;min-height:36px !important;max-height:36px !important;padding:0px !important;margin:0px !important;aspect-ratio:1 / 1 !important;border-radius:50% !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;flex:0 0 36px !important;gap:0px !important;line-height:1 !important}
.fin-shell .jd-photo-edit-action i, .fin-dossier .jd-photo-edit-action i{display:block;line-height:1 !important;font-size:15px !important;margin:0px !important}
.hb-studio-section{padding:20px;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial;min-width:0px}
.hb-studio-section h3{display:flex;justify-content:space-between;margin-bottom:14px}
.hb-studio-photos{display:grid;grid-template-columns:repeat(4, minmax(0px, 1fr));gap:14px;margin-bottom:18px}
.hb-studio-photo{position:relative;min-width:0px;overflow:hidden;background:#ffffff;box-shadow:rgba(23,50,77,0.070) 0px 5px 18px}
.hb-studio-photo img{width:100%;height:145px;object-fit:cover;display:block}
.hb-studio-photo button{font-size:18px;cursor:pointer}
.hb-photo-number{position:absolute;top:8px;left:8px;padding:4px 9px;font-size:12px}
.hb-studio-picker{display:inline-flex;position:relative;overflow:hidden;cursor:pointer}
.hb-studio-picker input{position:absolute;inset:0px;width:100%;opacity:0;cursor:pointer}
.hb-studio-picker:has(input:disabled){opacity:0.5;cursor:default}
.hb-studio-picker:focus-within{outline:none;outline-offset:0}
.hb-studio-video video{max-width:100%;margin-bottom:12px}
.hb-studio-status{color:#e51e59}
.hb-card-preview{width:min(720px, -28px + 100vw);border:0px;border-radius:20px;padding:28px;max-height:90dvh;overflow:auto;background:#ffffff;color:#252529}
.hb-card-preview > button{float:right}

.hb-rich{position:relative;white-space:pre-wrap;overflow-wrap:anywhere;text-align:left;line-height:1.7;color:#e51e59;font-size:16px;font-weight:550}
.jd-anchor-text{position:relative;z-index:1}
.hb-rich-compact{font-size:15px}
.hb-play-badge{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,0.745);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.790);color:#252529;font-size:24px;box-shadow:rgba(32,43,54,0.200) 0px 8px 26px;cursor:pointer}
.hb-media-hero{display:block;position:relative;width:100%;padding:0px;background:none;border:0px;margin:24px auto;cursor:pointer;max-width:950px}
.hb-media-hero img{display:block;width:100%;max-height:520px;object-fit:contain;border-radius:18px}
.hb-media-count{position:absolute;right:16px;bottom:16px;border-radius:9px;padding:8px 12px;color:#ffffff;background:rgba(0,65,130,0.867);font-size:13px}
.hb-player{display:block;width:100%;max-height:75dvh;border-radius:15px}
.hb-gallery-stage img{display:block;max-width:100%;max-height:70dvh;object-fit:contain;margin:auto;border-radius:16px}
.hb-gallery-nav{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:18px;flex-wrap:wrap}
.hb-search [data-specialty-field]{min-width:180px;flex:1 1 0%}
.hb-search{flex-wrap:wrap}
[hidden]{display:none !important}
.jd-card-editor, .jd-photo-editor{font-family:inherit}
.jd-card-editor-bar button, .jd-photo-tools button{font-family:inherit;border-radius:10px}
.jd-card-editor-bar button[aria-pressed="true"], .jd-photo-tools button[aria-pressed="true"], .jd-photo-save{background:#e51e59 !important;color:#ffffff !important;border-color:#e51e59 !important}
.jd-card-editor-bar button:focus-visible, .jd-photo-editor button:focus-visible{outline:#68686f solid 2px;outline-offset:2px}
.jd-tools-group{background:#ffffff !important;border-color:#f4f4f5 !important}
.jd-card-editor-bar .bi{display:inline-block;font-style:normal;font-size:19px;line-height:1}
.bi-type::before{content:"T"}
.bi-pencil::before{content:"✎"}
.bi-arrows-move::before{content:"↔"}
.bi-hand-index::before{content:"☝"}
.bi-eraser::before{content:"⌫"}
.bi-list-ul::before{content:"☷"}
.bi-highlighter::before{content:"▰"}
.bi-chevron-down::before{content:"⌄"}
.bi-emoji-smile::before{content:"☺"}
.bi-arrow-counterclockwise::before{content:"↶"}
.bi-arrow-clockwise::before{content:"↷"}
@media (max-width: 650px){#modal.hb-studio-modal{width:calc(-16px + 100vw)}
.hb-studio-section{padding:14px}
.hb-studio-photos{grid-template-columns:repeat(2, minmax(0px, 1fr));gap:10px}
.hb-studio-photo img{height:140px}
.hb-search [data-specialty-field]{width:100%;flex-basis:100%}
.hb-card-preview{padding:20px}
.hb-media-count{right:8px;bottom:8px}}
.hb-studio-modal .form-grid{align-items:start}
.jd-photo-editor{border:1px solid #f4f4f5;border-radius:20px;color:#252529;background:#ffffff}
.jd-photo-editor button{border-color:#f4f4f5;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E");color:#e51e59;border-radius:10px}
.jd-photo-editor .jd-photo-viewport{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E")}
.jd-photo-editor header, .jd-photo-editor .jd-photo-actions{background:#ffffff}
.jd-card-editor [data-mode="write"] ~ button:hover{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E")}
.hb-warm-select .hb-select-arrow{color:#e51e59}
.hb-studio-photo button{padding:0px}
.hb-player{margin:auto}
.hb-image-modal:has(.hb-player), .hb-image-modal:has(.hb-gallery-stage){align-content:center}
.hb-studio-modal textarea{border-color:#f4f4f5}
.jd-card-editor-help, .jd-card-editor-foot{color:#68686f}
.hb-space-actions{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:20px;padding-top:20px}
.hb-space-actions .hb-card-link{display:inline-flex;align-items:center;justify-content:flex-start;gap:9px;min-height:44px;width:auto;border:0px;border-radius:6px;padding:6px 0px;background:transparent;font-family:inherit;font-size:17px;font-weight:750;line-height:1.3;text-decoration:none;cursor:pointer;white-space:nowrap;box-shadow:none}
.hb-card-link svg{width:20px;height:20px;flex-shrink:0;stroke:currentcolor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform 0.16s}
.hb-card-link:hover svg{transform:translateX(3px)}
.hb-card-link:hover{text-decoration:underline;text-underline-offset:5px}
.hb-card-link:focus-visible{outline:#68686f solid 2px;outline-offset:4px}
@media (max-width: 380px){.hb-space-actions{gap:12px}
.hb-space-actions .hb-card-link{font-size:16px;gap:6px}}
@media (prefers-reduced-motion: reduce){.hb-card-link svg{transition:none}}
.hb-public-facts{display:grid;grid-template-columns:repeat(3, minmax(0px, 1fr));width:100%;margin:24px auto;text-align:left}
.hb-public-facts section{padding:19px;border-radius:14px;display:flex;flex-direction:column;gap:8px;min-width:0px}
.hb-public-facts p, .hb-public-facts a{font-size:14px;margin:0px;line-height:1.5}
.hb-detail-tools{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin:18px 0px}
.hb-detail-link{font-style:inherit;font-variant:inherit;font-stretch:inherit;font-size:inherit;line-height:inherit;font-family:inherit;font-optical-sizing:inherit;font-size-adjust:inherit;font-kerning:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-language-override:inherit;font-weight:700;color:#e51e59;background:transparent;border:0px;min-height:44px;padding:10px 0px;text-decoration:none;cursor:pointer}
.hb-detail-link:hover{text-decoration:underline;text-underline-offset:4px}
.hb-public-booking{margin:30px 0px 34px;border:1px solid #f4f4f5;border-radius:20px;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial}
.hb-booking-head h2{font-size:24px;margin-bottom:8px}
.hb-booking-head p{color:#e51e59;font-size:15px}
.hb-booking-empty{grid-column:1 / -1;display:flex;align-items:flex-start;flex-direction:column;color:#e51e59;font-size:15px}
.hb-booking-empty small{font-size:13px}
.hb-space-details .hb-space-information{max-width:none;width:100%}
@media (max-width: 650px){.hb-public-facts{grid-template-columns:1fr}
.hb-booking-head h2{font-size:21px}}
.hb-space-actions .hb-card-link{color:#e51e59}
.hb-space-actions .hb-card-apply{font-weight:800}
.hb-business-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px;margin-bottom:14px}
.hb-business-status{font-weight:700;color:#e51e59}
.hb-business-status.archived{color:#68686f}
.hb-business-card h2{font-size:23px;margin-bottom:12px}
.hb-business-description{white-space:pre-line;font-size:15px;line-height:1.6;color:#e51e59}
.hb-business-actions .btn{min-height:42px;font-size:14px}
.hb-business-card .panel-head{gap:12px;flex-wrap:wrap}
@media (max-width: 650px){.hb-business-filters{grid-template-columns:1fr}}
.hb-owner-edit{margin-bottom:6px}
#toast .hb-toast-action{display:flex;align-items:flex-start;gap:16px;width:100%;border:0px;padding:0px;background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer}
#toast .hb-toast-action > div{flex:1 1 0%}
#toast .hb-toast-action > span{font-size:25px;color:white;align-self:center}
#toast .hb-toast-action:focus-visible{outline:#ffffff solid 2px;outline-offset:7px;border-radius:8px}
@media (max-width: 650px){.nav .hb-nav-label{display:none}
.nav button{min-height:46px;padding:10px 4px;justify-content:center;gap:0px}
.nav button svg{width:23px;height:23px}
.sidebar{padding-top:8px;padding-bottom:8px}}
#modal.hb-domain-modal{max-width:820px}
.hb-domain-create{display:flex;align-items:flex-end}
.hb-domain-list{flex-direction:column}
.hb-domain-row{display:flex;align-items:center;gap:8px;padding:12px;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial;border-radius:12px}
.hb-domain-row label{flex:1 1 0%;min-width:0px}
.hb-domain-row input{width:100%;min-width:0px;border:1px solid #f4f4f5;padding:12px;border-radius:9px;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial}
.hb-domain-position{width:23px;text-align:center;font-weight:700;color:#e51e59}
.hb-domain-row .icon-btn{flex-shrink:0}
.hb-sr-only{position:absolute;width:1px;height:1px;padding:0px;margin:-1px;overflow:hidden;clip:rect(0px, 0px, 0px, 0px);white-space:nowrap;border:0px}
@media (max-width: 650px){.hb-domain-create{align-items:stretch;flex-direction:column}
.hb-domain-row{flex-wrap:wrap}
.hb-domain-row label{flex-basis:calc(100% - 40px)}
.hb-domain-row > .btn{margin-left:31px}
.hb-domain-row .icon-btn{width:40px}}
.hb-domain-drag{touch-action:none;cursor:grab;font-size:28px}
.hb-domain-row.is-dragging{background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial;box-shadow:rgba(0,65,130,0.150) 0px 8px 24px;outline-style:solid;outline-width:2px}
.hb-domain-drag:active{cursor:grabbing}
.hb-domain-delete{font-size:25px}
.hb-professional-profile{text-align:center}
.hb-professional-avatar{width:120px;height:120px;object-fit:cover;border-radius:24px;margin:auto}
.hb-professional-profile p{text-align:left;margin-top:20px}
.hb-specialist-upload{max-width:360px;margin:auto;width:100%}
.hb-owner-edit{display:inline-flex;align-items:center;gap:9px}
.hb-owner-edit svg{width:21px;height:21px}
.hb-gallery-modal .hb-gallery-stage{display:flex;align-items:center;justify-content:center;touch-action:pan-y;user-select:none}
.hb-gallery-modal .hb-gallery-stage img{max-height:100%;max-width:min(100%, 1400px);width:auto;height:auto;border-radius:24px}
.hb-gallery-modal .hb-gallery-nav{margin:16px auto 0px;max-width:min(760px, 100%);gap:10px}
.hb-gallery-thumbs{display:flex;gap:8px;overflow-x:auto;max-width:100%;padding:5px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.250) transparent}
.hb-gallery-thumbs button{flex:0 0 58px;width:58px;height:46px;padding:0px;border:0px;border-radius:9px;background:transparent;opacity:0.55;cursor:pointer}
.hb-gallery-thumbs img{width:100%;height:100%;object-fit:cover;border-radius:9px}
.hb-gallery-thumbs button[aria-current="true"]{opacity:1;outline-style:solid;outline-width:2px;outline-offset:2px}
.hb-gallery-thumbs button:focus-visible{outline:white solid 2px;outline-offset:2px}
.hb-gallery-video{border:0px;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial;color:#ffffff;padding:8px 14px;border-radius:10px;cursor:pointer}
@media (max-width: 650px){.hb-gallery-modal .hb-gallery-stage img{border-radius:16px}
.hb-gallery-thumbs button{flex-basis:48px;width:48px;height:40px}}
.hb-presentation-photo{display:flex;justify-content:center;margin:26px 0px}
.hb-presentation-photo .hb-media-hero{display:inline-flex;width:auto;max-width:100%;margin:0px;border:0px;box-shadow:none;border-radius:20px;background:transparent;outline:none}
.hb-presentation-photo .hb-media-hero img{display:block;width:auto;height:auto;max-width:100%;max-height:600px;border-radius:20px}
.hb-presentation-photo .hb-media-hero:focus-visible{outline:#68686f solid 2px;outline-offset:5px}
.hb-public-gallery{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:0px auto 26px;max-width:950px}
.hb-public-gallery button{width:110px;height:85px;background:none;border:0px;padding:0px;border-radius:12px;cursor:pointer}
.hb-public-gallery img{display:block;width:100%;height:100%;object-fit:cover;border-radius:12px}
.hb-public-gallery button:focus-visible{outline:#68686f solid 2px;outline-offset:3px}
@media (max-width: 650px){.hb-public-gallery{gap:8px}
.hb-public-gallery button{width:76px;height:60px}}
.hb-studio-photo > div{grid-template-columns:repeat(4, minmax(0px, 1fr))}
.hb-photo-drag{touch-action:none;cursor:grab !important;font-size:23px !important}
.hb-photo-drag:active{cursor:grabbing !important}
.hb-studio-photo.is-dragging{outline-style:solid;outline-width:2px;outline-offset:2px;opacity:0.78;box-shadow:rgba(0,65,130,0.190) 0px 8px 24px}
.hb-remove-symbol{display:block;width:27px;height:27px;flex-shrink:0;stroke-linecap:round;stroke-linejoin:round}
.hb-upload-custom .hb-upload-actions > .hb-media-icon, .hb-media-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;min-width:44px;min-height:44px;padding:8px;border:0px;border-radius:50%;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial;box-shadow:none}
.hb-studio-photo button[data-photo^="remove:"]{background:transparent;display:grid;place-items:center}
.hb-studio-photo button[data-photo^="remove:"]:hover{color:#e51e59}
.hb-media-icon:focus-visible{outline:#68686f solid 2px;outline-offset:2px}
.hb-community .field textarea{border-color:#f4f4f5}
.hb-community .field textarea:focus{border-color:#68686f}
.hb-pen-icon{width:21px;height:21px;flex-shrink:0;stroke-linecap:round;stroke-linejoin:round}
.hb-studio-photo [data-photo^="draw:"]{display:grid;place-items:center}
.hb-card-owner{font-size:15px;font-weight:650;margin:5px 0px 10px}
.hb-business-card .panel-head{margin-bottom:9px}
.hb-business-description{margin:18px 0px}
.hb-rich-compact{overflow:hidden}
.hb-rich-compact .jd-anchor-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis}
.hb-business-action{display:inline-flex;align-items:center;gap:8px;min-height:40px;border:0px;padding:6px 0px;background:transparent;color:#e51e59;font-style:inherit;font-variant:inherit;font-stretch:inherit;line-height:inherit;font-family:inherit;font-optical-sizing:inherit;font-size-adjust:inherit;font-kerning:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-language-override:inherit;font-size:14px;font-weight:700;text-align:left;cursor:pointer}
.hb-business-action:hover{text-decoration:underline;text-underline-offset:4px}
.hb-business-actions .hb-detail-link{color:#e51e59;font-size:14px}
.hb-business-action:focus-visible{outline:#68686f solid 2px;outline-offset:2px;border-radius:6px}
.hb-rich-compact{min-height:0px !important}
.hb-business-card > .hb-business-description{min-height:0px}
.hb-business-card .hb-rich-compact{font-size:15px}
.hb-card-owner{line-height:1.4}
.hb-business-action svg{width:20px;height:20px}
h1, h2, h3{color:var(--ink)}
.btn.secondary{background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial}
.nav button.active{background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial}
.hb-space-location, .hb-space-public-location, .hb-business-card > .muted{color:#68686f}
.hb-space-location strong, .hb-space-public-location strong{color:#19191c}
.hb-space-location svg{color:#e51e59}
.hb-rich, .hb-business-description{color:#68686f}
.hb-card-owner{color:#252529}
.hb-business-action, .hb-detail-link{color:#e51e59}
.hb-business-muted{color:#68686f}
.hb-business-actions, .hb-space-excerpt{border-color:#f4f4f5}
.hb-select-option[aria-selected="true"]{background:#e51e59;color:white}
.hb-studio-section, .hb-public-facts section, .hb-space-facilities{background:#ffffff}
.hb-public-facts section > span, .hb-public-facts p, .hb-public-facts a, .hb-booking-head p, .hb-booking-empty{color:#68686f}
.hb-public-booking{background:#ffffff;border-color:#e5e5e7}
.hb-studio-picker, .hb-upload-custom .hb-upload-pick > span, .hb-ad-row .hb-upload-pick > span{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E");color:#e51e59;border-color:#e5e5e7}
.hb-upload-pick:hover > span, .hb-studio-picker:hover{background:var(--hb-button-soft);border-color:var(--hb-button-soft-border)}
.hb-upload-custom .hb-upload-preview, .hb-ad-row .hb-upload-preview{color:#68686f}
.hb-upload-preview:has(img){border:0px !important}
.hb-upload-custom .hb-upload-actions > .hb-media-icon, .hb-media-icon{color:#e51e59;background:transparent}
.hb-media-icon:hover{background-position:initial !important;background-size:initial !important;background-repeat:initial !important;background-attachment:initial !important;background-origin:initial !important;background-clip:initial !important}
.hb-studio-photo button{background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial}
.hb-photo-number{background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial}
.hb-domain-row{background:#ffffff}
.hb-domain-row input{background:white;border-color:#e5e5e7;color:#e51e59}
.hb-domain-drag{color:#e51e59}
.hb-domain-delete{color:#68686f}
.hb-domain-row.is-dragging{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E");outline-color:#e51e59}
.hb-studio-photo.is-dragging{outline-color:#e51e59}
.hb-business-filters input, .hb-studio-modal textarea, .hb-community .field textarea{border-color:#e5e5e7}
.jd-card-editor .jd-card-editor-bar{background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial}
.jd-card-editor .jd-card-editor-bar button{color:#68686f}
.jd-card-editor-help, .jd-card-editor-footer{color:#68686f !important}
.jd-card-editor .jd-card-editor-bar button:hover:not(:disabled):not([aria-pressed="true"]){background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E");color:#e51e59}
.jd-card-editor .jd-card-editor-tools .jd-highlight-colour [data-apply-highlight]:active{color:white !important}
.hb-gallery-thumbs button[aria-current="true"]{outline-color:#e5e5e7}
.hb-confirm-accept.danger, .hb-confirm.danger .hb-confirm-accept{background:#e51e59;color:white;border-color:#e51e59}
.hb-media-hero:focus-visible, .hb-media-icon:focus-visible, .hb-card-link:focus-visible, .hb-business-action:focus-visible, .hb-public-gallery button:focus-visible{outline-color:#e51e59 !important}
.badge{background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial}
.hb-state-accepted{background:#f4f4f5;color:#19191c}
.hb-state-submitted, .hb-state-changes{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E");color:#e51e59}
.hb-state-rejected, .hb-state-withdrawn{background:#fafafa;color:#68686f}
.hb-business-status.published{color:#19191c}
.hb-public-facts section:nth-child(2){background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E")}
.hb-public-facts section:nth-child(3){background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E")}
.hb-upload-hint{color:#68686f}
:root{--hb-coral:#cccccc;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial}
html, body, .main, .public, .onboarding{background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial}
.brand span span{color:#e51e59}
.brand-footer{color:#68686f}
.brand-footer a{color:#e51e59}
.sidebar, .topbar{background:white}
.btn.secondary{background:white;color:#252529;border-color:#f4f4f5}
.btn.secondary:hover{background:#ffffff;color:#252529}
.btn:not(.secondary):not(.quiet){background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial}
.btn:not(.secondary):not(.quiet):hover{background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial}
.hb-confirm .hb-confirm-accept.danger{background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial}
.hb-confirm .hb-confirm-accept.danger:hover{background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial}
.hb-space-category{background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial}
.hb-upload-custom .hb-upload-preview, .hb-ad-row .hb-upload-preview{background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial}
.hb-upload-preview:has(img){background-position:initial !important;background-size:initial !important;background-repeat:initial !important;background-attachment:initial !important;background-origin:initial !important;background-clip:initial !important}
.hb-public-facts{gap:18px}
.hb-public-facts section, .hb-public-facts section:nth-child(2), .hb-public-facts section:nth-child(3){position:relative;isolation:isolate;overflow:hidden;padding:22px;gap:10px;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial;border:1px solid #f4f4f5;border-radius:23px;box-shadow:rgba(23,50,77,0.035) 0px 10px 28px}
.hb-public-facts section::before{position:absolute;z-index:-1;inset:0px 0px auto;height:100px;background-position:center center;background-size:cover;background-repeat:no-repeat;background-attachment:initial;background-origin:initial;background-clip:initial;background-color:initial;opacity:0.85}
.hb-public-facts section > span{font-size:13px;font-weight:700}
.hb-public-facts strong{color:#19191c;font-size:17px;line-height:1.5}
.hb-public-facts a:hover{color:#e51e59}
.hb-fact-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;margin-bottom:4px}
.hb-fact-icon svg{width:23px;height:23px;stroke-width:1.5}
.hb-public-facts section:nth-child(2) .hb-fact-icon{background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial}
.hb-public-facts section:nth-child(3) .hb-fact-icon{background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial}
.hb-space-card, .hb-business-card{border-color:#f4f4f5;border-radius:23px;box-shadow:rgba(23,50,77,0.040) 0px 14px 34px;overflow:hidden}
.hb-space-card > .hb-card-media{margin:-24px -24px 20px;width:calc(100% + 48px)}
.hb-card-media .hb-cover{border-radius:0px;margin:0px;height:220px}
.hb-business-card > .hb-cover{margin:-24px -24px 20px;width:calc(100% + 48px);height:220px;border-radius:0px}
.hb-space-card h2, .hb-business-card h2{color:#19191c}
.hb-space-excerpt{border-top-color:#f4f4f5}
dialog.hb-image-modal::backdrop{background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial}
.hb-gallery-modal .hb-gallery-stage{height:calc(100dvh - 155px);padding:0px 78px}
.hb-gallery-modal .hb-gallery-nav{margin-top:16px}
.hb-gallery-counter{font-size:17px;font-weight:600;letter-spacing:2px;color:#ffffff}
.hb-gallery-arrow{position:fixed;top:50%;transform:translateY(-50%);z-index:3;width:66px;height:100px;display:grid;place-items:center;background:transparent;border:0px;color:white;padding:12px;cursor:pointer}
.hb-gallery-arrow svg{width:34px;height:66px;stroke-width:1.4;fill:none}
.hb-gallery-prev{left:24px}
.hb-gallery-next{right:24px}
.hb-gallery-arrow:focus-visible{outline:#e5e5e7 solid 2px;outline-offset:2px;border-radius:14px}
.hb-gallery-arrow:active{background:rgba(255,255,255,0.050)}
.hb-gallery-video{background:rgba(255,255,255,0.086)}
@media (max-width: 650px){.hb-public-facts{gap:12px}
.hb-public-facts section{padding:20px}
.hb-gallery-modal .hb-gallery-stage{height:calc(100dvh - 150px);padding:0px 28px}
.hb-gallery-arrow{width:44px;height:72px;padding:7px}
.hb-gallery-arrow svg{width:24px;height:46px}
.hb-gallery-prev{left:0px}
.hb-gallery-next{right:0px}
.hb-gallery-counter{font-size:15px}}
:root{--hb-navy:#19191c}
html, body, .main, .public, .onboarding{background:#ffffff}
.btn:not(.secondary):not(.quiet){background:#e51e59;border-color:transparent;color:#ffffff}
.btn:not(.secondary):not(.quiet):hover{background:#e51e59;border-color:transparent}
.btn.secondary, .btn.secondary:hover{background:#ffffff;color:#252529}
.btn.quiet{background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial}
.btn.quiet:hover{background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial}
.nav button.active{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E");color:#19191c}
.nav button:hover{background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial}
.hero h1, .hero h2{color:#19191c}
.hb-platform-footer .hb-footer-meta a, .brand-footer a{color:#e51e59;font-weight:800;text-decoration:none}
.hb-platform-footer .hb-footer-meta a:hover, .hb-platform-footer .hb-footer-meta a:focus-visible{color:#e51e59;text-decoration:none}
.hb-space-actions .hb-card-link, .hb-business-actions .hb-detail-link{color:#e51e59}
.hb-space-actions .hb-card-apply{color:#19191c}
.hb-space-category{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E");color:#e51e59}
.hb-space-card h2, .hb-business-card h2, .hb-public-facts strong{color:#19191c}
.hb-studio-section, .hb-space-facilities, .hb-domain-row{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E")}
.hb-upload-custom .hb-upload-preview, .hb-ad-row .hb-upload-preview{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E");border-color:#f4f4f5}
.hb-upload-preview:has(img){background:transparent !important}
.hb-media-icon:hover{color:#19191c;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E")}
.hb-public-facts section, .hb-public-facts section:nth-child(2), .hb-public-facts section:nth-child(3){background:white}
.hb-public-facts section > span{color:#e51e59}
.hb-public-facts p, .hb-public-facts a{color:#68686f}
.hb-fact-icon{background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial}
.hb-public-facts section:nth-child(2) .hb-fact-icon{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E");color:#e51e59}
.hb-public-facts section:nth-child(3) .hb-fact-icon{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E");color:#19191c}
.badge{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E");color:#19191c}
.hb-gallery-arrow:hover{color:#cccccc}
.jd-card-editor .jd-card-editor-bar button:not(:disabled):is([aria-pressed="true"], [aria-expanded="true"], :active){background-position:initial !important;background-size:initial !important;background-repeat:initial !important;background-attachment:initial !important;background-origin:initial !important;background-clip:initial !important}
.hb-confirm .hb-confirm-accept.danger{background:#e51e59;border-color:#e51e59;color:white}
.hb-confirm .hb-confirm-accept.danger:hover{background:#e51e59}
@media (max-width: 650px){.hb-space-card > .hb-card-media, .hb-business-card > .hb-cover{margin-left:-18px;margin-right:-18px;width:calc(100% + 36px)}}
:root{--hb-aqua-soft:#f4f4f5;--hb-aqua:#cccccc}
.hero .eyebrow{color:#e51e59}
.hero h1{color:#19191c}
.hero p{color:#68686f}
.nav button{color:#68686f}
.nav button:hover{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E");color:#19191c}
.nav button.active, .nav button.active:hover{background:#e51e59;color:#ffffff;box-shadow:rgba(23,50,77,0.090) 0px 6px 16px}
.btn.quiet{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E");color:#19191c}
.btn.quiet:hover{background:var(--hb-button-soft);color:#19191c;border-color:var(--hb-button-soft-border)}
.hb-tooltip{background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial;border-color:#e51e59}
.hb-upload-custom .hb-upload-pick > span, .hb-ad-row .hb-upload-pick > span, .hb-studio-picker{background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial;border-color:#f4f4f5}
.hb-upload-custom .hb-upload-pick:hover > span, .hb-studio-picker:hover{background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial}
.hb-space-facilities, .hb-studio-section, .hb-domain-row{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E");color:#e51e59}
.hb-fact-icon{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E");color:#19191c}
.hb-avatar-fallback{display:grid;place-items:center;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E");color:#e51e59}
.hb-avatar-fallback svg{width:52%;height:52%}
.art-check{background:#e51e59}
.art-circle{background:#e5e5e7}
.hb-password-wrap{position:relative;width:100%;min-width:0px}
.hb-password-wrap input{width:100%;padding-right:52px}
.hb-password-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);height:40px;width:40px;display:grid;place-items:center;border:0px;border-radius:10px;background:transparent;color:#68686f;cursor:pointer}
.hb-password-toggle svg{width:22px;height:22px}
.hb-password-toggle:hover{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E");color:#e51e59}
.hb-password-toggle:focus-visible{outline:#cccccc solid 2px;outline-offset:1px}
.auth-story{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E");color:#19191c}
.auth-story p{color:#68686f}
.auth-tabs button{color:#68686f}
.auth-tabs button.selected{color:#e51e59}
.auth-form-side #authForm{background:white;border:1px solid #f4f4f5;border-radius:24px;padding:24px;box-shadow:rgba(23,50,77,0.035) 0px 14px 40px}
.auth-form-side #authForm > .btn{border-radius:8px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23d92832' d='M0 0h1v1H0z'/%3E%3C/svg%3E");box-shadow:rgba(10,102,194,0.145) 0px 8px 22px}
.auth-form-side #authForm > .btn:hover{background:#e51e59}
.share-panel{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E")}
.user-info strong{white-space:normal;overflow-wrap:anywhere}
@media (max-width: 650px){.auth-form-side #authForm{padding:20px}}
.hb-dashboard-preferences{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0px 0px 20px}
.hb-dashboard-preferences .check{margin:0px;color:#252529;font-weight:600}
.hb-dashboard-preferences small{color:#68686f;line-height:1.5}
.hb-workspace-cell{display:flex;align-items:center;gap:14px;min-width:0px}
.hb-account-name{color:#19191c}
.hb-workspace-name{display:block !important}
@media (max-width: 650px){.hb-dashboard-preferences{justify-content:flex-start;gap:6px}
.hb-dashboard-preferences small{width:100%}
.hb-workspace-cell{flex-wrap:wrap}}
dialog.hb-image-modal::backdrop{background:rgba(32,43,54,0.640);backdrop-filter:blur(18px) saturate(165%)}
.hb-image-modal .hb-spot-large, .hb-gallery-stage img{border-radius:24px;box-shadow:rgba(32,43,54,0.333) 0px 22px 65px}
.hb-image-modal .modal-head button{width:48px;height:48px;border-radius:50%}
.hb-image-modal .modal-head svg{width:34px;height:34px;stroke-width:1.4}
.hb-dashboard-preferences{padding:20px 24px;border:1px solid #f4f4f5;border-radius:24px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E");box-shadow:rgba(23,50,77,0.027) 0px 10px 28px;justify-content:space-between}
.hb-dashboard-preferences small{max-width:none;flex:1 1 0%}
.hb-dashboard-preferences .check{order:2}
#modal.hb-studio-modal{background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial}
.hb-studio-section{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E");border:1px solid #f4f4f5;border-radius:22px}
.hb-studio-photo{border:1px solid #f4f4f5;border-radius:18px}
.hb-banner-admin-grid > section{border-radius:24px;border-color:#f4f4f5}
.hb-ad-row{border-bottom:1px solid #f4f4f5}
.hb-ad-row:last-child{border-bottom:0px}
.hb-ad-row .hb-upload > strong{display:none}
.hb-ad-row .hb-upload-preview, .hb-ad-row .hb-upload-preview:has(img){grid-area:1 / 1 / 4;padding:0px;border:0px;border-radius:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E");overflow:hidden}
.hb-ad-row .hb-upload-preview:has(img){background:transparent}
.hb-ad-row .hb-image-preview{width:auto;height:auto;border-radius:16px;box-shadow:none}
.hb-ad-row .hb-upload-hint, .hb-ad-row .hb-upload-info{grid-column:2;text-align:left;line-height:1.5}
.hb-ad-row .hb-upload-pick > span{border-radius:8px}
.hb-ad-add .btn.secondary{width:100%;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial}
.hb-ad-row > .form-actions{margin-top:0px}
@media (hover: hover) and (pointer: fine){.btn, .hb-media-icon, .hb-public-facts section, .hb-space-card, .hb-business-card, .hb-studio-photo, .hb-image-modal .modal-head button{transition:none, box-shadow 0.18s, border-color 0.18s, background-color 0.18s}
.btn:hover{transform:translateY(-2px);box-shadow:none}
.btn.secondary:hover{background:#ffffff;border-color:#e5e5e7}
.hb-public-facts section:hover, .hb-space-card:hover, .hb-business-card:hover{transform:translateY(-4px);border-color:#e5e5e7;box-shadow:rgba(23,50,77,0.094) 0px 18px 35px}
.hb-studio-photo:hover{box-shadow:rgba(23,50,77,0.094) 0px 10px 24px}
.hb-media-icon:hover{transform:scale(1.07)}
.hb-image-modal .modal-head button:hover{background:rgba(255,255,255,0.094);transform:rotate(90deg)}
.hb-card-link:hover svg{transform:translateX(4px)}
.hb-card-link svg{transition:none}}
@media (prefers-reduced-motion: reduce){.btn, .hb-media-icon, .hb-public-facts section, .hb-space-card, .hb-business-card, .hb-studio-photo, .hb-image-modal .modal-head button, .hb-card-link svg{transition:none !important;transform:none !important}}
@media (max-width: 650px){.hb-dashboard-preferences{padding:16px;flex-direction:column;align-items:flex-start}
.hb-dashboard-preferences .check{order:0}
.hb-ad-row .hb-upload-preview, .hb-ad-row .hb-upload-preview:has(img){min-height:112px}
.hb-ad-row .hb-image-preview{max-height:145px}
.hb-ad-row .hb-upload-pick > span{padding:10px}
.hb-image-modal .hb-spot-large{border-radius:18px}}
.hb-business-card{display:flex;flex-direction:column}
.hb-business-card > .panel-head{gap:12px;align-items:center;margin-bottom:16px}
.hb-business-status{flex-shrink:0;font-size:12px}
.hb-business-card h2{margin:0px 0px 12px;line-height:1.3}
.hb-business-card > .hb-card-owner{margin:0px 0px 12px}
.hb-business-card > .muted{margin:0px 0px 18px;line-height:1.6}
.hb-business-description{margin-bottom:20px}
.hb-business-actions{margin-top:auto;padding-top:16px;border-top:1px solid #f4f4f5;grid-template-columns:repeat(2, minmax(0px, 1fr))}
.hb-business-actions > .hb-business-action, .hb-business-actions > .hb-detail-link{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-height:40px;padding:5px 0px;margin:0px;text-align:left;font-size:14px;font-weight:700;line-height:1.35;text-decoration:none;min-width:0px}
.hb-business-actions svg{flex-shrink:0}
.hb-business-actions > .hb-detail-link{color:#e51e59}
.hb-business-actions > .hb-business-muted{color:#68686f}
.hb-business-actions > .btn{min-width:0px;font-size:13px;padding:8px}
.hb-business-actions > .hb-detail-link svg{margin-left:2px}
@media (hover: hover) and (pointer: fine){.hb-business-actions > .hb-business-action:hover{color:#e51e59}
.hb-business-actions > .hb-detail-link:hover svg{transform:translateX(3px)}}
.hb-business-media{position:relative;margin:-24px -24px 20px;width:calc(100% + 48px);flex-shrink:0}
.hb-business-media > .hb-cover{display:block;width:100%;height:220px;object-fit:cover;border-radius:0px;margin:0px}
.hb-business-badges{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}
.hb-business-media > .hb-business-badges{position:absolute;left:14px;right:14px;width:auto}
.hb-business-media .hb-space-category, .hb-business-media .hb-business-status{padding:7px 10px;border:1px solid rgba(255,255,255,0.700);border-radius:999px;background:rgba(255,255,255,0.940);backdrop-filter:blur(10px);box-shadow:rgba(23,50,77,0.070) 0px 4px 14px;line-height:1.3}
.hb-business-media .hb-space-category{font-size:12px}
.hb-business-media .hb-business-status{color:#19191c}
.hb-business-actions > [data-business^="archive:"]{justify-self:end;justify-content:center;width:38px;height:38px;border:1px solid #f4f4f5;border-radius:50%;padding:0px;color:#68686f}
.hb-business-actions > [data-business^="archive:"]:hover{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E")}
@media (max-width: 650px){.hb-business-media{margin-left:-18px;margin-right:-18px;width:calc(100% + 36px)}}
.hb-business-actions > [data-business^="delete:"]{justify-self:end;justify-content:center;width:38px;height:38px;border:1px solid #f4f4f5;border-radius:50%;padding:0px}
.hb-business-actions > [data-business^="delete:"]:hover{background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial}
.hb-business-actions > [data-business^="delete:"]{background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial}
.hb-business-actions > [data-business^="delete:"]:hover{background:#e51e59;border-color:#e51e59;color:white}
@media (max-width: 650px){.hb-community:has(#hb-business-results) > .heading{align-items:flex-start;flex-wrap:wrap}
.hb-community:has(#hb-business-results) > .heading > .btn{white-space:nowrap;flex-shrink:0}}
#modal.hb-studio-modal{inset:0px;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0px;padding:0px 32px 36px;border:0px;border-radius:0px;background:#ffffff;box-shadow:none;overflow-y:auto;scrollbar-gutter:stable}
#modal.hb-studio-modal::backdrop{background:#ffffff;backdrop-filter:none}
#modal.hb-studio-modal > .modal-head{position:sticky;top:0px;z-index:5;max-width:1400px;margin:0px auto 26px;padding:22px 0px;background:rgba(255,255,255,0.960);border-bottom:1px solid #f4f4f5;backdrop-filter:blur(10px)}
#hbCardForm{max-width:1400px;margin:0px auto;gap:24px}
#modal.hb-studio-modal .hb-studio-section{background:#ffffff;border:1px solid #f4f4f5;border-radius:22px;padding:24px;box-shadow:rgba(23,50,77,0.020) 0px 8px 26px}
#hbCardForm > .form-actions{position:sticky;bottom:-36px;background:rgba(255,255,255,0.960);border-top:1px solid #f4f4f5;padding:16px 0px;margin:0px;z-index:4;backdrop-filter:blur(10px)}
.hb-studio-photo > div{display:flex;justify-content:center;gap:8px;padding:10px;background:#ffffff}
.hb-studio-photo button{width:34px;min-width:34px;height:34px;min-height:34px;border-radius:50%;border:1px solid #f4f4f5;background:#ffffff;color:#19191c;display:grid;place-items:center}
.hb-studio-photo button svg{width:19px;height:19px}
.hb-studio-photo button:hover{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E");border-color:#e5e5e7}
.hb-studio-photo button[data-photo^="remove:"] svg circle{display:none}
.hb-photo-number{background:rgba(255,255,255,0.920);color:#19191c;border-radius:999px;border:0;backdrop-filter:blur(8px)}
.hb-business-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}
.hb-business-actions > .hb-business-action{width:36px;min-width:36px;height:36px;min-height:36px;border:1px solid #fafafa;border-radius:50%;background:#ffffff;padding:0px;justify-content:center;color:#19191c}
.hb-business-actions > .hb-detail-link{order:-1;margin-right:auto}
.hb-business-actions > .btn{order:-1;margin-right:auto;border-radius:8px}
.hb-business-actions > [data-business^="delete:"]{background:#e51e59;color:#ffffff;border-color:#e51e59}
.hb-business-actions svg{width:19px;height:19px}
@media (min-width: 1100px){.hb-studio-photos{grid-template-columns:repeat(5, minmax(0px, 1fr))}}
@media (max-width: 650px){#modal.hb-studio-modal{padding:0px 16px 20px}
#modal.hb-studio-modal > .modal-head{padding:16px 0px;margin-bottom:20px}
#modal.hb-studio-modal .hb-studio-section{padding:14px}
#hbCardForm > .form-actions{bottom:-20px}
.hb-studio-photo > div{gap:4px;padding:8px 4px}
.hb-studio-photo button{width:28px;min-width:28px;height:30px;min-height:30px}}
.hb-account-avatar{border:1px solid #f4f4f5;padding:3px;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial;display:grid;place-items:center;cursor:pointer;flex-shrink:0}
.hb-account-avatar .avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}
.hb-editor-page{width:100%;max-width:1250px;margin:auto;padding:32px 25px}
.hb-editor-page > header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}
.hb-editor-back{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:#19191c;width:48px;height:48px;border-radius:12px;padding:5px;cursor:pointer}
.hb-editor-back svg{width:32px;height:32px}
.hb-editor-page > h1{margin-bottom:26px}
.hb-editor-page #hbCardForm{max-width:none}
.hb-editor-page .hb-studio-section{background:white;border:1px solid #f4f4f5;border-radius:22px;padding:22px}
.hb-editor-page #hbCardForm > .form-actions{position:static;border:0px;padding:16px 0px;background:white}
.hb-studio-picker{width:100%;border:1px dashed #e5e5e7;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial;padding:16px 20px;box-sizing:border-box}
.hb-studio-picker > span{display:flex;align-items:center;gap:10px}
.hb-studio-picker svg{color:#e51e59}
.jd-card-editor .jd-card-editor-bar{background:#ffffff;border-color:#f4f4f5}
.jd-card-editor .jd-card-editor-modes{display:flex;gap:8px}
.jd-card-editor .jd-card-editor-modes button{flex:1 1 0%;border:0px;background:transparent;box-shadow:none;border-radius:8px;color:#68686f}
.jd-card-editor .jd-card-editor-modes button:not(:disabled)[aria-pressed="true"]{box-shadow:none;background-position:initial !important;background-size:initial !important;background-repeat:initial !important;background-attachment:initial !important;background-origin:initial !important;background-clip:initial !important}
.jd-card-editor .jd-card-editor-tools button{border:0px;background:transparent;box-shadow:none;border-radius:8px}
.jd-card-editor .jd-card-editor-tools{border-top:1px solid #f4f4f5;padding-top:8px}
.jd-card-editor-text{min-height:280px}
.jd-card-editor .jd-highlight-colour{--jd-highlight-colour:#e5e5e7}
.jd-card-editor .jd-highlight-colour [data-apply-highlight]{border-bottom:3px solid var(--jd-highlight-colour) !important}
@media (max-width: 650px){.topbar .hb-workspace-cell{display:none}
.hb-editor-page{padding:20px 16px}
.hb-editor-page .hb-studio-section{padding:14px}
.jd-card-editor .jd-card-editor-modes button{padding:9px 6px}}
.hb-studio-photo .hb-photo-preview{display:block;width:100%;height:auto;border:0px;border-radius:0px;padding:0px;background:none;cursor:pointer}
.hb-studio-photo .hb-photo-preview img{display:block;width:100%;height:145px;object-fit:cover}
.hb-editor-gallery .hb-gallery-stage{display:flex;align-items:center;justify-content:center;height:calc(100dvh - 155px);padding:0px 45px}
.hb-editor-gallery .hb-gallery-arrow{font-size:56px;font-weight:200}
.hb-editor-page #workspaceForm{border:1px solid #f4f4f5;padding:24px;border-radius:24px}
.hb-public-facts .hb-fact-icon, .hb-public-facts section:nth-child(2) .hb-fact-icon, .hb-public-facts section:nth-child(3) .hb-fact-icon{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E");color:#e51e59}
.hb-public-facts section, .hb-public-facts section:nth-child(2), .hb-public-facts section:nth-child(3){border-color:#e5e5e7}
.hb-public-facts section::before{background-image:url("/fact-waves.svg?v=0.3.407")}
:root{--hb-surface-border:#cccccc;--hb-text:#19191c}
.hb-upload-custom .hb-upload-preview:not(:has(img)), .hb-ad-row .hb-upload-preview:not(:has(img)){background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E");border:2px dashed #cccccc;color:#e51e59;font-weight:700;border-radius:22px}
.hb-upload-custom .hb-upload-pick > span, .hb-ad-row .hb-upload-pick > span, .hb-studio-picker{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E");border:2px dashed #cccccc;color:#19191c;border-radius:24px;min-height:58px;font-size:16px;font-weight:750;transition:background 0.16s, border-color 0.16s}
.hb-upload-custom .hb-upload-pick:hover > span, .hb-studio-picker:hover{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E");border-color:#e51e59;color:#19191c}
.hb-upload-preview:has(img), .hb-upload-custom .hb-upload-preview:has(img){box-shadow:none;border:0px !important;background:transparent !important}
.hb-upload-hint, .hb-upload-custom .hb-upload-info, .small-note{color:#68686f;font-size:14px;line-height:1.65}
.hb-studio-section h3, .field > span{color:#19191c;font-weight:750}
.hb-studio-section h3 small{color:#68686f;font-size:14px;margin-left:8px}
.hb-studio-picker > span{width:100%}
.hb-studio-picker svg{width:27px;height:27px;flex:0 0 auto;stroke-width:1.65}
.hb-upload-limit{margin-left:auto;font-size:13px;white-space:nowrap}
.hb-account-avatar, .hb-account-avatar .avatar{padding:0px;border:0px !important;outline:0px !important;box-shadow:none !important}
.hb-account-avatar{background:transparent;border-radius:0px;gap:7px}
.hb-avatar-name{display:none}
.hb-account-avatar:focus-visible{border-radius:8px;outline:#e51e59 solid 2px !important;outline-offset:5px !important}
.jd-card-editor-text{color:#19191c;font-weight:500;caret-color:#e51e59;font-size:18px !important;line-height:1.75 !important}
.jd-card-editor-text::selection, .jd-card-editor-text ::selection{background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial}
.jd-card-editor .jd-card-editor-tools button{min-width:38px;min-height:38px;font-size:18px;color:#e51e59}
.jd-card-editor .jd-card-editor-bar button:not(:disabled):is([aria-pressed="true"], [aria-expanded="true"], :active){background:#e51e59 !important;color:#ffffff !important}
.jd-card-editor .jd-card-editor-modes button:not(:disabled)[aria-pressed="true"]{background:var(--hb-button-soft) !important;color:#e51e59 !important;border-color:var(--hb-button-soft-border)}
.jd-card-editor-bar svg{width:22px;height:22px;vertical-align:middle}
.jd-card-editor .jd-card-editor-tools .jd-highlight-colour [data-apply-highlight]{color:inherit !important}
.hb-studio-video video{display:block;width:100%;max-height:360px;border-radius:18px;background:#e51e59}
.hb-studio-section .small-note:empty{display:none}
@media (max-width: 650px){.topbar .top-right{grid-column:1 / -1;display:flex;width:100%;gap:14px}
.topbar .hb-account-avatar{margin-right:auto;place-items:start}
.hb-account-avatar .avatar{width:44px;height:44px}
.hb-avatar-name{display:block;color:#19191c;font-size:13px;font-weight:750;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hb-studio-picker{padding:14px 12px;font-size:15px}
.hb-upload-limit{font-size:12px}
.jd-card-editor-text{font-size:17px !important}
.jd-card-editor .jd-card-editor-modes button{font-size:13px}}
.hb-business-media > .hb-business-badges{top:auto;bottom:14px;justify-content:center;align-items:center;flex-wrap:wrap}
.hb-business-media .hb-space-category{color:#19191c;background:rgba(255,255,255,0.940);text-align:center;font-weight:750}
.hb-business-media .hb-business-status{position:absolute;right:0px;bottom:calc(100% + 130px)}
.hb-detail-title{display:flex;align-items:center;justify-content:center;gap:12px;margin:20px 0px}
.hb-detail-title h1{margin:0px;min-width:0px}
.hb-detail-title .hb-owner-edit{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;padding:9px;margin:0px;border:0px;border-radius:0px;box-shadow:none;background:none;color:#19191c;cursor:pointer}
.hb-detail-title .hb-owner-edit svg{width:26px;height:26px}
.hb-detail-title .hb-owner-edit:hover{color:#e51e59;background:none}
.hb-detail-title .hb-owner-edit:focus-visible{outline:#e51e59 solid 2px;outline-offset:2px}
.hb-documents, .hb-public-documents{display:grid;gap:12px;margin:16px 0px}
.hb-document{display:flex;align-items:center;gap:14px;border:1px solid #e5e5e7;background:#ffffff;border-radius:16px;padding:14px;text-align:left}
.hb-document > img{width:38px;height:44px;object-fit:contain;flex:0 0 auto}
.hb-document > a{color:#19191c;font-weight:750;text-decoration:none;overflow-wrap:anywhere;min-width:0px;flex:1 1 0%}
.hb-document small{display:block;font-size:12px;color:#68686f;margin-top:4px}
.hb-document > button{background:none;border:0px;color:#e51e59;cursor:pointer;flex:0 0 auto;padding:8px}
.hb-document > button svg{width:22px;height:22px}
.hb-public-documents{max-width:850px;margin:28px auto}
.hb-document:hover{border-color:#cccccc}
.hb-upload-custom .hb-upload-pick > span, .hb-ad-row .hb-upload-pick > span{background:#e51e59;color:#ffffff;border:0px;border-radius:16px;min-height:50px;padding:13px 18px;box-shadow:rgba(10,102,194,0.100) 0px 5px 14px;font-weight:750}
.hb-upload-custom .hb-upload-pick:hover > span, .hb-ad-row .hb-upload-pick:hover > span{background:#e51e59;color:#ffffff}
.hb-upload-custom .hb-upload-pick:focus-within > span{background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial;outline-style:none;outline-width:initial;outline-offset:0px}
.hb-upload-custom .hb-upload-pick svg{color:inherit;width:25px;height:25px;flex:0 0 auto}
.hb-upload-preview > .muted{color:#e51e59;font-weight:700}
.hb-ad-row > .panel-head{margin:0px;align-items:center}
.hb-ad-delete{border:0px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E");color:#e51e59;border-radius:50%;width:38px;height:38px;padding:9px;cursor:pointer}
.hb-ad-delete svg{width:20px;height:20px}
.hb-ad-delete:hover{background:#e51e59;color:#ffffff}
.hb-ad-row .hb-upload.hb-upload-custom{align-items:start;margin:0px}
.hb-ad-row .hb-upload-preview, .hb-ad-row .hb-upload-preview:has(img){width:120px;min-height:0px;grid-row:1 / 4}
.hb-ad-row .hb-image-preview{max-width:120px;max-height:170px}
.hb-ad-row .hb-upload-hint{font-size:12px;margin:0px}
.hb-ad-row .hb-upload-info{font-size:12px;margin:0px;font-weight:650}
.hb-ad-row .hb-upload-pick > span{font-size:13px;line-height:1.4;padding:12px;white-space:normal}
.hb-ad-row details{border-top:1px solid #f4f4f5}
.hb-ad-row details summary{color:#8396b3;font-weight:650}
.hb-ad-row > .check{margin:0px}
.hb-ad-row > .form-actions{padding-top:0px}
@media (max-width: 650px){.hb-ad-row .hb-upload.hb-upload-custom{grid-template-columns:90px minmax(0px, 1fr);gap:10px 12px}
.hb-ad-row .hb-upload-preview, .hb-ad-row .hb-upload-preview:has(img){width:90px}
.hb-ad-row .hb-image-preview{max-width:90px}
.hb-ad-row .hb-upload-hint{grid-column:1 / -1}
.hb-ad-row .hb-upload-info{grid-column:1 / -1}
.hb-ad-row .hb-upload-actions{flex-wrap:wrap}
.hb-ad-row .hb-upload-pick > span{font-size:13px}
.hb-upload-custom .hb-upload-pick > span{max-width:100%}}
.hb-ad-row .hb-upload-preview:not(:has(img)){min-height:115px;padding:12px;font-size:13px;text-align:center;line-height:1.5;box-sizing:border-box}
.hb-ad-row .hb-upload-preview:has(img){min-height:0px;padding:0px}
dialog.hb-image-modal{overflow:hidden;box-sizing:border-box}
.hb-image-modal .hb-gallery-stage{min-width:0px;min-height:0px;box-sizing:border-box;overflow:visible}
.hb-image-modal .hb-gallery-stage img, .hb-image-modal .hb-spot-large{display:block;object-position:center center;flex:0 1 auto;clip-path:none;border:0px;background:transparent;margin:auto;width:auto !important;height:auto !important;max-width:100% !important;max-height:calc(100dvh - 170px) !important;object-fit:contain !important;aspect-ratio:auto !important}
.hb-image-modal .hb-spot-lightbox{min-height:0px;height:100%;box-sizing:border-box;justify-content:center}
.hb-image-modal .hb-spot-lightbox > .btn{margin-top:0px}
.hb-image-modal .hb-gallery-stage img{max-height:min(100%, 100dvh - 170px) !important}
@media (max-width: 650px){.hb-image-modal .hb-gallery-stage img, .hb-image-modal .hb-spot-large{border-radius:16px;max-height:calc(100dvh - 165px) !important}
.hb-image-modal .hb-gallery-stage{padding-left:32px;padding-right:32px}}
.hb-studio-picker, .hb-upload-custom .hb-upload-preview:not(:has(img)), .hb-ad-row .hb-upload-preview:not(:has(img)), .hb-ad-add .btn.secondary{border-width:1px;border-style:dashed;border-color:#e5e5e7}
.hb-studio-picker{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23f4f4f5' d='M0 0h1v1H0z'/%3E%3C/svg%3E");border-radius:8px;color:#19191c;font-weight:800}
.hb-studio-picker > span{font-weight:800}
.hb-studio-picker:hover{border-color:#cccccc;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23f4f4f5' d='M0 0h1v1H0z'/%3E%3C/svg%3E")}
.hb-upload-limit{font-weight:750;color:#68686f}
.jd-card-editor .jd-card-editor-modes button:not(:disabled)[aria-pressed="true"], .jd-card-editor .jd-card-editor-tools button:not(:disabled):is([aria-pressed="true"], [aria-expanded="true"], :active){background-position:initial !important;background-size:initial !important;background-repeat:initial !important;background-attachment:initial !important;background-origin:initial !important;background-clip:initial !important;box-shadow:none !important}
.jd-card-editor .jd-card-editor-bar button:not(:disabled):is([aria-pressed="true"], [aria-expanded="true"], :active) :is(i, b, u, span, svg){color:inherit !important}
.jd-card-editor .jd-card-editor-modes button{font-weight:750}
.jd-card-editor .jd-card-editor-ink button[data-new], .jd-card-editor .jd-card-editor-ink button[data-remove]{font-weight:750;padding:10px 15px;border-radius:12px;background:#ffffff !important;color:#19191c !important;border:0px !important;box-shadow:none !important}
.jd-card-editor .jd-card-editor-ink button span{font-weight:inherit;color:inherit}
.jd-card-editor .jd-card-editor-ink button:disabled{opacity:0.45}
.jd-card-editor .jd-card-editor-ink input[data-color]{appearance:none;min-width:32px;min-height:32px;overflow:hidden;flex:0 0 auto;width:32px !important;height:32px !important;padding:0px !important;border:0px !important;border-radius:50% !important}
.jd-card-editor input[data-color]::-webkit-color-swatch-wrapper{padding:0px}
.jd-card-editor input[data-color]::-webkit-color-swatch{border:0px;border-radius:50%}
.jd-card-editor .jd-card-editor-ink label{align-items:center;gap:8px}
.jd-card-editor .jd-card-editor-bar button, .jd-card-editor .jd-card-editor-bar button :is(i, b, u, span, svg){transition:none !important}
:root{--hb-selected:#e51e59}
.jd-card-editor .jd-card-editor-modes button:not(:disabled)[aria-pressed="true"], .jd-card-editor .jd-card-editor-tools button:not(:disabled):is([aria-pressed="true"], [aria-expanded="true"], :active){background:var(--hb-selected) !important;color:#ffffff !important}
.jd-card-editor-text::selection, .jd-card-editor-text ::selection{background:var(--hb-selected);color:#ffffff}
.hb-space-card h2, .hb-business-card h2, .hb-detail-title h1{font-weight:800}
.hb-card-media{position:relative}
.hb-card-media > .hb-space-category{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);max-width:calc(100% - 28px);width:max-content;text-align:center;color:#19191c;background:rgba(255,255,255,0.940);backdrop-filter:blur(10px);padding:7px 12px;border-radius:999px;font-weight:750;font-size:12px;line-height:1.4}
.hb-card-media > .hb-space-category, .hb-business-media .hb-space-category{color:#19191c;background:rgba(255,255,255,0.900);border:0px;backdrop-filter:blur(10px)}
.hb-upload-custom .hb-upload-pick:focus-within > span{border:0px;outline:none;box-shadow:none;background:#e51e59;color:#ffffff}
.hb-space-copy{gap:0px}
.hb-space-copy > *{margin-top:0px;margin-bottom:0px}
.hb-space-copy > * + *{margin-top:12px}
.hb-space-copy > h2 + .hb-card-owner{margin-top:6px}
.hb-business-card > h2:has(+ .hb-card-owner){margin-bottom:6px}
.hb-business-card > h2 + .hb-card-owner{margin-top:0px}
.hb-space-card .hb-space-excerpt{border-top:0px;padding-top:0px}
.hb-business-card .hb-business-actions{border-top:0px}
.hb-public-booking{padding:22px 26px}
.hb-booking-head{margin:0px 0px 14px}
.hb-booking-head h2{margin:0px 0px 6px;line-height:1.25}
.hb-booking-head p{margin:0px;line-height:1.5}
.hb-booking-empty{gap:10px}
.hb-booking-empty > p{margin:0px;line-height:1.5}
.hb-booking-empty small{margin:0px;line-height:1.45;max-width:none}
.hb-space-details .hb-space-about{box-sizing:border-box;padding:22px 24px;border:1px solid #f4f4f5;border-radius:18px;background:#ffffff;box-shadow:rgba(23,50,77,0.030) 0px 8px 26px;text-align:left}
.hb-space-details .hb-space-about .hb-rich{font-size:16px;line-height:1.55;font-weight:400;color:#19191c}
.hb-space-details .hb-space-about .jd-anchor-text{font-size:inherit;line-height:inherit;font-weight:inherit}
.hb-space-details .hb-space-public-actions{border-top:0px;padding-top:0px;margin-top:20px}
@media (max-width: 650px){.hb-public-booking{padding:18px}
.hb-space-details .hb-space-about{padding:18px 16px;border-radius:16px}}
.hb-service-card{display:flex;flex-direction:column;gap:14px;min-width:0px;background:#ffffff;border-color:#f4f4f5;box-shadow:rgba(23,50,77,0.030) 0px 8px 24px}
.hb-service-card h3{font-size:22px;font-weight:800;line-height:1.25;margin:0px;color:#19191c}
.hb-service-card .price{font-size:28px;font-weight:800;color:#e51e59;margin:0px}
.hb-service-person{display:flex;align-items:center;gap:12px;min-width:0px}
.hb-service-person > .avatar{width:58px;height:58px;flex:0 0 auto;border:0px;object-fit:cover;border-radius:50%}
.hb-service-person > div:not(.avatar){min-width:0px;flex:1 1 0%}
.hb-service-person strong{display:block;font-size:16px;font-weight:750;overflow-wrap:anywhere;color:#19191c}
.hb-service-person span:not(.badge){display:block;font-size:13px;color:#68686f;margin-top:3px}
.hb-service-person > .badge{font-weight:700;flex:0 0 auto}
.hb-service-card .service-meta{margin:0px;gap:12px;flex-wrap:wrap}
.hb-service-card > .btn{margin-top:auto}
.hb-service-empty{display:flex;flex-direction:column;gap:18px;padding:28px;font:inherit;color:#19191c}
button.hb-service-empty{cursor:pointer}
.hb-service-empty > strong{font-size:18px;line-height:1.45;font-weight:750;max-width:260px}
.hb-service-empty .empty-symbol{margin:0px;color:#e51e59;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E")}
.hb-service-empty-cta{display:flex;align-items:center;gap:8px;color:#e51e59;font-weight:800}
.hb-service-empty-cta svg{width:20px;height:20px}
button.hb-service-empty:hover{border-color:#e8e8eb;box-shadow:none}
button.hb-service-empty:focus-visible{outline:#e51e59 solid 2px;outline-offset:3px}
.hb-booking-head h2, .section-heading h1, .panel h3{font-weight:800}
.hb-space-card:hover, .hb-business-card:hover{border-color:transparent}
.hb-service-card > .muted{font-weight:700;margin:0px}
@media (max-width: 650px){.topbar .top-right{flex-wrap:wrap}
.topbar .hb-account-avatar{max-width:calc(100% - 210px)}}
.hb-community-nav .btn,.nav button{font-weight:800}
.hb-booking-summary{display:flex;align-items:center;gap:18px;padding:20px;margin-bottom:18px;border-radius:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23f4f4f5' d='M0 0h1v1H0z'/%3E%3C/svg%3E")}
.hb-booking-symbol{display:grid;place-items:center;flex:none;width:62px;height:62px;border-radius:20px;background:#e51e59;color:white}
.hb-booking-symbol svg{width:34px;height:34px;stroke-width:1.7}
.hb-booking-summary h3{font-size:24px;margin:0 0 7px;font-weight:800;color:#19191c}
.hb-booking-summary strong{font-size:18px;color:#e51e59}
.hb-booking-detail .badge{font-weight:750}
.hb-booking-detail .detail-grid{gap:20px 24px;margin:22px 0}
.hb-booking-detail .detail-grid>div{min-width:0}
.hb-booking-detail .detail-grid strong{overflow-wrap:anywhere;font-weight:750}
.hb-booking-specialist{display:flex;align-items:center;gap:10px}
.hb-booking-specialist .avatar{width:46px;height:46px;flex:none;object-fit:cover;border:0}
.hb-booking-detail .detail-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.hb-booking-detail .detail-actions .btn{min-height:48px;font-weight:800}
.hb-booking-detail .detail-actions .btn svg{width:24px;height:24px}
.hb-booking-detail .detail-actions .btn.danger{background:white;color:#e51e59;border-color:#f5d1e1}
.hb-booking-detail .detail-actions .btn.danger:hover{background:#fff1f0;color:#e51e59}
@media(max-width:480px){.hb-booking-summary{gap:12px;padding:16px}
.hb-booking-summary h3{font-size:21px}
.hb-booking-symbol{width:52px;height:52px}
.hb-booking-detail .detail-grid{grid-template-columns:1fr}
.hb-booking-detail .detail-actions .btn{width:100%}}
#app{min-height:100dvh;display:flex;flex-direction:column}
#app>.public,#app>.onboarding{width:100%;flex:1;margin-top:0;margin-bottom:0}
#app>.shell{flex:1;min-height:0}
#app>.auth-layout{flex:1;min-height:0}
.hb-space-category,.hb-space-public>.hb-space-category{background:#ffffff;color:#19191c;font-weight:800;border:1px solid #fafafa}
.hb-card-media>.hb-space-category,.hb-business-media .hb-space-category{background:rgba(255,255,255,.72);color:#19191c;font-weight:800;border:1px solid rgba(255,255,255,.32);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.heading h1,.panel-head h2,.public h1,.hb-studio-section h3,.side-panel h3,.hb-booking-head h2,.hb-space-information h2{font-weight:800}
.hb-booking-head{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E");padding:22px 24px;border:1px solid #f4f4f5;border-radius:20px;margin-bottom:20px}
.hb-booking-head h2{color:#19191c}
.side-panel{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E");border-color:#f4f4f5}
.side-panel .steps button{font-weight:700;line-height:1.5}
.hb-public-facts section{background:#ffffff;border-color:#e5e5e7}
.hb-public-facts section>span{font-weight:800;color:#e51e59}
@media(max-width:650px){.topbar .hb-account-avatar{max-width:calc(100% - 135px)}
.hb-booking-head{padding:18px}}
.hb-public-facts section,.hb-public-facts section:nth-child(2),.hb-public-facts section:nth-child(3){background:#ffffff}
.hb-space-public>.hb-space-category{font-size:16px;padding:8px 14px;line-height:1.4}
.hb-category-filter{flex-basis:260px;min-width:240px}
.hb-studio-picker:focus-within,.hb-studio-picker input:focus{outline:none;box-shadow:none}
.hb-studio-picker:has(input:focus-visible){border-color:#e51e59;background:var(--hb-button-soft);border-color:var(--hb-button-soft-border)}
@media(max-width:650px){.hb-category-filter{flex-basis:100%;min-width:0}
.onboarding{padding:22px 16px}
.hb-space-public>.hb-space-category{font-size:15px}}
.hb-live-search .hb-search-box>input:focus{outline:none;border-color:var(--purple);box-shadow:inset 0 0 0 1px var(--purple)}
.hb-select-trigger{width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:#ffffff;color:#68686f;border:1px solid #e5e5e7;border-radius:16px;text-align:left;cursor:pointer;transition:none;user-select:none;-webkit-tap-highlight-color:transparent;box-shadow:none;outline:none}
.hb-select-trigger{font-family:inherit;font-size:16px;font-weight:750;line-height:1.4}
.hb-select-trigger:hover{background:#ffffff;border-color:#cccccc}
.hb-select-trigger:is(:focus-visible,[aria-expanded=true]){border:1px solid var(--purple);box-shadow:inset 0 0 0 1px var(--purple);outline:none;background:#ffffff}
.hb-select-trigger[aria-invalid=true]{border-color:#e51e59}
.hb-select-trigger:disabled{opacity:.5;cursor:default}
.hb-select-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hb-select-trigger>svg{width:28px;height:28px;padding:5px;flex:none;border-radius:50%;stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;transition:none}
.hb-select.is-open .hb-select-trigger>svg{transform:scaleY(-1)}
.hb-language .hb-select-trigger{height:42px;min-height:42px;min-width:78px;padding:7px 10px;gap:7px;border-radius:13px;font-size:14px;color:#68686f}
.hb-language .hb-select-trigger>svg{width:24px;height:24px;padding:4px}
.hb-select-panel{position:fixed;margin:0;padding:8px;border:1px solid #e5e5e7;border-radius:20px;background:#ffffff;color:#19191c;box-shadow:0 16px 42px rgba(23,50,77,0.110);overflow:hidden;z-index:1000;max-height:calc(100dvh - 24px)}
.hb-select-panel:popover-open{display:block}
.hb-select-heading{font-size:12px;line-height:1.4;font-weight:800;letter-spacing:.5px;color:#68686f;padding:8px 12px 10px;overflow-wrap:anywhere}
.hb-option-list{overflow-y:auto;overscroll-behavior:contain;max-height:280px;scrollbar-width:none;border-radius:14px}
.hb-option-list::-webkit-scrollbar{display:none;width:0;height:0}
.hb-option{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:10px 13px;margin:3px 0;border:1px solid transparent;border-radius:14px;line-height:1.4;cursor:pointer}
.hb-option>span:first-child{min-width:0;flex:1;overflow-wrap:break-word;word-break:normal}
.hb-option[aria-disabled=true]{opacity:.45;cursor:default}
.hb-option-check{align-items:center;justify-content:center;visibility:hidden;flex:none;width:24px;height:24px;border-radius:50%;background:var(--hb-button-soft);color:#e51e59;border-color:var(--hb-button-soft-border)}
.hb-option-check svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5}
.hb-option[aria-selected=true] .hb-option-check{visibility:visible}
.hb-business-tabs{display:flex;align-items:center;gap:8px 10px;flex-wrap:wrap;margin:18px 0}
.hb-business-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;width:auto;min-height:40px;padding:8px 12px;border:1px solid #f4f4f5;border-radius:12px;background:#ffffff;color:#252529;font-family:inherit;font-size:14px;line-height:1.4;font-weight:600;cursor:pointer;box-shadow:none}
.hb-business-tabs button:hover{background:#ffffff;border-color:#e5e5e7;color:#252529;text-decoration:none}
.hb-business-tabs button[aria-pressed=true]{background:#ffffff;border-color:#cccccc;color:#e51e59;text-decoration:none}
.hb-business-tabs button:focus-visible{outline:2px solid #e51e59;outline-offset:4px}
.hb-business-tabs span{display:inline;color:inherit;background:none;padding:0;font-size:14px;font-weight:600;line-height:inherit;font-variant-numeric:proportional-nums}
@media(max-width:650px){.hb-business-tabs{gap:8px}
.hb-select-trigger{gap:8px}
.hb-option{padding:10px 12px}}
#modal:has(.hb-admin-result){width:min(760px,calc(100vw - 32px));padding:28px}
#modal:has(.hb-admin-result) .hb-live-search{margin-bottom:22px}
.hb-admin-result{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px;margin:0}
.hb-admin-result-copy{min-width:0}
.hb-admin-result h3{font-size:20px;font-weight:800;margin:0 0 5px}
.hb-admin-result p{margin:0;color:#68686f;overflow-wrap:anywhere}
.hb-admin-result-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;flex:none}
.hb-admin-result-actions .badge{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E");color:#e51e59;font-weight:750}
@media(max-width:650px){#modal:has(.hb-admin-result){padding:22px}
.hb-admin-result{align-items:flex-start;flex-direction:column;gap:18px;padding:20px}
.hb-admin-result-actions{width:100%;justify-content:space-between}}
#modal.hb-domain-modal{width:min(820px,calc(100vw - 28px));padding:28px;scrollbar-width:none;border:0}
#modal.hb-domain-modal::-webkit-scrollbar{display:none}
.hb-domain-modal .small-note{font-size:15px;line-height:1.55;max-width:660px;margin:0 0 22px;color:#68686f}
.hb-domain-list{display:grid;gap:9px;margin-top:20px}
.hb-domain-list .hb-domain-row{display:flex;align-items:center;gap:12px;min-height:68px;border:1px solid #f4f4f5;border-radius:16px;background:#ffffff;cursor:grab}
.hb-domain-name{flex:1;min-width:0}
.hb-domain-name strong{overflow-wrap:anywhere}
.hb-domain-name input{width:100%;font-size:16px}
.hb-domain-row .icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;padding:8px;color:#e51e59;background:transparent;border:0}
.hb-domain-row [hidden]{display:none!important}
.hb-domain-row .icon-btn svg{width:24px;height:24px}
.hb-domain-row .hb-domain-drag{cursor:grab;touch-action:none}
.hb-domain-row .hb-domain-delete{color:#e51e59}
.hb-domain-list .hb-domain-row.is-dragging{cursor:grabbing}
.hb-domain-create{gap:12px}
.hb-domain-create .field{flex:1;min-width:0}
@media(max-width:650px){#modal.hb-domain-modal{padding:22px 16px}
.hb-domain-row .icon-btn{width:36px;height:42px}
.hb-domain-create{display:flex;flex-wrap:wrap}
.hb-domain-create .field{flex-basis:100%}}
.hb-domain-list .hb-domain-row{flex-wrap:nowrap}
.hb-domain-name strong{touch-action:none}
#modal:has(.hb-admin-result) .hb-search-status:empty{display:none}
.hb-photo-preview{touch-action:none;cursor:grab}
.hb-photo-preview img{pointer-events:none;user-select:none}
.hb-empty-state,.empty,.hb-booking-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:230px;padding:38px 28px;border:1px dashed #f4f4f5;border-radius:26px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E");text-align:center;box-shadow:none}
.hb-empty-state h3,.empty h3,.hb-booking-empty>p{font-size:22px;font-weight:800;color:#19191c;margin:0;line-height:1.3}
.hb-empty-state p,.empty p,.hb-booking-empty small{max-width:740px;font-size:16px;line-height:1.6;color:#68686f;margin:0}
.hb-empty-icon,.empty-symbol{background:none;color:#e51e59;border:0;box-shadow:none}
.hb-empty-icon svg{width:38px;height:38px;stroke-width:1.3}
.hb-empty-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
@media(max-width:650px){.hb-empty-state,.empty,.hb-booking-empty{min-height:200px;padding:28px 20px}
.hb-empty-state h3,.empty h3{font-size:20px}}
.hb-service-empty{grid-column:1 / -1;background:#f7f7f8;border:1px dashed #f4f4f5;border-radius:26px;min-height:220px;text-align:center;align-items:center;justify-content:center}
.hb-service-empty strong{font-size:22px;color:#19191c}
#app.hb-with-sidebar{padding-left:232px}
#app.hb-with-sidebar>.shell{display:block;min-height:0;width:100%}
#app.hb-with-sidebar .main{display:block;width:100%;min-width:0}
#app>.sidebar{position:fixed;inset:0 auto 0 0;width:232px;height:100dvh;z-index:45;background:#ffffff;overflow-y:auto;scrollbar-width:none}
.hb-navigation-dock{position:sticky;top:0;z-index:30;flex:none;width:100%;background:#ffffff;transition:transform .2s ease}
.hb-navigation-dock.is-hidden{transform:translateY(-100%)}
.hb-navigation-dock>.topbar{display:flex;justify-content:flex-end;min-height:68px;height:auto;padding:12px 28px;background:#ffffff;border:0}
.hb-navigation-dock .hb-workspace-cell:empty{display:none}
.hb-navigation-dock .hb-avatar-name{display:none}
.hb-navigation-dock>header:not(.topbar),.hb-navigation-dock>.panel-head{display:flex;justify-content:flex-end;align-items:center;gap:16px;max-width:1250px;padding:14px 25px;margin:auto}
.hb-navigation-dock>header:not(.topbar)>.brand{margin-right:auto}
.hb-navigation-dock>.hb-community-nav{display:flex;align-items:center;gap:10px 24px;flex-wrap:wrap;margin:0 auto;padding:0 28px 16px;max-width:1250px}
.hb-navigation-dock .hb-community-nav .btn{display:inline-flex;align-items:center;gap:8px;padding:8px 0;min-height:44px;background:none;border:0;border-radius:0;box-shadow:none;text-decoration:none}
.hb-navigation-dock .hb-community-nav .btn svg{width:21px;height:21px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7}
.hb-navigation-dock .hb-community-nav .btn:hover,.hb-navigation-dock .hb-community-nav .btn.is-current{color:#e51e59;background:none;transform:none;text-decoration:none}
.hb-navigation-dock .hb-community-nav .btn:focus-visible{outline:2px solid #e51e59;outline-offset:3px}
@media(min-width:651px){#app.hb-with-sidebar.hb-sidebar-compact{padding-left:84px}
#app.hb-sidebar-compact>.sidebar{width:84px;padding-left:12px;padding-right:12px}
#app.hb-sidebar-compact>.sidebar>.brand{justify-content:center;margin:0}
#app.hb-sidebar-compact>.sidebar>.brand>span,#app.hb-sidebar-compact>.sidebar .hb-nav-label,#app.hb-sidebar-compact .side-label,#app.hb-sidebar-compact .pilot-label,#app.hb-sidebar-compact .user-info{display:none}
#app.hb-sidebar-compact>.sidebar .nav button{justify-content:center;min-height:48px;padding:12px}
#app.hb-sidebar-compact .sidebar-bottom>.btn{font-size:0;gap:0;justify-content:center;padding:12px}
#app.hb-sidebar-compact .sidebar-bottom>.btn svg{width:24px;height:24px}
#app.hb-sidebar-compact .sidebar-bottom .user{flex-direction:column;gap:12px}}
@media(min-width:651px) and (max-width:1100px){#app.hb-with-sidebar{padding-left:200px}
#app>.sidebar{width:200px}}
@media(max-width:650px){#app.hb-with-sidebar{padding-left:0}
.hb-navigation-dock{position:sticky;top:0;z-index:45;transition:transform .2s ease;box-shadow:0 4px 16px rgba(23,50,77,0.035)}
.hb-navigation-dock.is-hidden{transform:translateY(-100%)}
.hb-navigation-dock>.topbar{padding:8px 16px;min-height:60px}
.hb-navigation-dock .top-right{display:flex;flex-wrap:nowrap;width:100%}
.hb-navigation-dock .hb-mobile-title{display:none}
.hb-navigation-dock .hb-account-avatar{max-width:none;margin:0 0 0 auto;place-items:center}
.hb-navigation-dock>header:not(.topbar),.hb-navigation-dock>.panel-head{padding:10px 16px;gap:12px}
#app.hb-with-sidebar{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
#app.hb-with-sidebar>.sidebar{position:fixed;inset:auto 0 0;width:100%;height:auto;min-height:68px;padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));border:0;border-top:1px solid #f4f4f5;background:#ffffff;box-shadow:0 -5px 24px rgba(23,50,77,0.043);z-index:46;overflow:visible}
#app>.sidebar>.brand,#app>.sidebar>.side-label,#app>.sidebar>.sidebar-bottom,#app>.sidebar>.hb-sidebar-toggle{display:none}
#app>.sidebar .nav{flex-direction:row;justify-content:space-between;margin:0;overflow-x:auto;scrollbar-width:none}
#app>.sidebar .nav button{display:flex;align-items:center;justify-content:center;flex:1;min-width:44px;min-height:48px;margin:0;padding:10px;border-radius:14px}
#app>.sidebar .nav button svg{flex:none}
#app>.sidebar .hb-nav-label{display:none}
.hb-navigation-dock>.hb-community-nav{display:none;position:absolute;left:auto;right:12px;top:calc(100% + 6px);width:min(310px,calc(100vw - 24px));max-height:calc(100dvh - 160px - env(safe-area-inset-bottom,0px));overscroll-behavior:contain;overflow-y:auto;padding:12px;background:#ffffff;border:1px solid #f4f4f5;border-radius:20px;box-shadow:0 18px 46px rgba(23,50,77,0.141);z-index:50;scrollbar-width:none}
.hb-navigation-dock.is-menu-open>.hb-community-nav{display:grid;grid-template-columns:1fr;gap:4px}
.hb-navigation-dock .hb-community-nav .btn{width:100%;justify-content:flex-start}
.hb-navigation-dock .hb-community-nav .btn:hover{background:var(--hb-button-soft);border-color:var(--hb-button-soft-border)}
.hb-navigation-dock:not(:has(.hb-account-avatar))>.hb-community-nav{display:flex;position:static;flex-wrap:wrap;border:0;box-shadow:none}}
@media(prefers-reduced-motion:reduce){.hb-navigation-dock{transition:none}}
.public,.content{container-type:inline-size}
.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;min-width:0}
.card-grid>article,.card-grid>.panel{min-width:0}
@container(max-width:960px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container(max-width:600px){.card-grid{grid-template-columns:minmax(0,1fr)}}
@supports not (container-type:inline-size){@media(max-width:1200px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.card-grid{grid-template-columns:minmax(0,1fr)}}}
.auth-story>.brand{margin-bottom:24px;flex-shrink:0}
.auth-story>div>.eyebrow{margin-top:0}
@media(max-width:650px){.auth-story>.brand{margin-bottom:22px}
.auth-story>div>.eyebrow{line-height:1.5}}
.hb-auth-card{width:100%;background:#ffffff;border:1px solid #fafafa;border-radius:28px;padding:28px;box-shadow:0 16px 40px rgba(36,59,83,0.039)}
.hb-auth-card h2{font-size:23px;font-weight:850;margin:0 0 22px}
.auth-form-side .hb-auth-card #authForm{padding:0;border:0;border-radius:0;box-shadow:none;background:none;gap:20px}
.hb-auth-card .field>span{font-size:17px;font-weight:800;margin-bottom:8px}
.hb-auth-card .field input{min-height:54px;padding:14px 16px;border-radius:18px;background:#ffffff;font-size:17px}
.hb-auth-card .field input::placeholder{color:#68686f;font-weight:650;opacity:1}
.hb-auth-card .hb-password-wrap input{padding-right:52px}
.hb-auth-card .hb-password-hint{font-size:14px;line-height:1.55;color:#68686f;margin-top:-12px}
.auth-form-side .hb-auth-card #authForm>.btn{min-height:54px;font-size:18px;font-weight:800;border-radius:8px;justify-content:center;gap:16px}
.hb-auth-card .hb-remember{margin:0}
.hb-remember small{color:#19191c;font-weight:800}
.hb-auth-card .hb-remember small{font-size:13px;line-height:1.4;color:#19191c;font-weight:800}
.hb-auth-links{display:grid;gap:16px;text-align:center;margin-top:20px}
.hb-auth-links p{margin:0;color:#68686f;font-size:16px;line-height:1.5}
.hb-auth-links button,.hb-auth-links .btn{display:inline;border-radius:0;box-shadow:none;font-family:inherit;font-size:16px;font-weight:800;text-decoration:none;cursor:pointer}
.hb-auth-links button:hover,.hb-auth-links .btn:hover{color:#e51e59;background:none;transform:none}
.hb-auth-links button:focus-visible{outline:2px solid #e51e59;outline-offset:4px}
.hb-auth-pilot{margin:18px 0;line-height:1.55}
@media(max-width:650px){.hb-auth-card{padding:22px 20px;border-radius:24px}
.auth-form-side{padding-left:16px;padding-right:16px}
.hb-auth-card .field>span{font-size:16px}
.hb-auth-card .field input{font-size:16px}}
#modal:has(.hb-code-card){width:min(610px,calc(100vw - 28px));padding:28px;border:1px solid #fafafa;border-radius:28px;background:#ffffff}
.hb-code-recipient{font-size:14px;line-height:1.5;color:#68686f;margin:0 0 20px;overflow-wrap:anywhere}
.hb-code-card .field>span{font-size:17px;font-weight:800}
.hb-code-card input.hb-code-input{height:74px;border-radius:18px;font-size:32px;font-weight:750;text-align:center;letter-spacing:.3em;padding:12px 12px 12px 22px;width:100%;min-width:0}
.hb-code-card form>.btn{width:100%;min-height:54px;border-radius:8px;font-size:18px;font-weight:800;justify-content:center}
.hb-code-help{font-size:16px;line-height:1.55;color:#68686f;margin:22px 0}
.hb-code-card .hb-auth-links{gap:22px}
@media(max-width:650px){#modal:has(.hb-code-card){padding:24px 20px}
.hb-code-card input.hb-code-input{font-size:28px;letter-spacing:.22em}}
.hb-header-brand{display:none}
.hb-navigation-dock .hb-menu-logout{display:none}
.hb-navigation-dock .hb-community-nav .btn,#app>.sidebar .nav button{transition:none;transform:none}
@media(max-width:650px){.hb-navigation-dock .hb-header-brand{display:flex;align-items:center;order:9;margin-left:auto;flex-shrink:0}
.hb-header-brand .brand{gap:7px;margin:0;font-size:21px;white-space:nowrap}
.hb-header-brand .brand img{width:32px;height:32px}
.hb-navigation-dock .hb-account-avatar{margin-left:0;order:10}
.hb-navigation-dock .top-right{justify-content:flex-end;gap:10px}
.hb-navigation-dock .hb-community-nav .hb-menu-logout{display:flex;margin-top:8px;justify-content:flex-start;background:transparent;color:#e51e59;font-weight:700;min-height:46px;border-radius:10px}
.hb-navigation-dock .hb-community-nav .hb-menu-logout:hover{background:#fff1f0;color:#e51e59}}
@media(max-width:360px){.hb-header-brand .brand{font-size:18px;gap:5px}
.hb-header-brand .brand img{width:28px;height:28px}
.hb-navigation-dock .top-right{gap:7px}}
.notice{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E");color:#252529;border:1px dashed #f4f4f5;border-radius:26px;padding:26px 28px;margin-top:20px;line-height:1.6;font-size:16px;font-weight:600;text-align:center;box-shadow:none;overflow-wrap:anywhere}
.notice strong{color:#19191c;font-weight:800}
@media(max-width:650px){.notice{border-radius:22px;padding:22px 18px;font-size:15px}}
.hb-desktop-message{margin:0 auto 0 0;color:#68686f;font-size:15px;line-height:1.5;font-weight:400;text-align:left;max-width:660px}
@media(max-width:650px){.hb-desktop-message{display:none}
a,button,input,select,textarea,label,[role=button]{-webkit-tap-highlight-color:transparent}}
.hb-option-check{display:none}
.hb-ad-add .btn.secondary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;font-size:15px;font-weight:500;box-shadow:none}
.hb-ad-add .btn.secondary svg{width:19px;height:19px;flex:none}
.hb-ad-add .btn.secondary:hover{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E");color:#252529}
.hb-ad-delete,.hb-domain-row .hb-domain-delete{color:#68686f;background:transparent}
.hb-ad-delete:hover,.hb-domain-row .hb-domain-delete:hover{color:#68686f;background:#ffffff}
#modal .hb-domain-create{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;width:100%;min-width:0}
#modal .hb-domain-create .field{min-width:0;width:100%;margin:0}
#modal .hb-domain-create input{width:100%;min-width:0;box-sizing:border-box}
.hb-domain-list .hb-domain-row{touch-action:none;padding:14px 16px;min-width:0;user-select:none}
.hb-domain-row input{user-select:text}
.hb-domain-name strong{font-size:16px;font-weight:650;color:#252529}
.hb-domain-list .hb-domain-row.is-dragging{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E");border-color:#cccccc;box-shadow:0 6px 18px rgba(23,50,77,0.071)}
.btn[type=submit]:not(.secondary):not(.quiet),.form-actions>.btn:not(.secondary):not(.quiet),.hb-business-actions>.btn{background:#19191c;color:#ffffff;border-color:#19191c;box-shadow:none}
.btn[type=submit]:not(.secondary):not(.quiet):hover,.form-actions>.btn:not(.secondary):not(.quiet):hover{background:#19191c;color:#ffffff}
@media(max-width:650px){#modal.hb-domain-modal{box-sizing:border-box;max-width:calc(100vw - 24px);overflow-x:hidden}
#modal .hb-domain-create{grid-template-columns:minmax(0,1fr)}
#modal .hb-domain-create>.btn{width:100%;white-space:normal}
.hb-domain-name strong{font-size:15px}
.hb-domain-list .hb-domain-row{padding:12px;gap:6px}
.hb-domain-row .icon-btn{flex:none}}
@media(min-width:651px){.hb-navigation-dock{display:flex;align-items:center;gap:24px;box-sizing:border-box;min-height:72px;padding:10px max(28px,calc((100% - 1194px)/2))}
.hb-navigation-dock>.topbar,.hb-navigation-dock>header:not(.topbar),.hb-navigation-dock>.panel-head{order:2;display:flex;align-items:center;flex-wrap:nowrap;flex:none;width:auto;max-width:none;min-height:48px;box-sizing:border-box;margin:0;padding:0;gap:16px}
.hb-navigation-dock .top-right{display:contents}
.hb-navigation-dock .hb-workspace-cell{order:3}
.hb-navigation-dock .top-date{order:4;white-space:nowrap}
.hb-navigation-dock .hb-language{order:5;flex:none}
.hb-navigation-dock .hb-account-avatar{order:6;margin:0;flex:none}
.hb-navigation-dock>.hb-community-nav{order:1;flex:1;min-width:0;width:auto;box-sizing:border-box;max-width:none;margin:0;padding:0;overflow-x:auto;scrollbar-width:none}
.hb-navigation-dock>.hb-community-nav::-webkit-scrollbar{display:none}
.hb-navigation-dock .hb-community-nav .btn{flex:none;white-space:nowrap}}
@media(min-width:651px) and (max-width:1200px){.hb-navigation-dock{gap:16px}
.hb-navigation-dock .top-date{display:none}
.hb-navigation-dock>.hb-community-nav{gap:16px}}
.hb-guest-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0}
.hb-history-list{display:grid;gap:16px}
.hb-history-list .panel h3{margin:0 0 8px}
.hb-invoice-upload{position:relative;display:flex;gap:12px;align-items:center;padding:18px;border:1px dashed #e6e6e6;border-radius:14px;cursor:pointer}
.hb-invoice-upload span{display:flex;gap:8px;align-items:center;font-weight:600}
.hb-invoice-upload svg{width:22px;height:22px}
.hb-invoice-upload input{max-width:100%;min-width:0}
.hb-invoice-upload{flex-wrap:wrap}
#hb-guest-booking{max-width:820px;margin:24px auto}
#hb-booking-mail-status{margin-top:28px}
@media(max-width:650px){.hb-guest-actions .btn{max-width:100%;white-space:normal}
.hb-with-sidebar .sidebar .nav{overflow-x:auto;justify-content:flex-start;scrollbar-width:none}
.hb-with-sidebar .sidebar .nav button{flex:0 0 auto;min-width:48px}}
#modal.hb-invoice-editor{width:min(1080px,calc(100vw - 24px));max-width:1080px;padding:28px;box-sizing:border-box}
.hb-invoice-section{border:1px solid #f5f5f5;border-radius:20px;padding:22px;margin:8px 0;background:#ffffff}
.hb-invoice-section h3{display:flex;align-items:center;gap:10px;margin:0 0 18px;color:#323232;font-weight:750}
.hb-invoice-section h3 svg{width:23px;height:23px;color:#666666}
.hb-invoice-templates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.hb-template-choice{position:relative;display:grid;gap:12px;border:1px solid #f5f5f5;border-radius:14px;padding:14px;cursor:pointer}
.hb-template-choice:has(input:checked){border-color:#666666;box-shadow:0 3px 14px rgba(10,102,194,0.071)}
.hb-template-choice input{position:absolute;right:12px;bottom:14px;accent-color:#666666;width:16px;height:16px}
.hb-template-sample{height:68px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ffffff' d='M0 0h1v1H0z'/%3E%3C/svg%3E");border:1px solid #f5f5f5;border-radius:6px;display:grid;gap:5px;padding:30px 12px 10px}
.hb-template-sample i{height:2px;background:#e6e6e6}
.hb-template-navy .hb-template-sample{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23ececec' d='M0 0h1v1H0z'/%3E%3C/svg%3E")}
.hb-template-light .hb-template-sample{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23f0f0f0' d='M0 0h1v1H0z'/%3E%3C/svg%3E")}
.hb-template-light .hb-template-sample{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23f5f5f5' d='M0 0h1v1H0z'/%3E%3C/svg%3E")}
.hb-invoice-logo{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px}
.hb-invoice-logo img{max-width:150px;max-height:65px;object-fit:contain;border-radius:8px}
.hb-invoice-line{display:grid;grid-template-columns:minmax(150px,3fr) .65fr .8fr 1fr .8fr 32px;gap:10px;align-items:end;padding:14px 0;border-bottom:1px solid #f5f5f5}
.hb-invoice-line input{min-width:0;width:100%;box-sizing:border-box}
.hb-invoice-totals{display:flex;justify-content:flex-end;gap:24px;flex-wrap:wrap;background:#ffffff;border-radius:16px;padding:20px;margin-top:18px}
.hb-invoice-totals span{display:grid;gap:6px}
.hb-invoice-totals strong{font-size:20px;color:#323232}
.hb-invoice-footer{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap;padding-top:12px}
@media(max-width:650px){#modal.hb-invoice-editor{padding:18px}
.hb-invoice-section{padding:14px}
.hb-invoice-templates{gap:7px}
.hb-template-choice{padding:9px;font-size:12px}
.hb-template-choice input{position:static;width:16px}
.hb-invoice-line{grid-template-columns:repeat(2,minmax(0,1fr))}
.hb-line-description{grid-column:1/-1}
.hb-invoice-totals{justify-content:space-between;gap:12px}
.hb-invoice-totals strong{font-size:17px}
#app>.sidebar .nav{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);width:100%;min-width:0;gap:clamp(0px,.7vw,4px);overflow:visible;box-sizing:border-box}
#app>.sidebar .nav button,#app.hb-sidebar-compact>.sidebar .nav button{min-width:0;width:100%;padding:clamp(2px,1vw,6px);min-height:44px;border-radius:clamp(8px,3vw,14px);box-sizing:border-box}
#app>.sidebar .nav button svg{width:clamp(14px,4.8vw,24px);height:clamp(14px,4.8vw,24px);max-width:100%;flex-shrink:1}}
.hb-managed-workspace{display:flex;align-items:center;gap:12px 20px;flex-wrap:wrap;margin:4px 0 24px;min-width:0}
.hb-managed-workspace>label{font-size:14px;font-weight:650;color:#68686f}
.hb-managed-workspace .hb-workspace-cell{display:block;flex:0 1 340px;min-width:0;max-width:100%}
.hb-managed-workspace .hb-select,.hb-managed-workspace select{width:100%;min-width:0;max-width:100%}
#hb-booking-history .hb-invoice-guidance{margin:24px 0;line-height:1.6;max-width:760px}
#hb-booking-history .hb-history-list{margin-top:20px}
@media(min-width:651px){.hb-navigation-dock>.hb-community-nav{flex-wrap:nowrap;overflow:hidden;gap:4px 20px}}
@media(max-width:650px){.hb-managed-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin-bottom:22px}
.hb-managed-workspace .hb-workspace-cell{width:100%}}
.content:has(>#hb-booking-history)>.heading{margin-bottom:20px}
#hb-booking-history{display:flex;flex-direction:column;gap:24px;min-width:0}
#hb-booking-history>.small-note,#hb-booking-history>.stats,#hb-booking-history>.hb-invoice-guidance,#hb-booking-history>.hb-history-list,#hb-booking-history>.hb-guest-actions{margin:0}
#hb-booking-history>.stats{gap:16px}
#hb-booking-history>.hb-invoice-guidance{padding:4px 0;line-height:1.65}
#hb-booking-history .hb-history-list{gap:20px}
#hb-booking-history .hb-history-list .panel>p{margin:10px 0;line-height:1.6}
#hb-booking-history .hb-guest-actions{gap:12px}
#hb-booking-history>#hb-booking-mail-status:empty{display:none}
@media(max-width:650px){#hb-booking-history{gap:22px}
#hb-booking-history>.stats{gap:14px}
.content:has(>#hb-booking-history)>.heading{margin-bottom:18px}}
.hb-invoice-section>.form-grid+.form-grid{margin-top:20px}
.hb-invoice-section>.check+.form-grid{margin-top:16px}
.hb-invoice-section>.form-grid{row-gap:20px}
#modal:is(.hb-invoice-viewer,:has([data-invoice-sheet]),:has(.hb-booking-detail),:has(#hb-commission-setup)){width:min(1080px,calc(100vw - 32px));max-width:1080px;padding:28px;background:#ffffff}
.hb-invoice-view-actions{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 20px}
.hb-invoice-register h2{margin:0 0 18px}
.hb-invoice-register-list{display:grid;gap:12px}
.hb-invoice-register-list article{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;border:1px solid #f5f5f5;border-radius:16px}
.hb-invoice-register-list article>div{display:grid;gap:7px}
.hb-invoice-register-list small{color:#676767}
.hb-invoice-table-scroll{overflow-x:auto}
.hb-invoice-summary{max-width:360px;margin:30px 0 32px auto}
.hb-invoice-summary p{display:flex;justify-content:space-between;gap:20px;padding:10px 14px;margin:0}
.hb-invoice-summary .total{background:var(--invoice-accent);color:white;padding:18px 14px;margin-top:12px;font-size:18px}
.hb-invoice-timeline{padding:20px 0}
.hb-invoice-timeline p{padding:10px 0;margin:0}
.hb-calendar-jump{display:grid;grid-template-columns:minmax(0,1fr) 90px;gap:10px;margin:12px 0}
.hb-calendar-jump>button{grid-column:1/-1;background:#19191c;color:white;font-weight:700}
.hb-calendar-header strong[role=button]{cursor:pointer}
@media(max-width:650px){#modal:is(.hb-invoice-viewer,:has([data-invoice-sheet]),:has(.hb-booking-detail),:has(#hb-commission-setup)){width:calc(100vw - 16px);padding:14px}
.hb-invoice-register-list article{flex-wrap:wrap}
.hb-invoice-view-actions>.btn{flex:1 1 140px}}
.hb-billing-intro{display:flex;align-items:center;justify-content:space-between;gap:20px}
.hb-billing-intro p{max-width:650px;line-height:1.65;color:#68686f;margin:0}
.hb-billing-intro>.btn{flex-shrink:0;background:#19191c;color:#ffffff}
.hb-billing-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:4px}
.hb-billing-tabs button{font:inherit;font-size:15px;font-weight:700;background:#ffffff;color:#19191c;border:1px solid #f4f4f5;padding:12px 18px;border-radius:13px;cursor:pointer}
.hb-billing-tabs button[aria-pressed=true]{background:#19191c;color:#ffffff;border-color:#19191c}
.hb-billing-filter{display:grid;gap:18px;margin-bottom:24px}
.hb-billing-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:14px}
.hb-billing-totals>div{display:grid;gap:14px;padding:24px;border:1px solid #f4f4f5;border-radius:18px;background:#ffffff}
.hb-billing-totals span{font-size:14px}
.hb-billing-totals strong{font-size:clamp(20px,2vw,29px);overflow-wrap:anywhere}
.hb-billing-status{font-size:13px;color:#68686f}
.hb-billing-anaf{margin-top:28px;padding:22px 24px;background:#ffffff;border-radius:16px;line-height:1.6}
.hb-billing-anaf p{margin:8px 0 0;color:#68686f}
.hb-invoice-register-list{margin-top:24px}
.hb-invoice-register-list article>div:first-child{flex:1}
.hb-invoice-register .hb-empty-state>svg{width:36px;height:36px;color:#666666}
#hb-booking-history>[data-billing-panel][hidden]{display:none}
#hb-booking-history>[data-billing-panel]>p{margin:0 0 24px}
#hb-booking-history>[data-billing-panel]>.stats{margin-bottom:24px}
#hb-booking-history>[data-billing-panel]>.hb-history-list{margin-top:24px}
@media(max-width:650px){.hb-billing-intro{align-items:stretch;flex-direction:column;gap:16px}
.hb-billing-tabs button{padding:10px 12px;font-size:14px}
.hb-billing-filter{grid-template-columns:1fr;gap:14px}
.hb-billing-totals{grid-template-columns:1fr;gap:12px}
.hb-billing-totals>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px}
.hb-billing-totals strong{font-size:22px}
.hb-invoice-register-list article>.btn{width:100%;justify-content:center}}
.hb-billing-filter{grid-template-columns:minmax(220px,2fr) repeat(4,minmax(140px,1fr));align-items:end}
.hb-billing-filter .field{min-width:0}
.hb-invoice-register-list article>div{min-width:0;overflow-wrap:anywhere}
@media(max-width:1200px){.hb-billing-filter{grid-template-columns:repeat(2,minmax(0,1fr))}
.hb-billing-filter>.field:first-child{grid-column:1/-1}}
@media(max-width:520px){.hb-billing-filter{grid-template-columns:minmax(0,1fr)}}
:root{--ink:#19191c;--muted:#68686f;--accent:#e51e59;--purple:#e51e59;--purple-dark:#e51e59;--purple-soft:#fff1f2;--line:#e5e5e7;--soft:#fafafa;--green:#19191c;--hb-primary:#e51e59;--hb-primary-hover:#e51e59;--hb-surface:#fff;--hb-canvas:#fafafa;--hb-radius:12px;--hb-shadow:0 2px 8px #19191c08;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--hb-canvas)}
body,.main,.hb-community-page{background:var(--hb-canvas);color:var(--ink)}
h1,h2,h3,.heading h1,.hb-detail-title h1{color:var(--ink);font-weight:700;letter-spacing:-.025em}
h1,.heading h1{font-size:clamp(25px,2.5vw,32px);line-height:1.25}
h2{font-size:21px;line-height:1.35}
h3{font-size:17px;line-height:1.4}
p{line-height:1.6}
.heading p,.small-note,.muted{color:var(--muted)}
.sidebar,.topbar,.hb-navigation-dock{background:#fff;border-color:var(--line);box-shadow:none}
#app>.sidebar .nav button{color:var(--muted);font-size:15px;font-weight:600;border-radius:8px}
#app>.sidebar .nav button:hover{background:#fafafa;color:var(--ink)}
#app>.sidebar .nav button.active{background:#fff1f2;color:var(--accent);font-weight:700;box-shadow:none}
.hb-navigation-dock .hb-community-nav .btn{font-size:14px;font-weight:600;color:#383838}
.hb-navigation-dock .hb-community-nav .btn:is(:hover,.is-current){color:var(--accent);font-weight:600}
.brand{color:#19191c;letter-spacing:-.8px}
.user{border-color:var(--line)}
.panel,.stat,.hb-space-card,.hb-business-card,.hb-public-facts section,.hb-auth-card,.hb-invoice-section,.hb-billing-totals>div{background:#fff;border:1px solid var(--line);border-radius:var(--hb-radius);box-shadow:var(--hb-shadow)}
.hb-space-card:hover,.hb-business-card:hover,.hb-public-facts section:hover{border-color:#cfcfd3;box-shadow:0 3px 12px #19191c0c;transform:none}
.hb-space-card h2,.hb-business-card h2{font-size:20px;font-weight:700;line-height:1.3;color:var(--ink)}
.hb-space-excerpt,.hb-rich-compact{color:#616168;font-size:15px;line-height:1.55}
.hb-card-link{color:var(--accent);font-weight:700}
.hb-card-link:hover{color:var(--purple-dark)}
.btn,.btn[type=submit]:not(.secondary):not(.quiet),.form-actions>.btn:not(.secondary):not(.quiet),.hb-business-actions>.btn,.hb-billing-intro>.btn{background:var(--accent);color:#fff;border:1px solid transparent;border-radius:8px;font-size:15px;font-weight:700;box-shadow:none;min-height:42px;padding:10px 18px;filter:none}
.btn:hover{background:var(--purple-dark);filter:none}
.btn.secondary,.btn.quiet{background:#fff;color:var(--ink);border:1px solid #cfcfd3;box-shadow:none}
.btn.secondary:hover,.btn.quiet:hover{background:#fafafa;border-color:#9e9e9e;color:var(--ink)}
.btn.danger{background:#e51e59;color:#fff;border-color:#e51e59}
.btn.danger:hover{background:#e51e59}
.icon-btn{color:#68686f}
.icon-btn:hover{background:var(--hb-button-soft);color:#19191c;border-color:var(--hb-button-soft-border)}
.hero h1,.hero p{color:#19191c}
.hero-art{opacity:.85}
.field>span,.hb-auth-card .field>span{font-size:14px;font-weight:600;color:#45454b}
input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]),select,textarea,.hb-select-trigger{background:#fff;color:var(--ink);border:1px solid #cfcfd3;border-radius:8px;box-shadow:none;font-size:16px;font-weight:400}
input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]):focus,select:focus,textarea:focus,.hb-select-trigger:is(:focus-visible,[aria-expanded=true]){border:1px solid var(--accent);box-shadow:inset 0 0 0 1px var(--accent);outline:none}
.hb-select-trigger>svg{color:#68686f;background:transparent}
.hb-language .hb-select-trigger{background:#fafafa;font-weight:600;border-color:transparent}
.hb-select-menu,.hb-options,.hb-calendar{background:#fff;border-color:var(--line);border-radius:12px;box-shadow:0 8px 28px #19191c18}
.hb-option{font-size:15px;font-weight:400;color:var(--ink);background:transparent;transition:none;animation:none;user-select:none;-webkit-tap-highlight-color:transparent}
.hb-option[aria-selected=true]{background:#fafafa;color:var(--ink);border-color:#eaeaea;font-weight:600}
.hb-option:is(:hover,.is-highlighted){background:#fafafa;color:var(--ink);border-color:#eaeaea}
.hb-option.is-highlighted{outline:1px solid #68686f;outline-offset:-2px}

.notice,.hb-empty-state,.hb-billing-anaf{background:#f6f6f7;border:1px solid var(--line);border-radius:12px;color:var(--muted);box-shadow:none;font-weight:400}
.notice strong,.hb-empty-state h3{color:var(--ink);font-weight:700}
.hb-tooltip{background:#252529;color:#fff;border:0;border-radius:8px;box-shadow:0 4px 16px #19191c18;font-size:13px;font-weight:400;line-height:1.5}
#modal,.hb-confirm-dialog{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 70px #19191c30}
dialog::backdrop{background:rgba(23,50,77,.28);backdrop-filter:blur(8px)}
.hb-business-tabs button,.hb-billing-tabs button{border:1px solid #cfcfd3;background:#fff;color:#616168;border-radius:8px;padding:8px 14px;font-size:14px;font-weight:600;min-height:38px;box-shadow:none}
.hb-business-tabs button:is(.active,[aria-pressed=true]),.hb-billing-tabs button[aria-pressed=true]{background:#fff1f2;color:#e51e59;border-color:#cecece}
.hb-billing-totals strong{color:#19191c}
.hb-billing-totals span{color:var(--muted)}
.jd-card-editor{border-color:var(--line);border-radius:12px;background:#fff}
.jd-card-editor-bar{background:#fafafa;border-color:var(--line)}
.jd-card-editor button{border-radius:8px;box-shadow:none}
.jd-card-editor button[aria-pressed=true]{background:#e51e59;color:#fff;border-color:#e51e59}
.hb-ad-add .btn.secondary{background:#fff;border:1px dashed #bebebe;color:#616168;border-radius:10px}
.hb-auth-links button,.hb-auth-links .btn{background:none;border:0;color:var(--accent);padding:0;min-height:0}
.hb-auth-card h2{color:var(--ink)}
.hb-code-card form>.btn{background:var(--accent);box-shadow:none}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:650px){.content{padding-left:16px;padding-right:16px}
.panel{padding:18px}
.heading h1{font-size:25px}
.hb-navigation-dock.is-menu-open>.hb-community-nav{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px #19191c20}
.hb-navigation-dock .hb-community-nav .btn{font-size:15px;padding:12px;border-radius:8px;background:transparent}
.hb-navigation-dock .hb-community-nav .btn.is-current{background:#fff1f2;color:var(--accent)}
#app>.sidebar{background:#fff;border-top:1px solid var(--line);box-shadow:0 -2px 12px #19191c08}
.hero h1{font-size:27px}
.hb-billing-tabs{gap:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
.hb-public-facts{position:relative;isolation:isolate}
.hb-public-facts::before{position:absolute;inset:0 0 auto;height:105px;background:url("/fact-waves.svg?v=0.3.407") center/100% 100% no-repeat;pointer-events:none;z-index:1}
.hb-public-facts section::before{content:none}
.hb-public-facts section>*{position:relative;z-index:2}
.hb-public-facts .hb-fact-icon,.hb-public-facts section:nth-child(2) .hb-fact-icon,.hb-public-facts section:nth-child(3) .hb-fact-icon{background:#ededed;color:#e51e59;border:0;border-radius:14px;width:48px;height:48px;display:grid;place-items:center;box-shadow:none}
#app>.sidebar .sidebar-bottom>.btn,#app.hb-sidebar-compact>.sidebar .sidebar-bottom>.btn{border:0;background:transparent;box-shadow:none;color:#252529}
#app>.sidebar .sidebar-bottom>.btn:hover{background:transparent;color:#e51e59}
.hb-payments-panel th,.hb-payments-panel thead,.hb-payments-panel thead tr{border-bottom:0;box-shadow:none}
.hb-payments-panel .table-wrap{border-bottom:0;margin-bottom:12px}
@media(max-width:650px){.hb-public-facts::before{content:none}
.hb-public-facts section::before{content:"";z-index:1;height:105px;background:url("/fact-waves.svg?v=0.3.407") left top/300% 100% no-repeat;pointer-events:none;opacity:1}
.hb-public-facts section:nth-child(2)::before{background-position:center top}
.hb-public-facts section:nth-child(3)::before{background-position:right top}}
.hb-ad-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 16px;padding:18px 0;margin:0}
.hb-ad-row>.panel-head,.hb-ad-row>.hb-upload,.hb-ad-row>.field,.hb-ad-row>details,.hb-ad-row>.error{grid-column:1/-1}
.hb-ad-row>.check{grid-column:1;align-self:center;margin:0}
.hb-ad-row>.form-actions{grid-column:2;align-self:center;margin:0;padding:0}
.hb-ad-row>.error:empty{display:none}
.hb-ad-row .hb-upload.hb-upload-custom{display:grid;grid-template-columns:88px minmax(0,1fr);gap:7px 14px;padding:0;border:0;background:none;border-radius:0}
.hb-ad-row .hb-upload>strong{display:none}
.hb-ad-row .hb-upload-preview,.hb-ad-row .hb-upload-preview:has(img){grid-column:1;grid-row:1/4;width:88px;height:104px;min-height:0;margin:0;padding:0;background:transparent;align-self:start}
.hb-ad-row .hb-upload-custom .hb-image-preview{width:auto;max-width:88px;height:auto;max-height:104px;object-fit:contain;border-radius:10px}
.hb-ad-row .hb-upload-actions{grid-column:2;grid-row:1;justify-content:flex-start;align-self:start;flex-wrap:wrap;margin:0;gap:8px}
.hb-ad-row .hb-upload-hint,.hb-ad-row .hb-upload-info{grid-column:2;margin:0;line-height:1.45;font-size:12px}
.hb-ad-row .hb-upload-info:empty{display:none}
.hb-ad-row .hb-upload-pick>span{min-height:38px;padding:8px 12px;border-radius:8px;font-size:13px;box-shadow:none}
.hb-ad-row details{padding-top:0;border:0}
.hb-ad-row details summary{font-size:14px}
.hb-ad-row .field>span{margin-bottom:5px}
.hb-ad-row .field input{min-height:40px;padding:9px 12px}
@media(max-width:420px){.hb-ad-row{gap:12px}
.hb-ad-row .hb-upload.hb-upload-custom{grid-template-columns:72px minmax(0,1fr);gap:8px 10px}
.hb-ad-row .hb-upload-preview,.hb-ad-row .hb-upload-preview:has(img){width:72px;height:88px}
.hb-ad-row .hb-upload-custom .hb-image-preview{max-width:72px;max-height:88px}
.hb-ad-row .hb-upload-hint{grid-column:1/-1}}
.hb-public-facts::before{content:none}
.hb-public-facts section,.hb-public-facts section:nth-child(2),.hb-public-facts section:nth-child(3){overflow:hidden;isolation:isolate}
.hb-public-facts section::before,.hb-public-facts section:nth-child(2)::before,.hb-public-facts section:nth-child(3)::before{content:"";position:absolute;inset:0 0 auto;height:105px;z-index:0;opacity:1;pointer-events:none;background-image:url("/fact-waves.svg?v=0.3.407");background-size:var(--facts-wave-width,300%) 100%;background-position:var(--facts-wave-offset,0px) top;background-repeat:no-repeat}
.hb-rich-compact{max-height:4.65em;line-height:1.55;font-weight:400;isolation:isolate}
.hb-rich-compact,.hb-business-card .hb-rich-compact{font-size:16px;line-height:1.55;font-weight:400;max-height:4.65em;overflow:hidden}
.hb-rich-compact .jd-anchor-text{font-size:inherit;line-height:inherit;font-weight:inherit}
#modal.hb-image-modal{background:transparent;border:0;border-radius:0;box-shadow:none;color:#fff;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:64px 24px 24px;overflow:hidden}
#modal.hb-image-modal::backdrop{background:rgba(15,23,35,.64);backdrop-filter:blur(18px) saturate(165%);-webkit-backdrop-filter:blur(18px) saturate(165%)}
#modal.hb-image-modal .modal-head{position:fixed;top:max(12px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));z-index:10;margin:0;background:transparent;border:0}
#modal.hb-image-modal .modal-head h2{display:none}
#modal.hb-image-modal .modal-head button{width:44px;height:44px;padding:8px;background:rgba(15,23,35,.3);color:#fff;border:0;border-radius:50%;box-shadow:none}
#modal.hb-image-modal .modal-head button:hover{background:rgba(255,255,255,.12)}
#modal .modal-head [data-action=close] svg,.hb-confirm-dialog [data-close] svg{width:26px;height:26px;stroke-width:1.2;stroke-linecap:round;fill:none}
#modal.hb-image-modal .modal-head [data-action=close] svg{width:28px;height:28px;stroke-width:1.2}
#modal.hb-image-modal .hb-gallery-stage,#modal.hb-image-modal .hb-gallery-nav,#modal.hb-image-modal .hb-spot-lightbox{background:transparent;color:#fff}
@media(max-width:650px){#modal.hb-image-modal{padding:62px 12px 20px}}
.hb-dialog-close{position:absolute;right:12px;top:12px;width:40px;height:40px;display:grid;place-items:center;border:0;background:transparent;color:inherit;padding:7px;border-radius:50%}
.hb-dialog-close svg,.jd-photo-close svg{width:26px;height:26px;stroke:currentColor;stroke-width:1.2;fill:none;stroke-linecap:round}
@media(min-width:651px) and (hover:hover){#app>.sidebar .user [data-action="logout"]{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px;border:0;border-radius:8px;background:transparent;color:#68686f;box-shadow:none}
#app.hb-sidebar-compact>.sidebar .user [data-action="logout"]{width:100%;min-height:48px}
#app>.sidebar .user [data-action="logout"]:hover,#app>.sidebar .sidebar-bottom>.btn:hover{background:#fafafa;color:var(--ink);border-radius:8px;box-shadow:none}
.hb-navigation-dock .hb-community-nav .btn{padding:8px 10px;border-radius:8px}
.hb-navigation-dock .hb-community-nav .btn:hover{background:#fafafa;color:var(--ink);border:0;box-shadow:none}
.hb-navigation-dock .hb-community-nav .btn.is-current:hover{color:var(--accent)}}
/* Current shared surfaces. One definition for banners, hero and footer. */
.hero{display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;min-height:208px;padding:30px 35px;margin-bottom:24px;background:#f1f1f1 url('/hero-waves.svg') center/100% 100% no-repeat;border:1px solid #e2e2e2;border-radius:12px;box-shadow:none}
.hb-carousel{position:relative;width:100%;margin:0 0 24px;overflow:hidden;border:0;border-radius:16px;background:#fff;box-shadow:none}
.hb-carousel .hb-carousel-image{display:block;width:100%;height:clamp(190px,30vw,380px);max-height:380px;object-fit:cover;background:#fff}
.hb-platform-footer,#app>.hb-platform-footer,.public>.hb-platform-footer,.content>.hb-platform-footer{flex:none;box-sizing:border-box;width:100%;margin:18px 0 0;padding:18px 24px;background:transparent;border:0;border-radius:0;text-align:center;color:#68686f}
@media(max-width:650px){.hero{padding:24px;min-height:190px}.hb-carousel .hb-carousel-image{height:clamp(190px,30vw,380px);max-height:380px}.hb-platform-footer,#app>.hb-platform-footer,.public>.hb-platform-footer,.content>.hb-platform-footer{margin-top:16px;padding:16px}}
.hb-rich.hb-has-ink{position:relative;overflow:hidden;max-height:none;min-width:0}
.jd-ink-composition{position:absolute;left:0;top:0;transform-origin:top left;isolation:isolate}
.hb-rich .jd-ink-composition>.jd-anchor-text{display:block;-webkit-line-clamp:unset;overflow:visible;white-space:pre-wrap;overflow-wrap:anywhere;letter-spacing:normal;word-spacing:normal;position:relative;z-index:1}
.jd-ink-composition>svg{position:absolute;left:0;top:0;pointer-events:none;overflow:hidden;z-index:0}

/* Identical page frame for direct navigation, top-menu navigation and history. */
#app.hb-with-sidebar>.public{box-sizing:border-box;width:100%;max-width:1510px;margin:0 auto;padding:22px 44px 24px;background:transparent}
@media(min-width:651px){.hb-navigation-dock{padding:10px 44px;min-height:72px}}
@media(min-width:651px) and (max-width:1100px){#app.hb-with-sidebar>.public{padding:28px}.hb-navigation-dock{padding:10px 28px}}
@media(max-width:650px){#app.hb-with-sidebar>.public{padding:18px 16px 20px}}

@media(max-width:450px){.hb-carousel .hb-carousel-image{height:200px;max-height:200px}}

.hb-invoice-sheet{--invoice-accent:#626262;background:#fff;color:#343434;padding:36px;border:1px solid #e2e2e2;box-shadow:0 8px 30px #32323208;margin:24px 0;overflow-wrap:anywhere}
.hb-invoice-sheet.theme-navy{--invoice-accent:#707070}
.hb-invoice-sheet.theme-light{--invoice-accent:#888888}
.hb-invoice-sheet>header{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start;padding:0 0 24px;margin:0 0 20px;border-bottom:1px solid var(--invoice-accent)}
.hb-invoice-sheet.theme-navy>header{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23eeeeee' d='M0 0h1v1H0z'/%3E%3C/svg%3E");color:#323232;padding:24px;border:0}
.hb-invoice-sheet.theme-light>header{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23f3f3f3' d='M0 0h1v1H0z'/%3E%3C/svg%3E");color:#323232;padding:24px;border:0}
.hb-invoice-sheet h1{font-size:30px;font-weight:800;line-height:1.2;margin:0 0 10px;color:inherit}
.hb-invoice-brand{display:flex;align-items:flex-start;min-height:90px}
.hb-invoice-brand img{max-width:150px;max-height:90px;width:auto;height:auto;object-fit:contain}
.hb-invoice-heading{text-align:right;min-width:0}
.hb-invoice-heading>strong{font-size:19px;font-weight:750}
.hb-invoice-heading p{font-size:13px;margin:12px 0 0}
.hb-invoice-top-total{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 24px auto;width:calc(50% - 14px);padding:14px 16px;background:var(--invoice-accent);color:#fff;font-weight:700}
.hb-invoice-top-total>strong{font-size:20px;white-space:nowrap}
.hb-invoice-parties{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;margin:0 0 24px}
.hb-invoice-parties section>small{display:block;width:60%;padding-bottom:8px;border-bottom:1px solid var(--invoice-accent);color:#676767;font-size:13px;font-weight:700}
.hb-invoice-parties h3{font-size:19px;line-height:1.3;margin:12px 0 8px;font-weight:800}
.hb-invoice-parties dl{margin:0;font-size:13px;line-height:1.55}
.hb-invoice-parties dl>div{display:flex;gap:5px;align-items:baseline;margin:3px 0}
.hb-invoice-parties dt{font-weight:600;flex:none}
.hb-invoice-parties dt::after{content:':'}.hb-invoice-parties dd{margin:0;min-width:0;white-space:pre-wrap}
.hb-invoice-dates{display:flex;flex-wrap:wrap;gap:16px 32px;padding:14px 0;border-top:1px solid #e6e6e6;margin:0 0 20px}
.hb-invoice-dates>div{display:grid;gap:5px;font-size:13px}
.hb-invoice-sheet small{font-size:12px;color:#676767}
.hb-invoice-sheet table{border-collapse:collapse;width:100%;min-width:650px;font-size:13px}
.hb-invoice-sheet th{padding:13px 8px;text-align:right;border-top:1px solid var(--invoice-accent);border-bottom:1px solid var(--invoice-accent);background:#fff;color:#343434;font-weight:700}
.hb-invoice-sheet.theme-navy th{background:#f3f3f3;color:#323232}
.hb-invoice-sheet.theme-light th{background:#f3f3f3;color:#323232}
.hb-invoice-sheet td{padding:15px 8px;border-bottom:1px solid #e6e6e6;text-align:right;vertical-align:top}
.hb-invoice-sheet th:first-child,.hb-invoice-sheet td:first-child{text-align:left;width:34%}
.hb-invoice-sheet td small{display:block;margin-top:5px}
.hb-invoice-sheet footer{margin-top:28px;padding:18px;background:#f6f6f6;font-size:12px;line-height:1.5;border:0}
.hb-invoice-sheet footer p{margin:6px 0}
.hb-invoice-presentation{display:flex;align-items:end;flex-wrap:wrap;gap:16px;padding:20px 0}
.hb-invoice-presentation>.field{flex:1;min-width:180px}.hb-invoice-presentation>small{flex-basis:100%;color:var(--muted)}
.hb-template-choice>small{font-size:12px;line-height:1.45;color:var(--muted);padding-right:18px}
@media(max-width:650px){.hb-invoice-sheet{padding:20px 14px}.hb-invoice-sheet>header{gap:14px}.hb-invoice-sheet h1{font-size:22px}.hb-invoice-brand img{max-width:100%;max-height:70px}.hb-invoice-top-total{width:100%}.hb-invoice-parties{grid-template-columns:1fr;gap:24px}.hb-invoice-sheet.theme-navy>header,.hb-invoice-sheet.theme-light>header{padding:14px}.hb-invoice-parties dl>div{flex-wrap:wrap;gap:2px 5px}}
/* Shared icon interaction, including modal close controls. */
.icon-btn,.hb-dialog-close,.jd-photo-close,.hb-owner-edit,.hb-business-action{border-radius:10px;transition:background-color .15s ease,color .15s ease}
#modal>.modal-head>.icon-btn,dialog .modal-head>button{border-radius:10px;box-shadow:none}
@media(hover:hover){.icon-btn:hover,.hb-dialog-close:hover,.jd-photo-close:hover,.hb-owner-edit:hover,.hb-business-action:hover,#modal>.modal-head>.icon-btn:hover{background:#fafafa;color:#19191c;border-radius:10px;box-shadow:none}
#modal.hb-image-modal>.modal-head>.icon-btn:hover,dialog.hb-image-modal .modal-head>button:hover{background:#ffffff20;color:#fff;border-radius:50%}}
html.hb-modal-open{overflow:hidden!important}dialog{overscroll-behavior:contain}
.hb-time-control{display:block;position:relative;width:100%;min-width:0}
.hb-native-time{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:0!important;opacity:0;pointer-events:none;clip-path:inset(50%)}
.hb-time-trigger{display:flex;align-items:center;justify-content:space-between;gap:14px;box-sizing:border-box;width:100%;min-height:48px;padding:12px 14px;border:1px solid #cfcfd3;border-radius:10px;background:#fff;color:#343434;font:inherit;font-variant-numeric:proportional-nums;cursor:pointer}
.hb-time-trigger>svg{width:21px;height:21px;color:#68686f;flex:none}
.hb-time-trigger:focus-visible,.hb-time-trigger[aria-expanded=true]{outline:0;border-color:#e51e59;box-shadow:0 0 0 1px #e51e59}
.hb-time-panel{position:fixed;inset:auto;margin:0;padding:14px;width:300px;box-sizing:border-box;overflow:auto;border:1px solid #e5e5e7;border-radius:18px;background:#fff;color:#19191c;box-shadow:0 14px 40px #19191c24;z-index:100;overscroll-behavior:contain}
.hb-time-panel>header{display:flex;align-items:center;gap:10px;padding:0 2px 12px}.hb-time-panel>header>svg{width:22px;height:22px}.hb-time-panel>header strong{font-size:20px;font-variant-numeric:proportional-nums}.hb-time-panel>header>button{margin-left:auto;display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:10px;background:transparent;color:inherit;cursor:pointer}.hb-time-panel>header>button svg{width:22px;height:22px}
.hb-time-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hb-time-columns section{min-width:0}.hb-time-columns h3{text-align:center;font-size:13px;color:#68686f;font-weight:600;margin:0 0 8px}.hb-time-list{position:relative;height:190px;overflow-y:auto;scrollbar-width:none;overscroll-behavior:contain;padding:4px;background:#f8f8f8;border-radius:12px}.hb-time-list::-webkit-scrollbar{display:none}.hb-time-list>button{display:block;width:100%;min-height:40px;padding:8px;margin:0 0 3px;border:0;border-radius:9px;background:transparent;color:#343434;font:inherit;font-size:16px;font-variant-numeric:proportional-nums;text-align:center;cursor:pointer}.hb-time-list>button[aria-selected=true]{background:#e51e59;color:#fff;font-weight:700}.hb-time-list>button:focus-visible{outline:2px solid #19191c;outline-offset:-2px}.hb-time-panel>footer{padding-top:12px}.hb-time-panel>footer>.btn{width:100%;justify-content:center;min-height:40px}
@media(hover:hover){.hb-time-panel>header>button:hover{background:var(--hb-button-soft);border-color:var(--hb-button-soft-border)}.hb-time-list>button:not([aria-selected=true]):hover{background:var(--hb-button-soft);border-color:var(--hb-button-soft-border)}}
.hb-time-trigger{font-size:16px;font-weight:400;line-height:1.4}.form-grid:has(.hb-time-control){align-items:end}

/* Invoice collection overview */
.hb-collection-summary{margin:0 0 24px;padding:20px;border:1px solid #e9e9e9;border-radius:16px;background:#fff}
.hb-collection-summary h3{margin:0 0 18px;font-size:18px;color:#323232}
.hb-collection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.hb-collection-grid>div{display:flex;flex-direction:column;gap:8px;min-width:0}
.hb-collection-grid span{font-size:14px;color:#646464}
.hb-collection-grid strong{font-size:clamp(18px,2vw,25px);color:#323232;overflow-wrap:anywhere}
.hb-collection-grid>div:nth-child(3) strong,.hb-overdue-days{color:var(--hb-coral-magenta)}
.hb-collection-summary .small-note{margin:18px 0 0}
@media(max-width:800px){.hb-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:360px){.hb-collection-grid{grid-template-columns:1fr}}
/* Expenses: scoped operational dashboard */
.hb-exp-toolbar{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.hb-exp-toolbar>.field{flex:1;min-width:180px}.hb-exp-toolbar>.btn{flex-shrink:0}
.hb-exp-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0}
.hb-exp-kpis>button,.hb-exp-kpis>div{border:1px solid #e8e8e8;background:white;border-radius:16px;padding:20px;text-align:left;display:flex;flex-direction:column;gap:12px;color:#656565;font:inherit;min-width:0}
.hb-exp-kpis strong{font-size:clamp(20px,2.2vw,29px);color:#404040;overflow-wrap:anywhere}.hb-exp-kpis button:hover{background:var(--hb-button-soft);border-color:#cecece;border-color:var(--hb-button-soft-border)}
.hb-exp-dashboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:24px}.hb-exp-dashboard .panel{min-width:0;margin:0}.hb-exp-dashboard h3{font-size:17px;margin:0 0 22px;color:#404040}
.hb-exp-bars{display:grid;gap:18px}.hb-exp-bars button{font:inherit;text-align:left;border:0;background:transparent;padding:0;color:#646464}.hb-exp-bars span{display:flex;justify-content:space-between;gap:14px;margin-bottom:8px;overflow-wrap:anywhere}.hb-exp-bars strong{white-space:nowrap;color:#404040}.hb-exp-bars i{display:block;height:8px;background:#f2f2f2;border-radius:8px;overflow:hidden}.hb-exp-bars b{display:block;height:100%;background:#9a9a9a;border-radius:8px}.hb-exp-bars button:hover b{background:#8b8b8b}
.hb-exp-trend{display:flex;gap:10px;align-items:end;min-height:165px}.hb-exp-trend>div{flex:1;min-width:0;display:flex;align-items:center;flex-direction:column;gap:9px}.hb-exp-trend strong{font-size:11px;text-align:center;overflow-wrap:anywhere}.hb-exp-trend i{width:60%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23c5c5c5' d='M0 0h1v1H0z'/%3E%3C/svg%3E");border-radius:5px 5px 0 0}.hb-exp-trend span{font-size:12px;color:#656565}
.hb-exp-aging{display:flex;justify-content:space-between;gap:16px;padding:13px 0;color:#646464}.hb-exp-aging strong{color:#404040}.hb-exp-aging small{display:block;overflow-wrap:anywhere}
.hb-exp-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(100px,1fr) minmax(120px,1fr) 24px;gap:20px;width:100%;font:inherit;text-align:left;background:white;border:0;border-radius:12px;padding:18px 12px;color:#424242}.hb-exp-row:hover{background:#f8f8f8}.hb-exp-row small{display:block;color:#787878;margin-top:6px}.hb-exp-row span{min-width:0;overflow-wrap:anywhere}.hb-exp-detail .hb-exp-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:700px){.hb-exp-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.hb-exp-dashboard{grid-template-columns:1fr}.hb-exp-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.hb-exp-row>svg{display:none}.hb-exp-detail .hb-exp-kpis{grid-template-columns:1fr}.hb-exp-toolbar>.field{min-width:0;flex-basis:100%}}

/* Extra drawing headroom without changing saved text-relative coordinates. */
.jd-card-editor .jd-card-editor-page{padding-top:42px}
.jd-card-editor-stage>.jd-card-editor-overlay,.jd-card-editor-stage>.jd-card-editor-under{top:-28px;bottom:auto}
.hb-account-intro{width:100%;max-width:none;margin:0 0 14px;min-width:0;padding:18px;padding-inline-start:56px}
.hb-account-intro h2{margin:0 0 3px;font-size:21px;line-height:1.3}
.hb-account-intro>p{margin:0;color:#646464;overflow-wrap:anywhere;line-height:1.5}
.hb-account-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:4px 14px;margin-top:10px}
.hb-account-action{display:inline-flex;align-items:center;justify-content:flex-start;gap:10px;min-height:44px;max-width:100%;padding:8px 10px;border:0;border-radius:10px;background:transparent;color:#3d3d43;font-family:inherit;font-size:15px;font-weight:600;line-height:1.45;text-align:left;cursor:pointer;box-shadow:none;text-decoration:none;-webkit-tap-highlight-color:transparent}
.hb-account-action svg{width:21px;height:21px;flex:0 0 21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hb-account-action span{min-width:0;overflow-wrap:anywhere}
.hb-account-action:focus:not(:focus-visible){outline:none;box-shadow:none}
.hb-account-action:focus-visible{outline:2px solid #9c9c9c;outline-offset:2px}
@media(hover:hover){.hb-account-action:hover{background:var(--hb-button-soft);color:#e51e59;border-color:var(--hb-button-soft-border)}}
@media(max-width:600px){.hb-account-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 10px;margin-top:10px}.hb-account-action{width:100%;padding:8px 0;font-size:14px;gap:8px}.hb-account-intro{padding:18px;padding-inline-start:56px}}

.hb-saved-payment-card{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;margin:20px 0;padding:22px;border:1px solid #e6e6e6;border-radius:16px;background:#f9f9f9;color:#404040}.hb-saved-payment-card svg{width:25px;height:25px}.hb-saved-payment-card span{grid-column:2;color:#656565;font-size:14px}

/* Specialist availability uses the shared calendar, time picker and modal controls. */
#modal:has(.hb-schedule-form){width:min(860px,calc(100vw - 24px));max-width:860px}
.hb-schedule-form fieldset{min-width:0;border:0;padding:0;margin:0}
.hb-schedule-intro{display:flex;align-items:flex-start;gap:14px;background:#f7f7f7;border:1px solid #e9e9e9;border-radius:16px;padding:18px;color:#3f3f3f}
.hb-schedule-intro>svg{width:28px;height:28px;flex:none;color:#909090}
.hb-schedule-intro strong{font-size:17px}.hb-schedule-intro p{margin:6px 0;line-height:1.5;color:#757575}
.hb-schedule-day{display:grid;grid-template-columns:110px minmax(0,1fr);gap:18px;padding:18px 0;border-bottom:1px solid #f1f1f1}
.hb-schedule-day h3{font-size:15px;margin:10px 0;color:#3f3f3f}
.hb-work-window{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 40px;gap:12px;align-items:end;margin-bottom:12px}
.hb-work-window .field{min-width:0;margin:0}.hb-work-window .icon-btn{margin-bottom:3px}.hb-work-window input{min-width:0;width:100%}
.hb-schedule-tool{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:0;border-radius:10px;background:transparent;color:#686868;font-size:14px;font-weight:600;cursor:pointer}
.hb-schedule-tool svg{width:18px;height:18px}.hb-schedule-tool:hover{background:#f2f2f2;color:#424242}.hb-schedule-tool:focus-visible{outline:2px solid #909090;outline-offset:2px}.hb-schedule-tool:disabled{opacity:.45;cursor:default}
.hb-schedule-section-head,.hb-schedule-exception-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.hb-schedule-section-head{margin-top:22px}.hb-schedule-section-head h3{margin:0;font-size:18px}
.hb-schedule-exception{border:1px dashed #d3d3d3;border-radius:16px;padding:18px;margin-top:14px}.hb-schedule-exception-head{margin-bottom:14px}.hb-schedule-closed{margin:8px 0}
.hb-schedule-form [hidden]{display:none!important}.hb-schedule-form .check{margin-bottom:14px}
@media(max-width:600px){.hb-schedule-day{grid-template-columns:1fr;gap:4px;padding:14px 0}.hb-schedule-day h3{margin:0 0 8px}.hb-work-window{gap:8px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 32px}.hb-work-window .icon-btn{width:32px;min-width:32px}.hb-schedule-exception,.hb-schedule-intro{padding:14px}.hb-schedule-intro strong{font-size:16px}.hb-schedule-tool{padding:8px 4px}}

/* Invoice delivery: original PDF, recipient and delivery history. */
.hb-invoice-mail{margin:18px 0 24px;border:1px solid #e6e6e6;border-radius:14px;background:#fff;color:#404040}
.hb-invoice-mail summary{display:flex;align-items:center;gap:10px;padding:16px;cursor:pointer;border-radius:14px;font-size:16px;list-style:none}
.hb-invoice-mail summary::-webkit-details-marker{display:none}
.hb-invoice-mail summary::after{content:'+';margin-left:auto;font-size:23px;font-weight:400}
.hb-invoice-mail[open] summary::after{content:'−'}
.hb-invoice-mail summary:hover{background:#f5f5f5}
.hb-invoice-mail summary svg{width:21px;height:21px;color:#969696}
.hb-mail-body{padding:0 18px 18px}
.hb-mail-body .form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.hb-mail-body .field{min-width:0}
.hb-mail-notice{padding:14px 16px;background:#f5f5f5;border-radius:10px;font-size:14px;line-height:1.5}
.hb-mail-actions{display:flex;gap:10px;flex-wrap:wrap}
.hb-mail-history{list-style:none;padding:0;margin:12px 0 0}
.hb-mail-history li{display:flex;justify-content:space-between;gap:16px;padding:13px 0;overflow-wrap:anywhere}
.hb-mail-history li+li{border-top:1px solid #f0f0f0}
.hb-mail-history li>div{display:grid;gap:5px;min-width:0}
.hb-mail-history li>div:last-child{text-align:right}
.hb-mail-history small{color:#787878;font-size:13px}
.hb-mail-state{color:#444444;font-size:14px}
@media(max-width:600px){.hb-mail-body .form-grid{grid-template-columns:minmax(0,1fr)}.hb-mail-history li{flex-direction:column;gap:8px}.hb-mail-history li>div:last-child{text-align:left}.hb-mail-actions .btn{flex:1 1 auto;justify-content:center}.hb-mail-body{padding:0 12px 14px}}

/* Compact specialist cards: identity, service facts and team actions. */
.person-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;padding:0 14px 12px;border:1px solid #e8e8e8;background:#fff;box-shadow:0 5px 18px #19191c06;min-width:0;width:100%;max-width:none;justify-self:stretch;align-self:stretch;height:100%;min-height:0}
.hb-person-identity{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;gap:6px;width:calc(100% + 28px);padding:20px 14px 0;overflow:hidden;border-radius:14px 14px 0 0}
.hb-person-identity::before{content:"";position:absolute;inset:0 0 auto;height:46px;z-index:-1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23d2d2d2' d='M0 0h1v1H0z'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23f2f2f2' d='M0 0h1v1H0z'/%3E%3C/svg%3E")}
.person-card .avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;margin:0 0 4px;background:#f5f5f5;box-shadow:0 0 0 3px #fff;color:#68686f}
.person-card h3{margin:0;font-size:18px;line-height:1.25;color:#19191c;overflow-wrap:anywhere}
.hb-person-profession{margin:0;color:#5e5e5e;font-size:15px;font-weight:600;line-height:1.4}
.hb-person-status{font-size:12px;font-weight:600;color:#606060;line-height:1.4}
.hb-person-bio{margin:0;color:#111;font-weight:700;font-size:16px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.hb-person-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:9px 5px;width:100%;background:#f8f8f8;border-radius:12px}
.hb-person-facts>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.hb-person-facts strong{font-size:17px;font-weight:700;color:#19191c;line-height:1.3;overflow-wrap:anywhere}
.hb-person-facts small{font-size:14px;color:#767676;line-height:1.3}
.hb-person-services{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;width:100%}
.hb-person-services span{font-size:16px;font-weight:700;color:#19191c;line-height:1.4;padding:2px 6px;border:0;background:transparent;border-radius:7px;overflow-wrap:anywhere;max-width:100%}
.hb-person-entity{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 7px;margin:0;font-size:14px;line-height:1.4;color:#797979;overflow-wrap:anywhere}
.hb-person-entity strong{font-weight:600;color:#626262}
.hb-person-empty{margin:0;font-size:12px;font-weight:700;line-height:1.4;color:#e51e59}
.hb-person-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 16px;width:100%;margin:0;padding-top:2px}
.person-card .btn{margin:0;min-height:38px;padding:8px 12px;font-size:15px;line-height:1.3;justify-content:center;white-space:normal}
@media(max-width:420px){.person-card{padding:0 14px 12px;gap:5px}.hb-person-identity{width:calc(100% + 28px)}.person-card .avatar{width:64px;height:64px}.hb-person-facts strong{font-size:17px}.hb-person-actions .btn{flex:1 1 130px}}

.person-card .hb-person-edit{display:inline-flex;align-items:center;justify-content:center;gap:0;width:32px;height:32px;min-height:32px;flex:none;padding:6px;border:0;box-shadow:none;background:transparent;color:#62636c;font:inherit;font-size:14px;font-weight:700;cursor:pointer;border-radius:8px;text-decoration:none}
.person-card .hb-person-edit svg{width:18px;height:18px;flex:none}
.person-card .hb-person-edit:hover{color:#19191c;background:#f4f4f4;text-decoration:none}
.person-card .hb-person-edit:focus-visible{outline:2px solid #8396b3;outline-offset:3px}
.person-card .hb-person-actions [data-specialist-schedule]{color:#e51e59;background:#fff;border-color:#e4e4e4}
.person-card .hb-person-actions [data-specialist-schedule]:hover{background:#f4f4f4;border-color:#d8d8d8}

.hb-person-title{display:flex;align-items:center;justify-content:center;gap:5px;max-width:100%;padding-left:37px}
.hb-person-title:not(:has(.hb-person-edit)){padding-left:0}

.hb-person-footer{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;order:3;margin-top:2px;text-align:left}
.hb-person-footer .hb-person-mark{width:29px;height:29px;object-fit:contain;flex:none}
.hb-person-footer .hb-person-entity{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left}
.person-card .hb-person-actions{order:2}

.hb-rich .hb-description-link{color:#e51e59;font:inherit;letter-spacing:inherit;line-height:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;cursor:pointer}
.hb-rich .hb-description-link:hover{color:#e51e59}
.hb-rich .hb-description-link:focus-visible{outline:2px solid #e51e59;outline-offset:2px;border-radius:2px}

/* Public booking cards share the compact specialist card design. */
.hb-public-service-card .hb-service-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
.hb-public-service-card .hb-public-service-name{margin:0;font-size:16px;line-height:1.4;font-weight:700;color:#19191c;overflow-wrap:anywhere}
.hb-public-service-card .hb-person-actions .btn{width:auto;max-width:100%;padding:9px 14px}
@media(max-width:420px){.hb-public-service-card .hb-person-actions .btn{flex:0 1 auto}}

.card-grid.hb-specialist-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch;align-content:start}
.hb-specialists-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 18px;margin-bottom:18px}
.hb-specialists-heading h2{margin:0;min-width:0}
.hb-specialists-heading>button{flex:0 1 auto;max-width:100%;white-space:normal}
.hb-public-service-card .hb-person-actions{margin:0;padding-top:2px}
.hb-public-service-card{padding-bottom:14px}
@media(max-width:420px){.hb-specialists-heading{align-items:flex-start}.hb-specialists-heading>button{font-size:13px}}

.card-grid.hb-team-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.hb-team-grid .person-card{max-width:none}
.hb-team-grid .hb-person-facts{grid-template-columns:minmax(0,.65fr) minmax(0,1.4fr) minmax(0,.95fr)}
.hb-team-grid .hb-person-facts strong{overflow-wrap:normal;word-break:normal}

.card-grid.hb-resource-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),300px));gap:18px;align-items:start}
.hb-resource-card{position:relative;isolation:isolate;overflow:hidden;padding:16px;border-radius:14px;background:#fff;border:1px solid #e8e8e8;min-width:0}
.hb-resource-card::before{content:"";position:absolute;inset:0 0 auto;height:46px;z-index:-1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23d2d2d2' d='M0 0h1v1H0z'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23f2f2f2' d='M0 0h1v1H0z'/%3E%3C/svg%3E")}
.hb-resource-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:6px 0 12px}
.hb-resource-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#fff;color:#e51e59;box-shadow:0 2px 8px #19191c0d}
.hb-resource-icon svg{width:24px;height:24px}
.hb-resource-top .badge{background:#fff;color:#5e5e5e;font-size:12px;font-weight:600;border-radius:7px;padding:4px 8px}
.hb-resource-card h3{margin:0;font-size:17px;font-weight:700;color:#19191c;line-height:1.35;overflow-wrap:anywhere}

/* Resource availability: one quiet summary, details on demand. */
.hb-place-section{margin:24px 0;min-width:0}
.hb-place-section>.panel-head{margin-bottom:12px;gap:12px;flex-wrap:wrap}
.hb-place-toolbar{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.hb-place-controls{display:grid;grid-template-columns:minmax(140px,190px) minmax(100px,140px);gap:12px;max-width:100%;min-width:0}
.hb-place-controls label{min-width:0;margin:0}
.hb-place-controls input{min-width:0;width:100%}
.hb-place-summary{display:flex;align-items:center;gap:12px;border:1px solid #e3e3e3;border-radius:14px;padding:12px 16px;background:#fff;color:#464646;text-align:left;cursor:pointer;min-height:70px;transition:background .16s}
.hb-place-summary:hover{background:#f8f8f8}
.hb-place-summary:disabled{cursor:default;opacity:.7}
.hb-place-summary>svg,.hb-place-book>svg,.hb-portfolio-link svg{width:18px;height:18px;flex-shrink:0}
.hb-place-summary strong{display:block;font-size:15px;font-weight:650}
.hb-place-summary small,.hb-booking-places small{display:block;font-size:12px;color:#797979;margin-top:3px}
.hb-place-symbol{display:inline-flex;align-items:center;justify-content:center;color:#5a5a5a;flex:0 0 auto}
.hb-place-symbol svg{width:32px;height:32px}
.hb-place-summary.is-occupied .hb-place-symbol,.hb-specialist-places.is-occupied{color:var(--hb-coral-magenta)}
.hb-place-list{display:grid;gap:12px;margin-top:16px}
.hb-place-row{border:1px solid #e7e7e7;border-radius:14px;padding:14px;min-width:0}
.hb-place-row-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.hb-place-status{font-size:12px;font-weight:600;color:#5e5e5e;display:inline-block}
.hb-place-status.busy{color:var(--hb-coral-magenta);background:#fbecf0;border-radius:8px;padding:4px 7px}
.hb-place-status.closed{color:#62636c;font-weight:700}.hb-place-status.inactive{color:var(--hb-brand,#e51e59)}
.hb-busy-times{font-size:13px;color:var(--hb-coral-magenta);line-height:1.6;margin:10px 0;overflow-wrap:anywhere}
.hb-place-book{display:flex;align-items:center;gap:8px;max-width:100%;border:0;background:#f8f8f8;color:#555555;border-radius:10px;padding:9px 12px;margin-top:8px;cursor:pointer;font-size:14px;text-align:left}
.hb-place-book:hover{background:#f4f4f4}
.hb-booking-places{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid #e4e4e4;border-radius:12px;background:#fff}
.hb-booking-places strong{font-size:15px;color:#464646}
.hb-booking-places .hb-place-status{margin-top:5px}
.hb-portfolio-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#5a5a5a;font-weight:600;font-size:13px;text-decoration:none;padding:5px 8px;border-radius:8px;max-width:100%}
.hb-portfolio-link:hover{background:#f3f3f3;color:#464646}
.hb-specialist-places{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:14px;color:#6c6c6c;line-height:1.5}
.hb-specialist-places svg{width:19px;height:19px}
.hb-specialist-service-list{display:grid;gap:16px;width:100%;min-width:0}
.hb-specialist-service{display:grid;gap:9px;min-width:0}
.hb-specialist-service .hb-person-actions{justify-content:center}
.hb-public-service-card .hb-portfolio-link{order:0}
@media(max-width:520px){.hb-place-toolbar{gap:12px}.hb-place-controls{width:100%;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.hb-place-summary{padding:10px 12px;min-height:62px}.hb-place-section>.panel-head h2{font-size:18px}.hb-place-section>.panel-head .btn{white-space:normal}.hb-place-row{padding:12px}}
.hb-specialist-places{background:transparent;border:0;border-radius:8px;padding:5px 8px;cursor:pointer;font-family:inherit}
.hb-specialist-places:hover{background:#f4f4f4}
.hb-specialist-places:focus-visible,.hb-place-summary:focus-visible,.hb-place-book:focus-visible{outline:2px solid #e51e59;outline-offset:3px}
.hb-cv-upload{padding:16px;border:1px dashed #c7c7c7;border-radius:14px;background:#fff;min-width:0}
.hb-cv-heading,.hb-cv-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hb-cv-heading>svg{width:24px;height:24px;color:#5e5e5e}
.hb-cv-heading strong{font-size:15px;color:#3e3e3e}
.hb-cv-actions{margin:12px 0}
.hb-cv-actions label{margin:0;cursor:pointer}
.hb-cv-actions label:focus-visible{outline:2px solid #e51e59;outline-offset:3px}
.hb-cv-actions [hidden]{display:none!important}
[data-cv-preview]{display:flex;gap:10px;align-items:center;flex-wrap:wrap;overflow-wrap:anywhere}
[data-cv-preview] a{font-weight:600;color:#5a5a5a;font-size:14px;max-width:100%;text-decoration:none}
[data-cv-preview] a:hover{text-decoration:underline}
[data-cv-preview] small{color:#6c7b89}
/* Shared navigation and business context. */
.hb-page-back,.hb-editor-back,[data-editor-back]{border-radius:12px;overflow:hidden}
.hb-page-back:hover,.hb-editor-back:hover,[data-editor-back]:hover{background:#fff;border-radius:12px;color:#343434}
.hb-editor-back:focus-visible{outline:2px solid #e51e59;outline-offset:3px;border-radius:12px}
.hb-sidebar-workspace{display:flex;flex-direction:column;align-items:stretch;gap:7px;width:100%;max-width:100%;margin:0 0 14px;padding:0;min-width:0}
.hb-sidebar-workspace label{font-size:12px;color:#68686f;font-weight:600}
.hb-sidebar-workspace .hb-workspace-cell,.hb-sidebar-workspace .hb-select,.hb-sidebar-workspace .hb-workspace-cell{flex:0 0 auto}
.hb-sidebar-workspace .hb-select-trigger{min-width:0;width:100%;max-width:100%}
.hb-sidebar-workspace .hb-workspace-cell{flex:0 0 auto}
.hb-sidebar-workspace .hb-select-trigger{padding:10px;font-size:13px}
.hb-sidebar-workspace .hb-select-value{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hb-managed-workspace>strong{font-size:14px;line-height:1.45;overflow-wrap:anywhere}
.hb-managed-workspace>small{font-size:11px;line-height:1.45;color:#838383}
.hb-main-workspace{display:none}
.hb-sidebar-compact .hb-sidebar-workspace{display:none}
.hb-sidebar-compact .hb-main-workspace{display:flex;flex-wrap:wrap}
.hb-heading-business{display:block;font-size:17px;color:#666666;font-weight:600;line-height:1.5;margin-top:5px}
.hb-heading-business+p{max-width:660px}
.hb-share-location{display:block;margin-top:5px;color:#787878;line-height:1.5;overflow-wrap:anywhere}
.hb-public-place-details{margin-top:24px;border:1px solid #e7e7e7;border-radius:14px;padding:14px 16px}
.hb-public-place-details>summary,.hb-resource-assignments>summary{cursor:pointer;font-weight:600;color:#5c5c5c}
.hb-public-place-details .hb-place-section{margin-bottom:0}
/* Equal card heights and restrained text overflow. */
.hb-specialist-grid .person-card{border-radius:14px;min-width:0}
.hb-specialist-grid .hb-person-title{width:100%;min-width:0}
.hb-specialist-grid .hb-person-title h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;font-size:20px;font-weight:700}
.hb-specialist-grid .hb-person-profession{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;min-height:20px}
.hb-team-grid .hb-person-bio{min-height:0;max-height:41px;width:100%}.hb-team-grid .hb-person-bio:empty{display:none}
.hb-team-grid .hb-person-actions{margin-top:0;min-height:0;align-content:flex-start;gap:7px}
.hb-team-grid .hb-person-actions .btn{font-size:15px;padding:7px 9px}
.hb-specialist-grid .hb-person-footer{min-height:37px}
.hb-person-footer .hb-person-entity{min-width:0;flex:1}
.hb-person-footer .hb-person-entity strong{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hb-person-services{display:block;min-height:25px}
.hb-person-services span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px}
.hb-person-links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2px 6px;min-width:0}
.hb-person-links:empty{display:none}
.hb-service-management .hb-service-title{display:grid;grid-template-columns:32px minmax(0,1fr) 32px;align-items:center;width:100%;gap:5px}
.hb-service-management .hb-service-title h4{grid-column:2;text-align:center}
.hb-service-management .hb-service-title .hb-person-edit{grid-column:3}
.hb-service-title h4{margin:0;font-size:20px;line-height:1.4;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.hb-service-management .hb-service-facts{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}
.hb-service-resource{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;width:100%;margin:5px 0;color:#6d6d6d;font-size:15px}
.hb-service-resource svg{width:20px;height:20px;flex-shrink:0}
.hb-service-resource span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hb-service-buffer{font-size:14px;color:#838383;margin:0}
.hb-service-state{margin-top:auto;font-size:14px}
.hb-resource-assignments{margin:18px 0;padding:16px;border:1px solid #e5e5e5;border-radius:14px;background:white}
.hb-resource-assignment{display:grid;grid-template-columns:minmax(100px,1fr) minmax(150px,2fr) auto;gap:14px;align-items:center;padding:14px 0}
.hb-resource-assignment>strong{font-size:14px;overflow-wrap:anywhere}
.hb-assignment-link{display:flex;flex-direction:column;text-align:left;gap:3px;border:0;background:transparent;color:#606060;padding:6px 8px;border-radius:9px;max-width:100%;cursor:pointer}
.hb-assignment-link strong,.hb-assignment-link span{overflow-wrap:anywhere}
.hb-assignment-link span{font-size:12px;color:#787878}
.hb-assignment-link:hover,.hb-assignment-add:hover{background:#f4f4f4}
.hb-assignment-add{display:flex;align-items:center;gap:6px;background:transparent;color:#e51e59;border:0;border-radius:9px;font-size:13px;font-weight:600;cursor:pointer;padding:8px}
.hb-assignment-add svg{width:18px;height:18px}
.hb-place-book>span{display:flex;flex-direction:column;gap:3px;min-width:0}
.hb-place-book>span>span{font-size:12px;color:#707070}
.hb-booking-order{display:flex;align-items:center;justify-content:center;min-width:34px;height:34px;border-radius:10px;background:#f3f3f3;color:#626262;font-size:13px;font-weight:600}
.hb-booking-reference{display:grid;gap:5px;margin:16px 0;padding:12px 14px;background:#f8f8f8;border-radius:12px}
.hb-booking-reference small{font-size:12px;color:#7b7b7b}
.hb-booking-reference code{font-size:12px;overflow-wrap:anywhere;color:#4a4a4a;user-select:all}
@media(max-width:1199px){.card-grid.hb-specialist-grid,.card-grid.hb-team-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}
@media(max-width:960px){.card-grid.hb-specialist-grid,.card-grid.hb-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.hb-sidebar-workspace{display:none}.hb-main-workspace{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}.hb-main-workspace>label{width:100%;font-size:12px}.hb-main-workspace .hb-workspace-cell{width:100%;max-width:100%}.hb-main-workspace>small{width:100%}.hb-resource-assignment{grid-template-columns:minmax(0,1fr);gap:5px}.hb-assignment-add{justify-self:start}.hb-team-grid .hb-person-actions{min-height:0}.hb-heading-business{font-size:15px}.hb-managed-workspace .hb-select-value{white-space:normal}}
@media(max-width:540px){.card-grid.hb-specialist-grid,.card-grid.hb-team-grid{grid-template-columns:minmax(0,1fr);max-width:360px;margin-inline:auto}.hb-specialists-heading{align-items:center}}

.hb-public-booking-entry{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin:18px auto 26px;text-align:center;max-width:480px;padding-inline:12px}
.hb-public-booking-entry small{font-size:13px;line-height:1.5;color:#68686f;max-width:100%;text-wrap:balance}
.hb-public-booking-entry .btn{max-width:100%;white-space:normal}
#hb-public-services{scroll-margin-top:100px}

button[data-action="newBooking"]{white-space:normal;max-width:100%;text-align:center}

.hb-booking-fields{border:0;padding:0;margin:0;min-width:0;display:grid;gap:18px}
.hb-booking-fields[hidden],.hb-booking-choice[hidden]{display:none}
.hb-choice-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.hb-choice-change{border:0;background:transparent;color:#e51e59;font:inherit;font-size:13px;font-weight:600;cursor:pointer;padding:8px;border-radius:10px}
.hb-choice-change:hover{background:#f7f7f7}
.hb-booking-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}
.hb-booking-choice{display:flex;align-items:center;gap:10px;min-width:0;width:100%;padding:14px;border:1px solid #e6e6e6;border-radius:14px;background:#fff;color:#343434;text-align:left;cursor:pointer;font:inherit}
.hb-booking-choice:hover{background:#f8f8f8;border-color:#c1c1c1}
.hb-booking-choice.is-selected{border-color:#e51e59;background:#f8f8f8}
.hb-booking-choice:focus-visible{outline:2px solid #e51e59;outline-offset:3px}
.hb-booking-choice .avatar{width:44px;height:44px;flex:none;border-radius:50%;object-fit:cover}
.hb-choice-text{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.hb-choice-text strong{font-size:15px;overflow-wrap:anywhere}
.hb-choice-text>span{font-size:13px;color:#68686f;overflow-wrap:anywhere}
.hb-choice-text small{font-size:12px;color:#5c5c5c}
.hb-booking-choice>svg{width:18px;height:18px;flex:none;color:#e51e59}
.hb-mobile-business-menu{display:none}
@media(max-width:650px){
 #app.hb-with-sidebar>.sidebar{display:none}
 #app.hb-with-sidebar{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
 .hb-navigation-dock .hb-community-nav .hb-mobile-business-menu{display:grid;gap:4px;margin-top:8px;padding-top:10px;border-top:1px solid #ebebeb;min-width:0}
 .hb-mobile-business-menu>strong{font-size:12px;color:#68686f;padding:6px 10px 0}
 .hb-mobile-business-menu>small{font-size:12px;color:#68686f;padding:0 10px 6px;overflow-wrap:anywhere}
 .hb-navigation-dock .hb-mobile-business-menu button{display:flex;align-items:center;gap:12px;width:100%;min-height:46px;padding:10px 12px;border:0;border-radius:10px;background:#fff;color:#565656;font:inherit;font-size:14px;text-align:left;cursor:pointer}
 .hb-navigation-dock .hb-mobile-business-menu button:hover,.hb-navigation-dock .hb-mobile-business-menu button.is-current{background:var(--hb-button-soft);color:#e51e59;border-color:var(--hb-button-soft-border)}
 .hb-mobile-business-menu svg{width:20px;height:20px;flex:none}
}
@media(max-width:540px){.hb-booking-choices{grid-template-columns:minmax(0,1fr)}}

.hb-mobile-bottom{display:none}
@media(max-width:650px){
 #app:has(>.hb-mobile-bottom){padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
 .hb-mobile-bottom{display:flex;align-items:center;justify-content:space-around;position:fixed;inset:auto 0 0;z-index:46;min-height:66px;padding:6px 10px calc(6px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #ebebeb;box-shadow:0 -4px 20px #19191c08}
 .hb-mobile-bottom button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:1;min-width:0;min-height:48px;max-width:110px;padding:7px 4px;border:0;border-radius:10px;background:transparent;color:#616168;font:inherit;cursor:pointer}
 .hb-mobile-bottom button[aria-current=page],.hb-mobile-bottom button:hover{background:#fff1f2;color:#e51e59}
 .hb-mobile-bottom svg{width:21px;height:21px;flex:none}
 .hb-mobile-bottom span{font-size:10px;line-height:1.2;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}

/* Live appointment operations and accepted-service billing */
.hb-live-badge{display:flex;justify-content:center;align-items:center;gap:7px;min-height:30px;margin:9px 0 3px;font-size:14px;font-weight:600;color:#757575;line-height:1.4;text-align:center}
.hb-live-badge::before{content:"";width:7px;height:7px;border-radius:50%;background:#a8a8a8;flex:none}
.hb-live-badge[data-status="available"]{color:#757575}.hb-live-badge[data-status="available"]::before{background:#e51e59}
.hb-live-badge[data-status="withClient"]{color:#757575}.hb-live-badge[data-status="withClient"]::before{background:var(--hb-coral-magenta)}
.hb-live-badge[data-status="paused"]::before{background:#aa8698}
.hb-live-pause{display:block;margin:0 auto;padding:4px 10px;border:0;border-radius:9px;background:transparent;color:#666666;font-weight:600;font-size:14px}
.hb-live-pause:hover{background:#f2f2f2;color:#e51e59}
[data-live-book]:disabled{cursor:default}
.hb-operation-panel,.hb-auto-billing{padding:18px;border:1px solid #e5e5e5;border-radius:16px;background:#f8f8f8;margin:16px 0;display:grid;gap:12px;color:#383838}
.hb-operation-panel>.hb-auto-billing{padding:0;margin:0;border:0;background:none}
.hb-operation-panel p,.hb-auto-billing p{font-size:14px;line-height:1.55;color:#727272}
.hb-operation-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.hb-operation-steps li{display:flex;align-items:center;gap:7px;font-size:13px;color:#7d8894;min-width:0}
.hb-operation-steps li.is-done{color:#e51e59;font-weight:700}
.hb-operation-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
dialog>form+.hb-operation-actions{margin-top:16px}
.hb-operation-actions .btn{min-width:0;padding:10px 14px;white-space:normal;line-height:1.4}
.hb-operation-panel .btn:not(.secondary){background:#3e3e3e;color:#fff;border-color:transparent}
.hb-operation-panel .hb-operation-timer{font-weight:700;color:#e51e59}.hb-operation-panel .hb-operation-timer.is-overdue{color:var(--hb-coral-magenta)}
.hb-operation-note{margin:12px 0;font-size:14px;color:#787878}
.hb-client-billing{display:grid;gap:14px;padding:16px 0}.hb-client-billing h3{font-size:17px;font-weight:700}
.hb-accepted-work{display:grid;gap:12px;margin:14px 0;overflow-wrap:anywhere}
.hb-accepted-work>div{display:grid;gap:5px}.hb-accepted-work small{color:#787878;font-size:13px}
.hb-accepted-work p,.hb-accepted-work span{font-size:14px;line-height:1.5;color:#666666}
.hb-accepted-work strong{font-size:15px;font-weight:700;line-height:1.5;color:#3c3c3c}
.hb-accepted-price{padding:12px;background:#f8f8f8;border-radius:12px;color:#6c6c6c;font-size:14px}
.hb-work-addon{padding:10px 12px;border-left:3px solid #b3b3b3;background:#f7f7f7;border-radius:0 10px 10px 0}
.hb-guest-billing{margin:18px 0;padding:14px 16px;border:1px solid #e6e6e6;border-radius:14px}.hb-guest-billing summary{font-weight:700;color:#464646;cursor:pointer}
.person-card>[data-billing-setup]{margin:4px auto 10px;font-size:13px;justify-content:center}
@media(max-width:600px){.hb-operation-panel{padding:14px}.hb-operation-steps{gap:7px}.hb-operation-steps li{flex-direction:column;text-align:center;font-size:12px;gap:5px}.hb-operation-actions{gap:12px}.hb-operation-actions .btn{flex:1 1 130px}.hb-operation-actions .hb-account-action{font-size:13px;white-space:normal}.hb-client-billing{gap:12px}}
.hb-platform-invoice-list{display:grid;gap:10px;margin:24px 0 4px}.hb-platform-invoice-list h3{font-size:17px;font-weight:700;color:#3e3e3e}.hb-platform-invoice{padding:13px 14px;border:1px solid #e6e6e6;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#fff}.hb-platform-invoice span{display:flex;align-items:center;gap:9px;color:#565656}.hb-platform-invoice small{font-size:12px;color:#787878}.hb-platform-invoice:hover{background:#f8f8f8;border-color:#cbcbcb}

.hb-service-minimum{margin:12px 0;text-align:center;color:#656565}.hb-service-minimum strong{color:#2e2e2e;font-size:1.15em}

.hb-team-grid{align-items:stretch}.hb-team-grid .person-card{height:100%;align-self:stretch;gap:5px}.hb-team-grid .hb-person-title{min-height:32px}.hb-team-grid .hb-live-badge{margin:2px 0;min-height:24px}.hb-team-grid .person-card>[data-billing-setup]{margin:0;font-size:12px;padding:6px}.hb-team-grid .hb-person-empty{margin:2px 0}.hb-team-grid .hb-person-identity{gap:4px}.hb-team-grid .hb-person-links:empty{display:none}

.hb-card-catalog{width:100%;display:grid;gap:6px;margin:0;text-align:left}
.hb-card-catalog .field{margin:0;gap:5px}.hb-card-catalog .field>span{font-size:14px;font-weight:600;color:#787878}
.hb-card-catalog .hb-person-facts{text-align:center;border:1px solid #eeeeee}
.hb-team-grid .hb-person-actions>[data-billing-setup]{width:100%;justify-content:center;margin:0;padding:7px;font-size:14px}
.hb-team-grid .hb-person-actions{padding-top:10px}
.hb-team-grid .person-card{box-shadow:0 7px 24px #19191c08}
.hb-team-grid .hb-person-identity::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23dadada' d='M0 0h1v1H0z'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23f4f4f4' d='M0 0h1v1H0z'/%3E%3C/svg%3E")}

.hb-live-badge[data-online="false"] .hb-live-word{color:var(--hb-coral-magenta)}
.hb-live-badge[data-online="false"]::before{background:var(--hb-coral-magenta)}
.hb-live-badge[data-online="true"] .hb-live-word{color:#768a35}
.hb-live-badge[data-online="true"]::before{background:#829744}
.hb-public-service-card>.hb-person-actions{margin-top:auto;padding-top:8px}
details>summary{list-style:none}details>summary::-webkit-details-marker{display:none}details>summary::marker{content:""}
details>summary:not(:has(.hb-disclosure-triangle))::before{content:"";display:inline-block;width:14px;height:14px;margin-right:9px;vertical-align:-1px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5v14m-5-5 5 5 5-5' fill='none' stroke='black' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;transition:none}
details[open]>summary:not(:has(.hb-disclosure-triangle))::before{transform:scaleY(-1)}
.hb-invoice-mail summary::after{content:none}
@media(prefers-reduced-motion:reduce){details>summary::before{transition:none}}

.person-card .hb-person-actions [data-specialist-schedule]{border:0;background:transparent;box-shadow:none;padding:7px 5px;flex:0 0 auto;min-height:36px}
.person-card .hb-person-actions [data-specialist-schedule]:hover{border-color:transparent;background:#f7f7f7}
.hb-specialist-photo-action{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:#666666;width:36px;height:36px;padding:7px;border-radius:9px;cursor:pointer;flex:none}
.hb-specialist-photo-action svg{width:22px;height:22px}.hb-specialist-photo-action:hover{background:#f7f7f7;color:#e51e59}
.hb-specialist-photo-action:focus-visible{outline:2px solid #e51e59;outline-offset:2px}
.hb-team-grid .hb-person-actions{gap:6px 8px;padding-top:6px}
@media(hover:hover) and (pointer:fine){
.hb-space-card,.hb-public-service-card{transition:transform .18s ease,box-shadow .18s ease}
.hb-space-card:hover,.hb-public-service-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #19191c18;border-color:#e8e8e8}
}
@media(prefers-reduced-motion:reduce){.hb-space-card,.hb-public-service-card{transition:none}.hb-space-card:hover,.hb-public-service-card:hover{transform:none}}

.hb-specialist-availability{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 14px;width:100%;margin:2px 0}
.hb-specialist-availability .hb-specialist-places{width:auto;margin:0}
.hb-specialist-program{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 8px;border:0;border-radius:9px;background:transparent;color:#8396b3;font:inherit;font-size:15px;font-weight:600;cursor:pointer}
.hb-specialist-program svg{width:18px;height:18px}.hb-specialist-program:hover{background:#f7f7f7}.hb-specialist-program:focus-visible{outline:2px solid #8396b3;outline-offset:2px}
.hb-person-identity>.hb-specialist-photo-action{position:absolute;top:9px;right:11px;width:32px;height:32px;color:#3d3d43;z-index:1}

.hb-team-grid .hb-person-bio{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-height:21px;line-height:21px}
.hb-team-grid .hb-person-actions{padding-top:0}
.hb-team-grid .hb-person-footer{margin-top:auto;padding-top:5px}
.person-card .hb-live-badge>span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.person-card .hb-person-empty{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

@media(max-width:650px){
.heading>.btn[data-action="newBooking"]{width:112px;height:112px;min-width:112px;min-height:112px;max-width:112px;max-height:112px;flex:0 0 112px;aspect-ratio:1;border-radius:50%;padding:14px;display:inline-flex;align-items:center;justify-content:center;text-align:center;white-space:normal;line-height:1.2;font-size:14px;gap:0}
.heading:has(>.btn[data-action="newBooking"])>div{min-width:0;flex:1}
}

/* Soft invoice presentation; the classic document retains its plain layout. */
.hb-invoice-sheet:is(.theme-navy,.theme-light){border-radius:20px}
.hb-invoice-sheet.theme-navy{--invoice-accent:#848484}
.hb-invoice-sheet.theme-light{--invoice-accent:#909090}
.hb-invoice-sheet:is(.theme-navy,.theme-light)>header{border-radius:18px;overflow:hidden}
.hb-invoice-sheet:is(.theme-navy,.theme-light) .hb-invoice-brand img{background:#fff;border:8px solid #fff;border-radius:15px;box-shadow:0 4px 14px #3e3e3e12;max-height:106px}
.hb-invoice-sheet:is(.theme-navy,.theme-light) :is(.hb-invoice-top-total,.hb-invoice-summary .total){border-radius:13px;background:var(--invoice-accent);color:#fff}
.hb-invoice-sheet:is(.theme-navy,.theme-light) :is(.hb-invoice-table-scroll,footer){border-radius:14px;overflow:hidden}
.hb-invoice-sheet:is(.theme-navy,.theme-light) table{border-collapse:separate;border-spacing:0}
.hb-invoice-sheet:is(.theme-navy,.theme-light) th{border-top:0}
.hb-invoice-sheet:is(.theme-navy,.theme-light) th:first-child{border-radius:12px 0 0 12px}
.hb-invoice-sheet:is(.theme-navy,.theme-light) th:last-child{border-radius:0 12px 12px 0}
.hb-invoice-sheet.theme-light>header{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23f2f2f2' d='M0 0h1v1H0z'/%3E%3C/svg%3E")}
.hb-invoice-sheet.theme-navy>header{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23eeeeee' d='M0 0h1v1H0z'/%3E%3C/svg%3E")}

.hb-guest-sidebar .sidebar-bottom>button{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border:0;border-radius:10px;background:transparent;color:#565656;font:inherit;font-weight:600;text-align:left;cursor:pointer}
.hb-guest-sidebar .sidebar-bottom>button:hover{background:var(--hb-button-soft);color:#e51e59;border-color:var(--hb-button-soft-border)}
.hb-guest-top-nav>button{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:10px;background:transparent;padding:10px 12px;color:#565656;font:inherit;font-weight:600;cursor:pointer}
.hb-guest-top-nav>button:hover{background:#fafafa;color:#e51e59}
.hb-guest-top-nav>button.is-current{color:#e51e59}
.hb-guest-top-nav>button svg{display:none}
#app .hb-navigation-dock .hb-guest-top-nav>button:is([data-guest-quick="directory"],[data-support-open])>svg{display:block;width:20px;height:20px;flex:0 0 20px}
@media(max-width:650px){
.hb-guest-shell .hb-navigation-dock .hb-guest-top-nav{display:none;position:absolute;left:auto;right:12px;top:calc(100% + 6px);width:min(310px,calc(100vw - 24px));padding:10px;margin:0;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 12px 32px #19191c20}
.hb-guest-shell .hb-navigation-dock.is-menu-open .hb-guest-top-nav{display:grid;grid-template-columns:1fr;gap:4px}
.hb-guest-top-nav>button{width:100%;justify-content:flex-start;font-size:15px;padding:12px;min-height:44px}
.hb-guest-top-nav>button svg{display:block;width:20px;height:20px;flex:none}
.hb-guest-shell .hb-navigation-dock{gap:8px}
.hb-guest-shell .hb-header-brand{display:inline-flex}
.hb-guest-shell .hb-header-brand .brand{font-size:19px;border-radius:10px}
.hb-guest-shell .hb-header-brand .brand[aria-expanded=true]{background:#fafafa}
.hb-guest-shell .hb-header-brand img{width:30px;height:30px}
}

.hb-session-expired{position:fixed;bottom:calc(84px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);z-index:1000;display:flex;flex-wrap:wrap;gap:12px;align-items:center;width:max-content;max-width:calc(100vw - 32px);padding:16px 20px;border:1px solid #e3e3e3;border-radius:16px;background:#fff;box-shadow:0 8px 28px #19191c26;color:#565656}.hb-session-expired a{color:#e51e59;font-weight:700}
.hb-support-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;padding:10px 12px;background:transparent;color:#565656;font:inherit;font-weight:600;cursor:pointer;text-decoration:none}
.hb-support-link svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;flex:none}
.hb-support-link:hover{background:#fafafa;color:#e51e59}
.hb-support-tickets{display:grid;gap:16px}.hb-support-message{white-space:pre-wrap;overflow-wrap:anywhere}.hb-support-tickets .detail-actions{margin-top:12px}
@media(min-width:651px){
/* Keep the expanded layout fixed; reveal its surface without reflowing icons or text. */
#app.hb-sidebar-compact>.sidebar{z-index:60;width:var(--hb-sidebar-expanded,280px);padding-left:12px;padding-right:12px;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;clip-path:inset(0 calc(var(--hb-sidebar-expanded,280px) - 84px) 0 0);transition:clip-path .16s ease;box-shadow:none}
#app.hb-sidebar-compact>.sidebar:is(:hover,:has(:focus-visible)){clip-path:inset(0);box-shadow:12px 0 30px #19191c16}
#app.hb-sidebar-compact>.sidebar>.brand{justify-content:flex-start;width:calc(var(--hb-sidebar-expanded,280px) - 24px);margin:0;padding-left:12px;box-sizing:border-box;flex-shrink:0}
#app.hb-sidebar-compact>.sidebar>.brand>span,#app.hb-sidebar-compact>.sidebar .hb-nav-label,#app.hb-sidebar-compact>.sidebar .user-info{display:block;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .12s ease}
#app.hb-sidebar-compact>.sidebar:is(:hover,:has(:focus-visible))>.brand>span,#app.hb-sidebar-compact>.sidebar:is(:hover,:has(:focus-visible)) .hb-nav-label,#app.hb-sidebar-compact>.sidebar:is(:hover,:has(:focus-visible)) .user-info{opacity:1;visibility:visible}
#app.hb-sidebar-compact>.sidebar .hb-nav-label{width:max-content;flex:none}
#app.hb-sidebar-compact>.sidebar .hb-sidebar-workspace{display:none}
#app.hb-sidebar-compact>.sidebar .nav{width:calc(var(--hb-sidebar-expanded,280px) - 24px);margin-top:16px;gap:8px;flex-shrink:0}
#app.hb-sidebar-compact>.sidebar .nav button,#app.hb-sidebar-compact>.sidebar .sidebar-bottom>button{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;box-sizing:border-box;width:calc(var(--hb-sidebar-expanded,280px) - 24px);min-height:48px;height:48px;padding:12px 18px;gap:16px;font-size:15px;font-weight:600;line-height:24px;white-space:nowrap;flex-shrink:0;transform:none;transition:background-color .12s ease,color .12s ease}
#app.hb-sidebar-compact>.sidebar .nav button svg,#app.hb-sidebar-compact>.sidebar .sidebar-bottom>button svg{display:block;width:24px;height:24px;flex:0 0 24px;margin:0;fill:none;stroke:currentColor;stroke-width:1.7}
#app.hb-sidebar-compact>.sidebar .sidebar-bottom{width:calc(var(--hb-sidebar-expanded,280px) - 24px);display:flex;flex-direction:column;gap:8px;flex-shrink:0}
#app.hb-sidebar-compact>.sidebar .sidebar-bottom .user{display:grid;grid-template-columns:60px 1fr;grid-template-rows:48px 48px;align-items:center;gap:4px 0;width:calc(var(--hb-sidebar-expanded,280px) - 24px);padding:0;flex-shrink:0}
#app.hb-sidebar-compact>.sidebar .user>img,#app.hb-sidebar-compact>.sidebar .user>.avatar{grid-column:1;grid-row:1;justify-self:center}
#app.hb-sidebar-compact>.sidebar .user-info{grid-column:2;grid-row:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
#app.hb-sidebar-compact>.sidebar .user [data-action="logout"]{grid-column:1 / -1;grid-row:2;display:flex;align-items:center;justify-content:flex-start;width:calc(var(--hb-sidebar-expanded,280px) - 24px);min-width:0;height:48px;min-height:48px;padding:12px 18px;gap:16px;font-size:15px;font-weight:600;white-space:nowrap}
#app.hb-sidebar-compact>.sidebar .user [data-action="logout"] svg{display:block;width:24px;height:24px;flex:0 0 24px}
}
@media(max-width:650px){.hb-navigation-dock .hb-support-link{justify-content:flex-start;width:100%;font-size:15px}.hb-navigation-dock .hb-support-link svg{display:block}}
@media(prefers-reduced-motion:reduce){#app.hb-sidebar-compact>.sidebar{transition:none}}

.hb-support-recipient{display:flex;flex-direction:column;gap:6px;overflow-wrap:anywhere}.hb-support-history{display:grid;gap:12px}.hb-support-history .panel{padding:16px}.hb-support-history h3{font-size:16px}

@media(max-width:650px){
#app .hb-navigation-dock .hb-community-nav .hb-menu-logout{justify-content:flex-start;gap:12px;padding:12px;color:#e51e59;background:transparent;font-weight:700;border:0;border-radius:10px;order:100}
#app .hb-navigation-dock .hb-community-nav .hb-menu-logout:is(:hover,:focus-visible){color:#e51e59;background:#fff0ed}
#app .hb-navigation-dock .hb-community-nav .hb-menu-logout svg{display:block;width:21px;height:21px;flex:0 0 21px;stroke:currentColor}
}

@media(min-width:651px){
#app .hb-navigation-dock .hb-community-nav .hb-menu-logout{display:none}
}

@media(max-width:650px){
#app .hb-navigation-dock .hb-community-nav>button,#app .hb-navigation-dock .hb-mobile-business-menu button{width:100%;min-width:0;text-align:left;white-space:normal;line-height:1.4;height:auto;min-height:46px;justify-content:flex-start;gap:12px;padding:12px}
#app .hb-navigation-dock .hb-community-nav>button>span,#app .hb-navigation-dock .hb-mobile-business-menu button>span{min-width:0;text-align:left;white-space:normal;overflow-wrap:anywhere}
#app .hb-navigation-dock .hb-community-nav>button>svg,#app .hb-navigation-dock .hb-mobile-business-menu button>svg{width:20px;height:20px;flex:0 0 20px}
}

.hb-mail-upload{border:1px solid #e3e3e3;border-radius:16px;padding:16px;background:#fff;min-width:0}
.hb-mail-drop{position:relative;display:flex;align-items:center;gap:14px;padding:20px;border:1px dashed #a8a8a8;border-radius:12px;background:#f9f9f9;cursor:pointer;text-align:left}
.hb-mail-drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.hb-mail-drop:has(input:focus-visible){outline:2px solid #e51e59;outline-offset:3px}
.hb-mail-drop:has(input:disabled){opacity:.55;cursor:default}
.hb-mail-drop strong{display:block;color:#e51e59;font-size:16px;margin-bottom:5px}.hb-mail-drop small{display:block;line-height:1.4}
.hb-mail-upload-icon{display:grid;place-items:center;background:var(--hb-button-soft);color:#e51e59;width:44px;height:44px;border-radius:12px;flex:none;border-color:var(--hb-button-soft-border)}
.hb-mail-upload.is-dragging .hb-mail-drop{background:#f1f1f1;border-color:#e51e59}
.hb-mail-capacity{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;margin-top:14px;font-size:13px}.hb-mail-capacity strong{color:#424242}
.hb-mail-upload progress{width:100%;height:6px;accent-color:#e51e59;margin-top:8px;border:0;border-radius:8px;overflow:hidden}
.hb-mail-upload progress::-webkit-progress-bar{background:#f1f1f1}.hb-mail-upload progress::-webkit-progress-value{background:#e51e59}
.hb-mail-files{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,145px),1fr));gap:14px;margin-top:14px}.hb-mail-file{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:10px;min-width:0;border:1px solid #e8e8e8;border-radius:14px;background:#fff}.hb-mail-file-visual{width:100%;height:120px;display:grid;place-items:center;border-radius:10px;background:#f3f3f3;color:#5a5a5a;flex:none;overflow:hidden}.hb-mail-file-visual img{width:100%;height:100%;object-fit:contain}
.hb-mail-file-copy{flex:1;min-width:0}.hb-mail-file-copy strong{display:block;font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hb-mail-file-copy small{display:block;margin-top:4px;font-size:12px}.hb-mail-file .icon-btn{position:absolute;top:5px;right:5px;background:#fff;box-shadow:0 2px 8px #19191c18;flex:none;border-radius:50%;width:36px;height:36px;min-width:36px;padding:8px}.hb-mail-file .icon-btn:hover{background:#fff0ed;color:var(--hb-coral-magenta)}
@media(max-width:650px){.hb-mail-upload{padding:12px}.hb-mail-drop{padding:16px 12px}.hb-mail-file{gap:8px}}

.hb-support-attachments{display:grid;gap:8px;margin-top:12px}.hb-support-attachments a{justify-content:flex-start;min-width:0;text-align:left;background:#f8f8f8}.hb-support-attachments a>span{flex:1;min-width:0;overflow-wrap:anywhere}.hb-support-attachments strong{font-size:14px}.hb-support-attachments small{display:block;margin-top:4px;font-size:12px}
.hb-mailbox{display:grid;grid-template-columns:190px minmax(0,1fr);height:auto;background:#fff;border:1px solid #e8e8e8;border-radius:18px;overflow:visible;min-height:0;color:#252529}
.hb-mailbox-folders{display:flex;flex-direction:column;gap:8px;padding:20px 12px;background:#f8f8f8;overflow:auto;scrollbar-width:none}
.hb-mailbox-folders>.btn{margin-bottom:12px}.hb-mailbox-folder{display:flex;align-items:center;gap:10px;padding:12px;border:0;border-radius:10px;background:transparent;text-align:left;color:#565656;cursor:pointer;min-width:0}.hb-mailbox-folder span{flex:1;overflow-wrap:anywhere}.hb-mailbox-folder.is-selected{background:#fff1f2;color:#e51e59;font-weight:700}.hb-mailbox-folder:hover{background:#f0f0f0}.hb-mailbox-source{padding:14px 10px;line-height:1.5;font-size:12px;margin-top:auto}
.hb-mailbox-messages{overflow:visible;border-radius:inherit;border-right:1px solid #ebebeb;min-width:0}.hb-mailbox-search{position:relative;border-radius:18px 18px 0 0;background:#fff;display:flex;align-items:center;gap:10px;padding:16px;z-index:1;border-bottom:1px solid #f1f1f1}.hb-mailbox-search input{border:0;min-width:0;width:100%;font-size:14px;padding:12px 14px;background:#f8f8f8;border-radius:12px}.hb-mailbox-search>svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--purple);pointer-events:none;z-index:1}.hb-mailbox-sticky .hb-mailbox-search input{padding-left:44px}
.hb-mailbox-row{display:flex;align-items:flex-start;width:100%;gap:10px;border:0;background:transparent;color:#68686f;text-align:left;padding:18px 14px;cursor:pointer}.hb-mailbox-row:hover{background:transparent}.hb-mailbox-row.is-unread{color:#19191c;background:transparent}.hb-mailbox-row.is-unread .hb-mailbox-subject,.hb-mailbox-row.is-unread strong{font-weight:700}.hb-mailbox-row strong{font-weight:400;font-size:14px}.hb-mailbox-initial{position:relative;display:grid;place-items:center;width:34px;height:34px;flex:none;background:#eeeeee;color:#e51e59;font-weight:700;border-radius:50%}.hb-mailbox-row-copy{min-width:0;flex:1;display:grid;gap:6px}.hb-mailbox-row-top{display:flex;flex-wrap:wrap;gap:4px 8px;justify-content:space-between}.hb-mailbox-row-top small{font-size:10px}.hb-mailbox-subject,.hb-mailbox-snippet{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.hb-mailbox-snippet{font-size:12px}.hb-unread-dot{width:7px;height:7px;border-radius:50%;background:#e51e59;flex:none;margin-top:6px}
.hb-mailbox-thread{display:none;padding:24px;min-width:0;overflow:visible}.hb-mailbox-thread-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px}.hb-mailbox-thread-head>div{display:grid;gap:8px;min-width:0;overflow-wrap:anywhere}.hb-mailbox-thread h2{font-size:22px;letter-spacing:0;overflow-wrap:anywhere}.hb-mailbox-thread-head span{font-size:14px;color:#68686f}.hb-mailbox-empty{display:grid;justify-items:center;align-content:center;gap:14px;min-height:220px;text-align:center;padding:24px;color:#68686f}.hb-mailbox-empty>svg{width:42px;height:42px;color:#a8a8a8}.hb-mailbox-empty h3{font-size:18px}.hb-mailbox-conversation{display:grid;gap:16px}.hb-mailbox-bubble{padding:20px;border:1px solid #e8e8e8;border-radius:14px;background:#fff}.hb-mailbox-bubble.is-mine{background:#f9f9f9}.hb-mailbox-bubble>header{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:14px}.hb-mailbox-bubble small{font-size:12px;overflow-wrap:anywhere}.hb-mailbox-bubble .hb-support-message{line-height:1.6;margin:14px 0;overflow-wrap:anywhere}.hb-mailbox-compose{margin-top:24px}.hb-mailbox-back{display:inline-flex;margin-bottom:20px}.hb-mailbox-back svg{transform:rotate(180deg)}.hb-mailbox.has-thread>.hb-mailbox-messages{display:none}.hb-mailbox.has-thread>.hb-mailbox-thread{display:block}.hb-mailbox-messages>[data-mailbox-more]{margin:16px}
@media(max-width:1000px){.hb-mailbox{grid-template-columns:160px minmax(0,1fr)}.hb-mailbox-thread{padding:18px}.hb-mailbox-folders{padding:14px 8px}}
@media(min-width:751px){.hb-mailbox-row-copy{grid-template-columns:minmax(100px,190px) minmax(80px,1fr);align-items:center;gap:6px 20px}.hb-mailbox-row-top{display:contents}.hb-mailbox-row-top strong{grid-column:1;grid-row:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hb-mailbox-subject{grid-column:2;grid-row:1}.hb-mailbox-snippet{grid-column:1 / -1;grid-row:2}.hb-mailbox-row{padding:12px}}
.hb-mailbox-list-item{position:relative;display:grid;grid-template-columns:21px minmax(0,1fr) auto max-content;align-items:center;border-bottom:1px solid #f1f1f1;padding:0 16px;gap:10px;background:#fff}@media(hover:hover){.hb-mailbox-list-item:hover{background:#f6f6f7}}.hb-mail-date-compact{display:none}.hb-mailbox-date{font-size:11px;white-space:nowrap;text-align:right;color:#68686f}.hb-mailbox-list-item>.hb-mailbox-row-actions{padding:0}.hb-mailbox-list-item>input[type=checkbox],.hb-mailbox-toolbar .check>input[type=checkbox]{appearance:none;display:inline-grid;place-content:center;width:20px;height:20px;min-width:20px;min-height:20px;max-height:20px;margin:0;padding:0;border:1.5px solid #b8b8b8;border-radius:50%;background:#fff;box-shadow:none;outline:none;cursor:pointer;align-self:center}.hb-mailbox-list-item>input[type=checkbox]:checked,.hb-mailbox-toolbar .check>input[type=checkbox]:checked{border-color:#e51e59;background:#e51e59}.hb-mailbox-list-item>input[type=checkbox]:checked::after,.hb-mailbox-toolbar .check>input[type=checkbox]:checked::after{content:"";width:8px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:translateY(-1px) rotate(-45deg)}.hb-mailbox-list-item>input[type=checkbox]:focus-visible{outline:2px solid #b5b5b5;outline-offset:3px}.hb-mailbox-list-item>.hb-mailbox-row{border-bottom:0;min-width:0}.hb-mailbox-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:10px 16px;border-bottom:1px solid #ebebeb;font-size:13px}.hb-mailbox-toolbar .btn{padding:6px 10px;font-size:13px}.hb-mailbox svg{width:20px;height:20px;flex:none}.hb-mailbox button{font-family:inherit}.hb-mailbox-thread .field textarea{min-height:150px}.hb-mailbox-folder:focus-visible,.hb-mailbox-row:focus-visible{outline:2px solid #e51e59;outline-offset:-2px}
@media(max-width:750px){.hb-mailbox{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);height:auto;min-height:0}.hb-mailbox-folders{flex-direction:row;flex-wrap:nowrap;gap:8px;padding:10px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x}.hb-mailbox-folders>button{flex:none;white-space:nowrap}.hb-mailbox-folder span{white-space:nowrap}.hb-mailbox-folders>.btn{margin:0}.hb-mailbox-source{display:none}.hb-mailbox-folder{padding:10px 8px;font-size:13px}.hb-mailbox-folder svg{width:17px;height:17px}.hb-mailbox-messages{border:0}.hb-mailbox-thread{display:none}.hb-mailbox.has-thread{display:block}.hb-mailbox.has-thread>.hb-mailbox-folders,.hb-mailbox.has-thread>.hb-mailbox-messages{display:none}.hb-mailbox.has-thread>.hb-mailbox-thread{display:block;height:auto;padding:16px}.hb-mailbox-back{padding-left:0}.hb-mailbox-bubble{padding:16px}.hb-mailbox-thread-head h2{font-size:20px}.hb-mailbox-row{padding:12px 10px}.hb-mailbox-row-top{gap:6px}.hb-mailbox-row-top small{font-size:11px}.hb-mailbox-list-item{padding-left:8px}.hb-mailbox-thread-head .btn{font-size:13px;padding:8px 10px}}

.hb-account-delete{color:#e51e59!important}.hb-closure-page{max-width:760px;margin:0 auto}.hb-closure-page .panel{margin-top:28px;padding:28px}.hb-closure-page h1{font-size:26px;line-height:1.3}.hb-closure-date{display:grid;gap:8px;border-radius:14px;padding:18px;background:#f8f8f8;color:#424242}.hb-closure-page .form-actions{gap:16px;flex-wrap:wrap}@media(max-width:650px){.hb-closure-page .panel{padding:20px}.hb-closure-page h1{font-size:22px}.hb-closure-page .form-actions>.btn{flex:1 1 180px}}

/* Mail organization and attachment previews. */
.hb-mail-upload.is-over-limit .hb-mail-capacity strong{color:#e51e59}
.hb-mail-upload.is-over-limit progress{accent-color:#e51e59}
.hb-mail-upload.is-over-limit progress::-webkit-progress-value{background:#e51e59}
.hb-mailbox-row-actions{display:flex;gap:4px;flex:none;align-items:center;padding:4px 10px}
.hb-mailbox-row-actions .icon-btn{display:grid;place-items:center;width:34px;height:34px;padding:7px;color:#68686f;border:0;background:transparent;border-radius:10px}
.hb-mailbox-row-actions .icon-btn:hover{background:var(--hb-button-soft);color:#e51e59;border-color:var(--hb-button-soft-border)}
.hb-mailbox-row-actions .icon-btn[data-mailbox-action=trash]:hover{background:#fff0ed;color:#e51e59}
.hb-mailbox-row-actions .is-flagged{color:#e51e59;background:#fff1ef}
.hb-mailbox-row-actions .is-flagged svg{fill:#ffdceb}
.hb-mailbox-detail-actions .hb-mailbox-row-actions{padding:0}
.hb-mailbox-list-item.is-important{box-shadow:inset 3px 0 var(--hb-coral-magenta)}
.hb-mailbox-list-item>.hb-mailbox-row{flex:1}
.hb-mailbox-thread-head .hb-mailbox-detail-actions{display:block}
@media(hover:hover) and (pointer:fine){.hb-mailbox-list-item>.hb-mailbox-row-actions .icon-btn:not(.is-flagged){visibility:hidden}.hb-mailbox-list-item:is(:hover,:focus-within)>.hb-mailbox-row-actions .icon-btn{visibility:visible}}
@media(max-width:900px){.hb-mailbox-list-item{grid-template-columns:20px minmax(0,1fr) max-content;grid-template-rows:minmax(0,1fr) 40px;column-gap:6px;row-gap:4px;padding:8px 10px}.hb-mailbox-list-item>.hb-mailbox-row{grid-column:2 / -1;grid-row:1;padding:0 0 0 4px;align-items:center;gap:10px;min-width:0}.hb-mailbox-list-item>input{grid-column:1;grid-row:1}.hb-mailbox-list-item>.hb-mailbox-row-actions{grid-column:2;grid-row:2;justify-self:start;gap:2px;padding:0}.hb-mailbox-list-item>.hb-mailbox-row-actions .icon-btn{width:36px;height:40px;padding:8px;border-radius:10px}.hb-mailbox-date{grid-column:3;grid-row:2;font-size:10px;padding:0;align-self:center}.hb-mailbox-row-copy{display:flex;flex-direction:column;gap:3px;line-height:18px}.hb-mailbox-row-top{display:block;min-width:0;line-height:18px}.hb-mailbox-row-top strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:18px}.hb-mailbox-subject{line-height:18px}.hb-mailbox-snippet{line-height:16px}.hb-mailbox-row-copy>small{display:none}.hb-mailbox-search{padding:12px;gap:8px}.hb-mailbox-search input{padding:12px 10px;font-size:14px}.hb-mailbox-thread-head{gap:12px}.hb-mailbox-toolbar{gap:10px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.hb-mailbox-toolbar>*{flex:none}.hb-mailbox-toolbar .check{font-size:13px}.hb-mail-date-full{display:none}.hb-mail-date-compact{display:inline}}
@media(max-width:400px){.hb-mailbox-list-item>.hb-mailbox-row-actions .icon-btn{width:32px;padding:6px}.hb-mailbox-list-item>.hb-mailbox-row-actions{gap:0}}

@media(max-width:400px){.hb-mail-files{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hb-mail-file-visual{height:105px}.hb-mail-file{padding:8px}}
/* Compact top navigation is driven by available content width, not text wrapping. */
#app .hb-navigation-dock.is-compact-nav{display:flex;justify-content:flex-end;gap:12px;padding:10px 16px;min-height:64px}
#app .hb-navigation-dock.is-compact-nav>header,#app .hb-navigation-dock.is-compact-nav>.panel-head{width:100%;max-width:none;padding:0;margin:0;min-height:44px;display:flex;align-items:center;gap:12px}
#app .hb-navigation-dock.is-compact-nav .top-right{display:flex;width:100%;gap:12px;flex-wrap:nowrap;justify-content:flex-end;align-items:center}
#app .hb-navigation-dock.is-compact-nav .top-date,#app .hb-navigation-dock.is-compact-nav .hb-mobile-title{display:none}
#app .hb-navigation-dock.is-compact-nav .hb-header-brand{display:inline-flex;order:5;margin-left:auto}
#app .hb-navigation-dock.is-compact-nav .hb-account-avatar{order:6;margin:0;flex:none}
#app .hb-navigation-dock.is-compact-nav .hb-language{order:1;flex:none}
#app .hb-navigation-dock.is-compact-nav>.hb-community-nav{display:none;position:absolute;left:auto;right:12px;top:calc(100% + 6px);width:min(340px,calc(100vw - 24px));max-height:calc(100dvh - 160px);overflow:auto;overscroll-behavior:contain;padding:10px;margin:0;background:#fff;border:1px solid #e8e8e8;border-radius:14px;box-shadow:0 12px 32px #19191c20}
#app .hb-navigation-dock.is-compact-nav.is-menu-open>.hb-community-nav{display:grid;grid-template-columns:minmax(0,1fr);gap:4px}
#app .hb-navigation-dock.is-compact-nav .hb-community-nav>button{width:100%;min-width:0;min-height:44px;height:auto;padding:12px;justify-content:flex-start;text-align:left;white-space:normal;line-height:1.4;border-radius:10px;font-size:14px}
#app .hb-navigation-dock.is-compact-nav .hb-community-nav .hb-menu-logout{display:flex;gap:12px;color:#e51e59}
#app .hb-navigation-dock.is-compact-nav .hb-community-nav .hb-menu-logout svg{display:block;width:20px;height:20px}
#app .hb-navigation-dock.is-compact-nav .hb-support-link{width:100%;justify-content:flex-start}

/* The mailbox uses the platform shell and its contextual sidebar. */
#app.hb-mail-mode>.public{max-width:none;padding-top:18px}
#app.hb-mail-mode .hb-main-workspace,#app.hb-mail-mode .hb-sidebar-workspace{display:none}
#app.hb-mail-mode>.sidebar>.nav:not(.hb-mailbox-folders),#app.hb-mail-mode>.sidebar>.sidebar-bottom{display:none}
#app.hb-mail-mode .heading{align-items:center;gap:16px;margin-bottom:18px}
.hb-mailbox-new{flex:none;white-space:nowrap;gap:10px}
#app.hb-mail-mode .hb-mailbox{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);height:auto;min-height:0}
#app.hb-mail-mode .hb-mailbox-messages{border-right:0}
#app.hb-mail-mode>.sidebar>.hb-mailbox-folders{flex-direction:column;flex-wrap:nowrap;gap:8px;padding:0;background:transparent;overflow:visible}
#app.hb-mail-mode>.sidebar>.hb-mailbox-folders button{position:relative;font-family:inherit}
#app.hb-mail-mode>.sidebar>.hb-mailbox-folders button.is-selected{background:#fff1f2;color:#e51e59}
#app.hb-mail-mode>.sidebar>.hb-mailbox-folders small{margin-left:auto;opacity:0;visibility:hidden;font-size:12px;color:#68686f}
#app.hb-mail-mode>.sidebar:is(:hover,:has(:focus-visible))>.hb-mailbox-folders small{opacity:1;visibility:visible}
#app.hb-mail-mode .hb-mailbox-source{margin:10px 0 0;padding:0;font-size:12px;line-height:1.5;color:#68686f}
@media(max-width:650px){
 #app.hb-mail-mode .heading{flex-wrap:wrap;gap:12px}
 #app.hb-mail-mode .heading h1{font-size:24px}
 .hb-mailbox-new{font-size:14px;padding:10px 16px;min-height:44px}
 #app.hb-mail-mode .hb-mailbox{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);height:auto;min-height:0}
 #app.hb-mail-mode .hb-mailbox-folders{display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;padding:10px;overflow-x:auto;overflow-y:hidden}
 #app.hb-mail-mode .hb-mailbox.has-thread{display:grid}
 #app.hb-mail-mode .hb-mailbox.has-thread>.hb-mailbox-folders{display:flex}
 #app.hb-mail-mode .hb-mailbox.has-thread>.hb-mailbox-thread{height:auto;min-height:0}
}

@media(max-width:650px){#app.hb-mail-mode .hb-mailbox-folders>:is([data-mailbox-folder=open],[data-mailbox-folder=important],[data-mailbox-folder=sent],[data-mailbox-folder=trash]){display:none}}

#app.hb-mail-mode>.sidebar .hb-mail-close{margin-top:12px;color:#e51e59!important}
#app.hb-mail-mode .hb-mail-bottom .hb-mail-close{color:#e51e59!important}
@media(max-width:650px){#app.hb-mail-mode .hb-mailbox-folders>[data-mailbox-close]{display:none}}

/* Search and page data refresh */
.hb-search-with-icon{position:relative;display:block;min-width:0;width:100%}
.hb-search-with-icon>svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:21px;height:21px;color:#e51e59;pointer-events:none}
.hb-search-with-icon>input{width:100%;min-width:0;padding-left:48px}
.hb-search-with-icon>input::placeholder{color:#787878;font-weight:400}
.hb-page-refresh{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;flex:0 0 48px;width:48px;height:48px;padding:5px;border:0;border-radius:12px;background:transparent;color:#19191c}
.hb-page-refresh svg{display:block;width:34px;height:34px;fill:currentColor;stroke:none;stroke-width:0}
.hb-page-refresh:hover{background:#fff;color:#e51e59}
.hb-page-refresh:focus-visible{outline:2px solid #e51e59;outline-offset:2px}
.hb-page-refresh:disabled{opacity:.5;cursor:default}
@media(max-width:650px){.hb-search-with-icon>input{font-size:15px;padding-left:42px}.hb-search-with-icon>svg{left:13px;width:19px;height:19px}}

/* Account protection uses the same small, rounded dialog controls as the platform. */
.hb-security-dialog{width:min(600px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:24px;border:0;border-radius:18px;color:#383838;background:#fff;box-shadow:0 20px 70px #28282840}
.hb-security-dialog::backdrop{background:#28282875;backdrop-filter:blur(8px)}
.hb-security-dialog .modal-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.hb-security-dialog h2{font-size:22px}.hb-security-dialog .icon-btn{border-radius:12px}.hb-security-dialog .icon-btn:hover{background:var(--hb-button-soft);border-color:var(--hb-button-soft-border)}.hb-security-dialog .icon-btn svg{stroke-width:1.2}
.hb-security-codes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;background:#f8f8f8;border-radius:12px}.hb-security-codes code,.hb-security-secret{font-size:16px;overflow-wrap:anywhere;user-select:all}.hb-security-secret{display:block;padding:16px;background:#f8f8f8;border-radius:12px}.hb-security-sessions{display:grid;gap:12px}.hb-security-sessions>div{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.hb-security-sessions small{color:#727272}

/* Direct WhatsApp contact */
 .hb-whatsapp-contact{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:6px 2px;min-height:44px;border-radius:8px;color:#168b35;background:transparent;border:0;box-shadow:none;text-decoration:none;font:inherit;font-weight:700;width:fit-content;flex-shrink:0;cursor:pointer}
.hb-whatsapp-contact .hb-whatsapp-logo{display:block;width:26px;height:26px;flex:0 0 26px;object-fit:contain;border:0;border-radius:0;background:transparent;box-shadow:none}
@media(hover:hover){.hb-whatsapp-contact:hover{background:transparent;color:#106e2a;box-shadow:none;text-decoration:none}}
.hb-whatsapp-contact:focus-visible{outline:2px solid #168b35;outline-offset:3px}
.hb-person-actions:has(.hb-whatsapp-contact){flex-wrap:wrap;gap:.65rem}

.hb-mailbox-thread>[data-mailbox-whatsapp]{margin-bottom:1rem}

.hb-bank-editor{border:1px solid #e4e4e4;border-radius:16px;padding:18px;margin-block:12px}
.hb-bank-editor h3{margin:0 0 8px}.hb-bank-row{border:1px solid #e6e6e6;border-radius:12px;padding:14px;margin:12px 0;background:#fff}.hb-bank-row-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.hb-bank-row .form-grid{gap:12px 16px}.hb-bank-picker{display:grid;gap:6px;margin-block:10px}.hb-bank-row input[name=bankIban]{text-transform:uppercase}
.hb-invoice-viewer .hb-invoice-view-actions{gap:8px;margin-block:8px 12px;flex-wrap:wrap}.hb-invoice-viewer .hb-invoice-view-actions .btn{padding:9px 13px;min-height:38px;font-size:14px}.hb-invoice-options,.hb-invoice-viewer .hb-invoice-timeline{border:1px solid #e4e4e4;border-radius:12px;padding:12px 15px;margin:10px 0;background:#fff}.hb-invoice-options>summary,.hb-invoice-timeline>summary{cursor:pointer;font-weight:700;color:#4c4c4c;list-style:none}.hb-invoice-options>summary::-webkit-details-marker,.hb-invoice-timeline>summary::-webkit-details-marker{display:none}.hb-invoice-options .hb-invoice-presentation{padding-top:12px;margin-bottom:0}.hb-invoice-viewer .hb-invoice-sheet{margin-top:12px}.hb-invoice-viewer .hb-invoice-parties dl>div{margin-bottom:4px}.hb-invoice-viewer .hb-invoice-mail{margin:10px 0}.hb-invoice-viewer [data-invoice-anaf]{background:var(--hb-primary);color:#fff;border-color:transparent}.hb-invoice-viewer [data-invoice-anaf]:disabled{opacity:1;cursor:default;transform:none;box-shadow:none}
@media(max-width:650px){.hb-bank-editor{padding:12px}.hb-bank-row{padding:10px}.hb-bank-row .form-grid{grid-template-columns:minmax(0,1fr)}.hb-invoice-viewer .hb-invoice-view-actions .btn{font-size:13px;padding:8px 10px}}

.hb-invoice-action-menu{position:relative}.hb-invoice-action-menu>summary{display:flex;align-items:center;gap:7px;cursor:pointer;list-style:none;border:1px solid #c6c6c6;border-radius:12px;padding:9px 13px;background:#fff;color:#4c4c4c;font-size:14px;font-weight:600}.hb-invoice-action-menu>summary svg{width:19px;height:19px}.hb-invoice-action-menu>summary::-webkit-details-marker{display:none}.hb-invoice-action-menu>div{position:absolute;right:0;top:calc(100% + 6px);z-index:10;min-width:240px;max-width:calc(100vw - 48px);padding:6px;background:#fff;border:1px solid #e4e4e4;border-radius:14px;box-shadow:0 10px 28px #3c3c3c24;display:grid;gap:4px}.hb-invoice-action-menu>div .btn{justify-content:flex-start;text-align:left;white-space:normal;border:0;box-shadow:none;border-radius:9px;width:100%}

.hb-invoice-top-total>span{white-space:nowrap}

/* WhatsApp contact and configuration in specialist card headers. */
.hb-person-identity>.hb-whatsapp-header{position:absolute;top:3px;z-index:2;width:44px;height:44px;padding:9px;min-height:44px;opacity:.72}
.hb-person-identity>.hb-whatsapp-team{left:7px}
.hb-person-identity>.hb-whatsapp-public{right:7px}
.hb-whatsapp-team.is-configured .hb-whatsapp-logo{filter:grayscale(1) sepia(.3) hue-rotate(160deg) saturate(.65);opacity:.65}
@media(hover:hover){.hb-person-identity>.hb-whatsapp-header:hover{opacity:1;background:transparent}.hb-whatsapp-team.is-configured:hover .hb-whatsapp-logo{opacity:.9}}

.hb-activity-tools{display:grid;grid-template-columns:minmax(180px,260px) minmax(180px,1fr);gap:14px;align-items:end;margin:12px 0 16px}.hb-activity-tools label{display:grid;gap:6px}.hb-activity-tools input{width:100%}.hb-activity-row{background:#fff;border:1px solid #e4e4e4;border-radius:15px;padding:15px 18px;margin-bottom:10px}.hb-activity-row-head{display:flex;justify-content:space-between;gap:16px}.hb-activity-row-head strong{font-size:16px;color:#393939}.hb-activity-row p{margin:4px 0;font-size:14px}.hb-activity-row small{color:#787878;font-size:12px}.hb-activity-status,.hb-activity-summary{display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:#696969;font-size:13px}.hb-activity-status{justify-content:flex-end}.hb-activity-row-actions{display:flex;gap:14px;align-items:center;margin-top:8px}.hb-activity-row-actions .hb-account-action{font-size:13px;padding:6px 0}.hb-activity-inline{margin-top:8px;border-top:1px solid #ededed;padding-top:8px}.hb-activity-inline>summary{display:flex;align-items:center;gap:8px;cursor:pointer;color:#e51e59;font-size:14px;list-style:none}.hb-activity-inline>summary::-webkit-details-marker{display:none}.hb-activity-inline>summary svg{width:19px;height:19px}.hb-activity-events{padding:0;margin:14px 0;list-style:none}.hb-activity-events li{display:flex;gap:12px;padding:8px 0}.hb-activity-events li>div{min-width:0;overflow-wrap:anywhere}.hb-activity-events strong{font-size:14px}.hb-activity-events small{display:block;color:#787878;font-size:12px;margin:3px 0}.hb-activity-events p{margin:3px 0;font-size:13px;line-height:1.5}.hb-activity-dot{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#e51e59;margin-top:5px}.hb-activity-dot.is-warning{background:var(--hb-coral-magenta)}.hb-activity-status .is-warning{color:var(--hb-coral-magenta)}.hb-activity-legacy{font-size:12px;color:#787878}.hb-activity-legacy p{font-size:12px}.hb-activity-summary{margin-block:10px}
@media(max-width:650px){.hb-activity-tools{grid-template-columns:1fr;gap:10px}.hb-activity-row{padding:12px}.hb-activity-row-head{display:block}.hb-activity-status{justify-content:flex-start;margin-top:8px}.hb-activity-row-actions{flex-wrap:wrap;gap:12px}}

.hb-place-service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,205px),1fr));gap:9px;margin-top:8px}.hb-place-service-grid>.hb-place-book{width:100%;margin:0;min-height:62px;align-items:center;padding:10px 12px}.hb-place-service-grid>.hb-place-book>span{flex:1;min-width:0}.hb-place-service-grid>.hb-place-book strong,.hb-place-service-grid>.hb-place-book>span>span{overflow-wrap:anywhere}

.hb-push-panel{width:100%;margin-block:14px;padding:18px;display:grid;grid-template-columns:26px minmax(0,1fr);column-gap:12px;row-gap:12px}
.hb-push-heading{display:contents}.hb-push-heading>svg{width:26px;height:26px;color:#e51e59;grid-column:1}.hb-push-heading>div{grid-column:2;min-width:0}
.hb-push-heading h2{margin:0 0 5px;font-size:1.1rem}.hb-push-heading p{margin:0;color:#787878;line-height:1.5}
.hb-push-actions{grid-column:2;display:flex;align-items:center;flex-wrap:wrap;gap:12px;min-height:44px}.hb-push-panel [hidden]{display:none!important}
.hb-push-panel [data-push-status]{grid-column:2;margin:0;line-height:1.5;min-height:1.5em}.hb-push-actions button{max-width:100%;white-space:normal}.hb-push-actions .hb-account-action{width:auto}
@media(max-width:480px){.hb-account-intro,.hb-push-panel{padding:14px}.hb-account-intro{padding-inline-start:50px}.hb-push-panel{column-gap:10px}.hb-push-actions{gap:10px}}

/* Account security: compact sections and readable session rows. */
.hb-account-security-body{gap:12px}
.hb-account-security-body>p,.hb-account-security-body>h3{margin:0}
.hb-account-security-body .hb-security-admin-note{padding:12px 14px;border:1px solid #e6e6e6;border-radius:12px;background:#f8f8f8;color:#646464;font-size:14px;line-height:1.5;text-align:start}
.hb-account-security-body .detail-actions{gap:10px;margin:0;flex-wrap:wrap}
.hb-account-security-body .hb-security-session-title{margin-top:8px;font-size:17px}
.hb-account-security-body .small-note{font-size:14px;line-height:1.5}
.hb-account-security-body .hb-security-sessions{gap:8px}
.hb-account-security-body .hb-security-sessions>div{padding:10px 12px;border-radius:10px;background:#f8f8f8;align-items:center;gap:4px 14px}
.hb-account-security-body .hb-security-sessions>div>span{font-weight:600;font-size:14px}
.hb-account-security-body>button{justify-self:start;max-width:100%}
@media(max-width:480px){.hb-account-security-body .detail-actions{display:grid;grid-template-columns:minmax(0,1fr)}.hb-account-security-body .btn{white-space:normal}.hb-account-security-body .hb-security-sessions>div{flex-direction:column;align-items:flex-start}}

.hb-security-setup-steps{margin:0;padding-inline-start:22px;display:grid;gap:10px;color:#646464;font-size:14px;line-height:1.5}.hb-security-setup-steps li::marker{font-weight:700;color:#e51e59}

.hb-boot-brand{display:flex;align-items:center;justify-content:center;gap:14px;line-height:1.2}
.hb-boot-logo{display:block;width:54px;height:54px;flex:0 0 54px;overflow:visible;stroke:none;border:0;outline:0;box-shadow:none}
.hb-boot-logo>rect,.hb-boot-logo>circle{stroke:none}
.hb-boot-dot{transform-box:fill-box;transform-origin:center;animation:hb-boot-pulse 1.4s ease-in-out infinite}
@keyframes hb-boot-pulse{0%,100%{transform:scale(.86);opacity:.78}50%{transform:scale(1.12);opacity:1}}
@media(prefers-reduced-motion:reduce){.hb-boot-dot{animation:none}}
.hb-boot-word{white-space:nowrap;color:var(--accent,#e51e59)}
.hb-boot-base{color:#111}

.hb-security-qr{display:flex;justify-content:center}.hb-security-qr img{width:232px;height:232px;max-width:100%;object-fit:contain;background:#fff;border-radius:12px}.hb-security-manual{min-width:0}.hb-security-manual summary{cursor:pointer;font-weight:600;color:#e51e59;font-size:14px}.hb-security-manual .small-note{margin:10px 0}

/* Subscription invoice register: compact rows, shared controls. */
.hb-platform-register{margin-top:1.2rem}.hb-platform-register [data-platform-refresh] svg{fill:currentColor;stroke:none}.hb-platform-register .hb-operation-actions{margin-top:.75rem}.hb-platform-register-row small{overflow-wrap:anywhere}.hb-platform-register-row>button{flex-shrink:0}.hb-platform-register-rows{display:grid;gap:.5rem}.hb-platform-register-row{display:flex;justify-content:space-between;gap:1rem;width:100%;padding:.85rem;border:1px solid #e6e6e6;border-radius:12px;background:#fff;color:inherit;text-align:left;font:inherit;cursor:pointer}.hb-platform-register-row>span:first-child{display:grid;gap:.25rem;min-width:0}.hb-platform-register-row>span:first-child>span{overflow-wrap:anywhere}.hb-platform-register-amount{display:flex;flex-direction:column;align-items:flex-end;gap:.3rem;flex-shrink:0}.hb-platform-register-row small,.hb-flow-facts small{color:#747474}.hb-platform-register-row:hover{background:#f7f7f7}.hb-flow-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.hb-flow-facts>div{display:grid;gap:.3rem;padding:.75rem;background:#f7f7f7;border-radius:12px}.hb-flow-history p{margin:.5rem 0}.hb-guest-invoice{margin:1rem 0;padding:1rem;border:1px solid #e6e6e6;border-radius:12px}@media(max-width:480px){.hb-platform-register-row{gap:.5rem;padding:.65rem}.hb-platform-register-amount{max-width:45%;font-size:.9em}.hb-flow-facts{gap:.5rem}}

/* Mailbox: bounded visible rows, stable scrolling and incremental loading. */
[data-mailbox-list]{position:relative;overflow-anchor:none}.hb-mailbox-list-item{height:78px;box-sizing:border-box}.hb-mailbox-row{min-height:0;height:100%;align-items:center;overflow:hidden;-webkit-tap-highlight-color:transparent}.hb-mailbox-row-copy{overflow:hidden}.hb-mailbox-messages{overflow-anchor:none}.hb-mail-skeleton{padding:0 16px}.hb-mail-skeleton>div{height:78px;display:flex;align-items:center;gap:16px}.hb-mail-skeleton i{width:34px;height:34px;border-radius:50%;flex:none}.hb-mail-skeleton span{height:32px;width:65%;border-radius:8px}.hb-mail-skeleton i,.hb-mail-skeleton span{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23f1f1f1' d='M0 0h1v1H0z'/%3E%3C/svg%3E");background-size:200% 100%;animation:hb-mail-shimmer 1.3s linear infinite}@keyframes hb-mail-shimmer{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.hb-mail-skeleton i,.hb-mail-skeleton span{animation:none}}@media(max-width:900px){.hb-mailbox-list-item{height:132px}.hb-mail-skeleton>div{height:132px}}

.hb-mailbox-bubble{content-visibility:auto;contain-intrinsic-size:auto 180px}

.hb-mailbox-messages{position:relative}.hb-mailbox-list-item{cursor:pointer}

.hb-mailbox-toolbar .check{display:flex;align-items:center;gap:10px;margin:0;padding:0;min-height:34px}.hb-mailbox-toolbar{padding-left:16px}.hb-mailbox-toolbar .check>input:indeterminate{background:#e51e59;border-color:#e51e59}.hb-mailbox-toolbar .check>input:indeterminate::after{content:"";width:9px;height:2px;background:#fff;border:0;transform:none}.hb-mailbox-toolbar .check>input:focus-visible{outline:2px solid #b5b5b5;outline-offset:3px}@media(max-width:900px){.hb-mailbox-toolbar{padding-left:10px}}

/* Conversation composer shares the page scroll and existing application shell. */
.hb-guest-conversation{max-width:960px;margin-inline:auto}.hb-compose-channel,.hb-channel-status{padding:16px;background:#f6f6f6;border-radius:16px}.hb-compose-channel [data-wa-options]{display:grid;gap:14px}.hb-compose-channel [hidden]{display:none}.hb-mailbox-compose{gap:18px}.hb-mailbox-compose textarea{font-size:1rem;line-height:1.55}.hb-channel-status h3{margin:16px 0 8px}.hb-channel-status p{margin:8px 0}.hb-guest-conversation [data-guest-messages]{display:grid;gap:14px;margin-bottom:22px}

.hb-security-dialog .hb-recovery-choice{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:400}.hb-security-dialog .hb-recovery-choice input[type=checkbox]{width:21px;height:21px;min-height:21px;max-height:21px;flex:0 0 21px;margin:0;padding:0;outline:none;box-shadow:none}.hb-security-dialog .hb-recovery-choice input[type=checkbox]:focus-visible{box-shadow:0 0 0 3px #e9e9e9}

.hb-mailbox-initial>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}

.hb-mailbox-row-actions .icon-btn:disabled{opacity:.3;cursor:default;pointer-events:none;box-shadow:none;background:transparent;transform:none}
.hb-mail-editor{border:1px solid #d1d1d1;border-radius:14px;overflow:hidden;background:#fff;color:#252529;min-width:0}.hb-mail-editor:focus-within{border-color:#e51e59}.hb-mail-editor-tools{display:flex;align-items:center;gap:4px;padding:8px 10px;background:#f8f8f8;overflow-x:auto;scrollbar-width:none}.hb-mail-editor-tools button{flex:none;width:36px;height:36px;padding:4px;border:0;border-radius:9px;background:transparent;color:#565656;font-size:16px;cursor:pointer}.hb-mail-editor-tools button:hover{background:var(--hb-button-soft);border-color:var(--hb-button-soft-border)}.hb-mail-editor-tools button[aria-pressed=true]{background:#e51e59;color:#fff}.hb-mail-editor-body{min-height:160px;padding:16px;font-size:16px;line-height:1.6;outline:none;overflow-wrap:anywhere;white-space:pre-wrap}.hb-mail-editor-body p,.hb-mail-editor-body div{margin:0}.hb-mail-editor-body ul,.hb-mail-editor-body ol,.hb-support-message ul,.hb-support-message ol{padding-left:24px}.hb-mail-editor-count{display:block;text-align:right;padding:6px 14px;color:#68686f;font-size:12px}.hb-mail-editor-count.is-over{color:var(--hb-coral-magenta)}.hb-support-message{overflow-wrap:anywhere;word-break:normal}.hb-support-message a{color:#e51e59;text-decoration:underline;text-underline-offset:3px}.hb-support-message p,.hb-support-message div{margin:0 0 8px}.hb-mailbox-snippet{display:block;min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.hb-mailbox-sticky{position:sticky;top:var(--hb-mail-dock-height,72px);z-index:20;display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border-bottom:1px solid #ebebeb;border-radius:18px 18px 0 0;transition:top .2s ease}.hb-mailbox-sticky .hb-mailbox-search{order:0;flex:1;min-width:0;padding:0;border:0;border-radius:0}.hb-mailbox-sticky .hb-mailbox-new{order:1;flex:none;margin:0;white-space:nowrap}@media(max-width:600px){.hb-mailbox-sticky{gap:8px;padding:10px}.hb-mailbox-sticky .hb-mailbox-new{padding:10px;font-size:12px;gap:4px}.hb-mailbox-sticky .hb-mailbox-new svg{width:16px;height:16px}.hb-mailbox-sticky .hb-mailbox-search{gap:4px}.hb-mailbox-sticky .hb-mailbox-search input{padding:10px 10px 10px 40px;font-size:13px}.hb-mailbox-sticky .hb-mailbox-search>svg{left:12px;width:18px;height:18px}}
.hb-support-attachments{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.hb-support-attachments .hb-support-link{width:100%;display:flex;align-items:center;gap:12px;padding:10px 14px;border:0;border-radius:12px;min-width:0;cursor:pointer}.hb-support-attachments .hb-mail-image-thumb{flex:0 0 auto;display:grid;place-items:center;width:64px;height:52px;overflow:hidden;background:transparent;border-radius:9px}.hb-mail-image-thumb img{display:block;max-width:64px;max-height:52px;width:auto;height:auto;object-fit:contain;border-radius:9px}.hb-support-attachments .hb-support-link>span:not(.hb-mail-image-thumb){flex:1;min-width:0}.hb-support-attachments strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hb-support-attachments .hb-support-link>svg{flex:none;width:20px;height:20px}.hb-mail-file-visual[data-mail-preview]{border:0;padding:0;cursor:pointer}.hb-mail-editor-tools svg{width:20px;height:20px;display:block;margin:auto}@media(max-width:600px){.hb-support-attachments .hb-support-link{padding:10px;gap:10px}.hb-support-attachments .hb-mail-image-thumb{width:52px;height:48px}.hb-mail-image-thumb img{max-width:52px;max-height:48px}}
.hb-mail-attachment-row{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fafafa;border-radius:12px;min-width:0}.hb-mail-attachment-download{display:grid;place-items:center;flex:none;width:36px;height:36px;color:#6a6a6a;border-radius:9px;text-decoration:none}.hb-mail-attachment-download:hover{background:#eaeaea;color:#e51e59}.hb-mail-attachment-content{display:flex;align-items:center;justify-content:flex-start;flex:1;min-width:0;gap:10px;padding:0;border:0;background:transparent;text-align:left;color:#565656;font:inherit;text-decoration:none;cursor:pointer}.hb-mail-attachment-content .hb-mail-image-thumb{flex:none}.hb-mail-attachment-copy{display:block;min-width:0;text-align:left}.hb-mail-attachment-copy strong{font-size:14px;font-weight:700;line-height:1.4}.hb-mail-attachment-copy small{display:block;margin-top:3px;font-size:12px;color:#68686f}.hb-mail-attachment-content>svg{flex:none;width:28px;height:28px}.hb-mailbox-subject{display:flex;align-items:center;gap:7px;min-width:0}.hb-mailbox-subject-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.hb-mailbox-paperclip{display:inline-flex;flex:none;color:#68686f}.hb-mailbox-paperclip svg{width:15px;height:15px}@media(max-width:600px){.hb-mail-attachment-row{padding:9px;gap:8px}.hb-mail-attachment-content{gap:8px}}
/* Billy: ephemeral navigation guide */

.hb-smart-guide svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}

.hb-smart-guide{z-index:150;box-sizing:border-box;position:fixed;inset:auto 22px 22px auto;margin:0;width:min(430px,calc(100vw - 32px));max-width:none;height:min(640px,calc(100dvh - 44px));max-height:calc(100dvh - 44px);padding:0;border:1px solid #e8e8e8;border-radius:24px;background:#fff;color:#3c3c3c;box-shadow:0 18px 65px #35353540;overflow:hidden}
.hb-smart-guide[open]{display:flex;flex-direction:column}.hb-smart-guide::backdrop{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.hb-guide-head{display:flex;align-items:center;gap:10px;padding:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23f6f6f6' d='M0 0h1v1H0z'/%3E%3C/svg%3E");flex-shrink:0}.hb-guide-head>div:nth-child(2){flex:1;min-width:0}.hb-guide-head h2{margin:0;font-size:1.05rem;font-weight:750;color:#19191c}.hb-guide-head p{font-size:.76rem;margin:3px 0 0;color:#7a7a7a}.hb-guide-emblem{width:39px;height:39px;flex-shrink:0;display:grid;place-items:center}.hb-guide-emblem .hb-guide-brand{width:39px;height:39px;stroke:none;fill:none}.hb-guide-head button{width:32px;height:32px;display:grid;place-items:center;padding:5px;border:0;border-radius:10px;background:transparent;color:#787878;cursor:pointer}.hb-guide-head button:hover{background:var(--hb-button-soft);color:#e51e59;border-color:var(--hb-button-soft-border)}.hb-guide-head button[data-guide-close] svg{stroke-width:1.2}
.hb-guide-log{flex:1;min-height:0;overflow-y:auto;padding:18px 16px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d4d4d4 transparent;display:flex;flex-direction:column;gap:13px}.hb-guide-message{align-self:flex-start;max-width:100%;background:#f5f5f5;border-radius:4px 17px 17px;padding:12px 14px;font-size:.92rem;line-height:1.55;white-space:pre-line;overflow-wrap:anywhere}.hb-guide-message.is-user{align-self:flex-end;background:#f4f4f4;border-radius:17px 4px 17px 17px;color:#464646;max-width:90%}.hb-guide-message>small{display:block;font-size:.76rem;line-height:1.45;color:#7a7a7a;margin-top:9px}.hb-guide-message.is-thinking{color:#7a7a7a}
.hb-guide-suggestions{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.hb-guide-suggestions button,.hb-guide-action{border:1px solid #e6e6e6;background:#fff;color:#525252;border-radius:11px;padding:8px 11px;font-size:.83rem;font-weight:600;cursor:pointer;text-align:left}.hb-guide-action{display:block;margin-top:12px}.hb-guide-suggestions button:hover,.hb-guide-action:hover{background:var(--hb-button-soft);border-color:#cecece;border-color:var(--hb-button-soft-border)}
.hb-guide-result{position:relative;display:block;margin-top:9px;padding:11px 34px 11px 11px;border-radius:12px;background:#fff;color:#454545;text-decoration:none;border:1px solid #e8e8e8;white-space:normal}.hb-guide-result:hover{background:#f3f3f3}.hb-guide-result strong{font-size:.92rem}.hb-guide-result span{display:block;font-size:.77rem;color:#787878;margin-top:3px}.hb-guide-result svg{position:absolute;right:9px;top:50%;transform:translateY(-50%);width:18px}
.hb-guide-privacy{flex-shrink:0;color:#848484;font-size:.7rem;line-height:1.4;padding:0 17px;margin:3px 0 10px}.hb-guide-compose{display:flex;align-items:flex-end;gap:9px;padding:0 14px 14px;flex-shrink:0}.hb-guide-compose textarea{flex:1;min-width:0;resize:none;border:1px solid #e5e5e5;border-radius:13px;background:#fff;padding:11px 12px;font:inherit;font-size:.9rem;line-height:1.5;height:44px;min-height:44px;max-height:160px;box-sizing:border-box;overflow-y:auto;scrollbar-width:none;box-shadow:none}.hb-guide-compose textarea:focus{outline:0;border-color:#959595;box-shadow:0 0 0 1px #959595}.hb-guide-compose button{height:44px;width:44px;flex-shrink:0;display:grid;place-items:center;border:0;border-radius:13px;background:#19191c;color:#fff;cursor:pointer}.hb-guide-compose button:disabled{opacity:.5}.hb-guide-compose button:hover:not(:disabled){background:#585858}
@media(max-width:900px){.hb-smart-guide{inset:auto 10px max(10px,env(safe-area-inset-bottom)) 10px;width:auto;height:min(620px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);border-radius:20px}.hb-guide-head{padding:13px}.hb-guide-log{padding:14px 12px}.hb-guide-compose textarea{font-size:16px}}

.hb-guide-preferences{padding:18px;margin-block:14px}.hb-guide-preferences .check{margin:0;display:grid;grid-template-columns:26px minmax(0,1fr);column-gap:12px}.hb-guide-preferences .check input{justify-self:center;margin:0}.hb-guide-preferences p{margin:7px 0 0 38px;color:#7a7a7a;font-size:.82rem;line-height:1.45}

@media(max-width:480px){.hb-guide-preferences{padding:14px}.hb-guide-preferences .check{column-gap:10px}.hb-guide-preferences p{margin-inline-start:36px}}

.hb-smart-guide{overscroll-behavior:none}.hb-guide-log,.hb-guide-compose textarea{overscroll-behavior:none;touch-action:pan-y}.hb-guide-head{touch-action:none}

.hb-guide-shortcuts{display:flex;flex-wrap:wrap;gap:7px;width:100%;margin-top:8px}.hb-guide-shortcuts>strong{width:100%;font-size:.83rem;color:#666666}.hb-guide-shortcuts button{margin:0}.hb-guide-destination{outline:2px solid #b5b5b5;outline-offset:3px}

[data-billy-docked] .hb-guide-brand{width:26px;height:26px;flex:none;stroke:none;fill:none}

img.hb-guide-brand{display:block;object-fit:contain;flex-shrink:0;border:0;box-shadow:none;background:transparent}

.hb-guide-compose textarea::-webkit-scrollbar{display:none;width:0;height:0}

.sidebar [data-billy-docked] .hb-guide-brand,.hb-mobile-bottom [data-billy-docked] .hb-guide-brand{opacity:.64;filter:saturate(.62)}
/* Visit flow: compact, shared controls and responsive cards. */
.hb-visit-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,145px),1fr));gap:12px;margin:18px 0}
.hb-visit-summary>button{display:grid;grid-template-columns:1fr 20px;gap:5px;text-align:left;padding:16px;border:1px solid #e8e8e8;background:#fff;border-radius:16px;color:#383838;cursor:pointer;font:inherit}
.hb-visit-summary>button>strong{font-size:1.6rem;color:#e51e59}.hb-visit-summary>button>span{grid-row:2;font-size:.9rem}.hb-visit-summary svg{width:18px;height:18px;grid-column:2;grid-row:1/3;align-self:center}
.hb-visit-timeline{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));gap:12px;padding:16px 0;margin:0}
.hb-visit-timeline li{display:flex;align-items:center;gap:9px;color:#848484;font-size:.86rem}.hb-visit-timeline svg{width:22px;height:22px;flex:none}.hb-visit-timeline small{display:block;margin-top:3px}.hb-visit-timeline .is-done{color:#e51e59}
.hb-visit-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:12px 0}
.hb-visit-addon{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:14px 16px;margin:12px 0;border:1px solid #e6e6e6;border-radius:14px;background:#fafafa}.hb-visit-addon p{margin:4px 0}
.hb-visit-wait{max-width:780px;margin:16px auto}.hb-visit-list{display:grid;gap:10px}.hb-visit-result{display:grid;grid-template-columns:1fr 22px;gap:5px;padding:14px;text-align:left;background:white;border:1px solid #e6e6e6;border-radius:14px;color:inherit;font:inherit;cursor:pointer}.hb-visit-result>*{grid-column:1}.hb-visit-result svg{grid-column:2;grid-row:1/4;width:20px;height:20px;align-self:center}
[data-available-results]{display:grid;gap:10px}[data-available-results] .hb-guide-result{width:100%;text-align:left;border:1px solid #e6e6e6;border-radius:14px;padding:12px;background:#fff;color:#383838;display:grid;gap:5px;font:inherit}
@media(hover:hover){.hb-visit-summary>button:hover,.hb-visit-result:hover,[data-available-results] .hb-guide-result:hover{background:var(--hb-button-soft);border-color:#d3d3d3;border-color:var(--hb-button-soft-border)}}
@media(max-width:600px){.hb-visit-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hb-visit-summary>button{padding:12px}.hb-visit-summary>button>strong{font-size:1.3rem}.hb-visit-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.hb-visit-actions .btn{min-width:0;max-width:100%;white-space:normal}}

/* Consistent separation of page actions, content and carousel. */
.hb-directory-tools{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0 20px}
.hb-directory-tools .hb-account-action{margin:0}
.detail-actions,.hb-operation-actions{gap:12px}
.form>p+button,.form>.small-note+button{margin-top:12px}
[data-visit-summary]{margin-block:16px}

.hb-select-search{display:block;box-sizing:border-box;width:100%;min-height:48px;margin:3px 0 10px;padding:10px 13px;border:1px solid #e4e4e4;border-radius:14px;background:#fff;color:#383838;font:inherit}
.hb-select-search:focus{outline:none;border-color:#a0a0a0;box-shadow:0 0 0 1px #a0a0a0}
.hb-select-empty{padding:12px;margin:0;color:#787878}
.hb-ml-panel{flex-basis:100%;margin:14px 0;padding:12px;border:1px solid #e8e8e8;border-radius:14px;background:#fff}
.hb-ml-result:empty{display:none}.hb-ml-result{display:grid;gap:10px;margin-top:10px}.hb-ml-result small{color:#787878}
.hb-ml-choice{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.hb-ml-choice .hb-guide-shortcuts{margin:0}

.hb-mailbox-thread-head .hb-ml-panel{grid-column:1/-1;width:100%;box-sizing:border-box}

.hb-search-dock{position:sticky;top:var(--hb-search-dock-top,72px);z-index:25;background:#fff;padding:18px 20px;border:1px solid #e7e7e9;border-radius:20px;box-sizing:border-box;box-shadow:0 3px 14px #3b3b3b06;transition:top .2s ease}

.hb-search-filter-button{display:none}
.hb-search-sheet-open{overflow:hidden}
.hb-search-sheet{box-sizing:border-box;position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:none;max-height:85dvh;border:0;border-radius:22px 22px 0 0;padding:20px 18px calc(18px + env(safe-area-inset-bottom));background:#fff;color:var(--ink,#2b2b2b);overflow:auto}
.hb-search-sheet::backdrop{background:rgba(18,28,48,.38);backdrop-filter:blur(4px)}
.hb-search-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.hb-search-sheet-head h2{margin:0;font-size:20px}
.hb-search-sheet-fields{display:grid;gap:14px}.hb-search-sheet-actions{display:flex;justify-content:space-between;gap:12px;margin-top:22px}.hb-search-sheet-actions .btn{flex:1}
@media(max-width:650px){
.hb-search-dock.hb-live-search,.hb-search-dock.hb-business-filters{display:flex;align-items:center;flex-wrap:nowrap;gap:8px;padding:10px 12px;border-radius:16px;margin-bottom:12px;min-width:0}
.hb-search-dock>.hb-category-filter,.hb-search-dock>[data-specialty-field],.hb-search-dock>.field:has(select),.hb-search-dock>button[type="submit"],.hb-search-dock>.hb-search-status{display:none}
.hb-search-dock>.field:has(input[type="search"]){flex:1;width:auto;min-width:0;margin:0}
.hb-search-dock>.field:has(input[type="search"])>span:first-child:not(.hb-search-with-icon){display:none}
.hb-search-dock input[type="search"]{box-sizing:border-box;height:42px;min-height:42px;font-size:14px;margin:0}
.hb-search-filter-button{position:relative;display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:1px solid #e5e5e7;border-radius:12px;background:#fff;color:var(--purple);padding:9px}
.hb-search-filter-button svg{width:22px;height:22px}
.hb-business-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.hb-business-tabs>*{flex:none}
}
.hb-agenda-dock{position:sticky;top:var(--hb-search-dock-top,72px);z-index:24;background:#fff;border-radius:16px;padding:12px;gap:12px}

.panel:has(>[data-live-agenda]),.panel:has(>#hb-exp-results){overflow:visible}
.hb-quick-list-tools{display:flex;align-items:end;gap:12px;margin-bottom:16px}.hb-quick-list-tools>.field{flex:1;min-width:0}.hb-quick-add{flex:none}
#hbCardForm>.form-actions{bottom:12px;border:1px solid #e7e7e9;border-radius:16px;padding:12px;gap:12px}
@media(max-width:650px){
.hb-search-dock.hb-billing-filter,.hb-search-dock.hb-exp-toolbar,.hb-search-dock.hb-quick-list-tools{display:flex;align-items:center;flex-wrap:nowrap;gap:8px;padding:10px 12px;border-radius:16px;min-width:0}
.hb-search-dock>.field:has(input[type=date]){display:none}
.hb-search-dock.hb-exp-toolbar>.field,.hb-search-dock.hb-billing-filter>.field{min-width:0;flex-basis:auto}
.hb-agenda-dock>h2{display:block}.hb-agenda-dock .day-controls{display:flex;flex-wrap:wrap;width:100%;gap:8px;min-width:0}.hb-agenda-dock .day-controls>*{min-width:0;flex:1}.hb-agenda-dock{padding:8px 0}
#hbCardForm>.form-actions{bottom:calc(76px + env(safe-area-inset-bottom));padding:10px}
.hb-quick-add{font-size:12px;padding:10px;max-width:44%;white-space:normal}
body.hb-keyboard-open #hbCardForm>.form-actions{position:static}
}
.hb-quick-booking{display:none}#hb-public-services{scroll-margin-top:calc(var(--hb-search-dock-top,72px) + 12px)}
@media(max-width:650px){.hb-quick-booking:not([hidden]){display:block;position:fixed;right:16px;bottom:calc(80px + env(safe-area-inset-bottom));z-index:28;box-shadow:0 5px 20px #3b3b3b22}.hb-keyboard-open .hb-quick-booking,.hb-keyboard-open .hb-quick-add{display:none!important}}
.hb-search-icon-host{position:relative;display:block;min-width:0;width:100%}
.hb-search-icon-host>svg{position:absolute!important;left:14px!important;top:50%!important;transform:translateY(-50%)!important;width:20px!important;height:20px!important;color:var(--purple)!important;pointer-events:none;z-index:1}
.hb-search-icon-host>input[type=search]{width:100%;min-width:0;box-sizing:border-box;padding-left:44px!important}
/* Shared close/restore control, directly below the tools at the right edge. */
.hb-collapsible-tools{overflow:visible}
.hb-collapsible-tools>.hb-tools-toggle{position:absolute;right:4px;left:auto;top:auto;bottom:-34px;width:32px;height:32px;display:grid;place-items:center;padding:6px;border:0;border-radius:0;background:transparent;color:#697582;box-shadow:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.hb-tools-toggle svg{width:20px;height:20px;stroke-width:1.7;pointer-events:none}
.hb-collapsible-tools>.hb-tools-toggle:is(:hover,:active,:focus){background:transparent;border:0;box-shadow:none;color:#575757;outline:none}
.hb-collapsible-tools>.hb-tools-toggle:focus-visible{outline:2px solid #697582;outline-offset:1px;border-radius:6px}
.hb-collapsible-tools.hb-tools-collapsed{display:block!important;min-height:0!important;height:44px!important;padding:0!important;margin:0 0 12px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.hb-tools-collapsed>:not([data-tools-toggle]){display:none!important}
.hb-tools-collapsed>.hb-tools-toggle{top:0;bottom:auto}
.hb-tools-collapsed>.hb-tools-toggle svg{transform:rotate(45deg)}
@media(max-width:650px){.hb-search-icon-host>input[type=search]{padding-left:40px!important}.hb-search-icon-host>svg{left:12px!important;width:18px!important;height:18px!important}.hb-collapsible-tools{}.hb-collapsible-tools.hb-tools-collapsed{}.hb-collapsible-tools>.hb-tools-toggle{width:40px;height:40px;bottom:-42px;right:0}.hb-tools-collapsed>.hb-tools-toggle{top:0;bottom:auto}}

.hb-public-service-card .hb-person-identity{position:relative}
.hb-specialist-like{position:absolute;right:12px;top:12px;display:flex;align-items:center;justify-content:center;gap:5px;min-width:36px;min-height:36px;padding:4px;border:0;background:transparent;color:#fff;font-size:12px;font-weight:600;cursor:pointer;border-radius:9px}
.hb-specialist-like svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}.hb-specialist-like.is-liked-flash svg{fill:currentColor}.hb-specialist-like:disabled{opacity:1;cursor:default}.hb-specialist-like:hover{background:transparent;color:#fff}.hb-specialist-like:focus-visible{outline:2px solid #8b8b8b;outline-offset:2px}

.hb-public-service-card .hb-person-identity>.hb-whatsapp-public{right:auto;left:7px}

.hb-space-copy{position:relative}.hb-space-copy:has(.hb-workspace-like)>h2{padding-right:70px}
.hb-workspace-like{position:absolute;right:24px;top:24px;display:flex;align-items:center;gap:6px;padding:3px;min-height:36px;border:0;background:transparent;color:#111;font-size:14px;font-weight:600;cursor:pointer;border-radius:8px}
.hb-workspace-like svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}.hb-workspace-like.is-liked-flash svg{fill:currentColor}.hb-workspace-like:disabled{opacity:1;cursor:default}.hb-workspace-like:hover{background:transparent;color:#111}.hb-workspace-like:focus-visible{outline:2px solid #8b8b8b;outline-offset:2px}

.hb-workspace-like svg,.hb-specialist-like svg{width:16px;height:16px;fill:currentColor;stroke:none}.hb-heart-filled{display:none}.is-liked-flash .hb-heart-outline{display:none}.is-liked-flash .hb-heart-filled{display:block}

html.hb-restoring-navigation .hb-navigation-dock,html.hb-restoring-navigation .sidebar,html.hb-restoring-navigation .hb-mobile-bottom{transition:none!important;animation:none!important}

.person-card .hb-person-bio:empty,.person-card .hb-person-profession:empty{display:none}
.person-card .hb-card-catalog .hb-select-trigger{font-size:16px}
.person-card .hb-person-profession{line-height:1.3}
.person-card .hb-person-links{margin:0;gap:4px}

.hb-public-service-card .hb-live-badge{margin:2px 0;min-height:24px}

.hb-specialist-avatar-open{display:block;flex:none;padding:0;margin:0;border:0;border-radius:50%;background:transparent;cursor:pointer;line-height:0}
.hb-specialist-avatar-open:focus-visible{outline:2px solid #e51e59;outline-offset:4px}
.hb-specialist-avatar-open .avatar{display:block}

.hb-photo-number{background:rgba(255,255,255,.72);font-weight:700;backdrop-filter:blur(4px)}
.jd-photo-editor .jd-photo-tools button,.jd-photo-editor .jd-photo-actions button{border-radius:8px}
.jd-photo-editor header strong,.jd-photo-editor .jd-photo-status{color:#657080}
.jd-photo-stage{border-radius:16px;overflow:hidden}
.jd-photo-tools input[type="color"]{appearance:none;-webkit-appearance:none;width:32px;height:32px;min-width:32px;flex:none;border:0;padding:0;border-radius:50%;overflow:hidden;background:transparent;cursor:pointer}
.jd-photo-tools input[type="color"]::-webkit-color-swatch-wrapper{padding:0}
.jd-photo-tools input[type="color"]::-webkit-color-swatch{border:0;border-radius:50%}
.jd-photo-tools input[type="color"]::-moz-color-swatch{border:0;border-radius:50%}

.jd-photo-tools button{display:inline-flex;align-items:center;justify-content:center;gap:7px}
.jd-photo-tools button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* Text actions keep breathing room inside their hover surface. */
.hb-account-action{padding-inline:10px}
.hb-activity-row-actions .hb-account-action{padding:7px 10px}
.hb-activity-row-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.hb-activity-row-head{padding:13px 15px;border-radius:13px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23f5f5f6' d='M0 0h1v1H0z'/%3E%3C/svg%3E")}
.hb-activity-row-head>div:first-child{min-width:0}
.hb-activity-row-head strong{font-size:18px;font-weight:700;color:#19191c}
.hb-activity-status>span,.hb-activity-summary>span{padding:5px 9px;border-radius:9px;background:#fff;color:#45454b;font-weight:600}
.hb-activity-summary>span{background:#f5f5f6}
.hb-public-service-card .hb-card-catalog{padding:10px;border-radius:14px;background:#f5f5f6;box-sizing:border-box;gap:8px}
.hb-public-service-card .hb-card-catalog .field>span{color:#45454b;font-weight:700}
.hb-public-service-card .hb-card-catalog .hb-select-trigger{font-weight:600;background:#fff}
.hb-public-service-card .hb-person-facts{background:#fff;border-color:transparent}
.hb-public-service-card .hb-person-facts strong{color:#e51e59;font-size:18px}
.hb-public-service-card .hb-person-facts small{color:#68686f}
@media(max-width:650px){.hb-activity-row-head{padding:11px}.hb-activity-row-actions .hb-account-action{width:auto}.hb-activity-row-head strong{font-size:17px}}

.hb-activity-status>span.is-payment-unrecorded,.hb-activity-summary>span.is-payment-unrecorded{color:#e51e59}

.jd-photo-editor .jd-photo-tools input[type="color"]{box-sizing:border-box;width:32px!important;height:32px!important;min-height:32px!important;max-height:32px;min-width:32px;max-width:32px;aspect-ratio:1;padding:0!important;border:0!important;box-shadow:none;align-self:center}
.jd-photo-editor .jd-photo-tools button[data-photo-tool="undo"],.jd-photo-editor .jd-photo-tools button[data-photo-tool="redo"]{padding:9px;width:40px;flex:none}
.jd-photo-editor :is(button,input):focus:not(:focus-visible){outline:none;box-shadow:none}
@media(max-width:600px){
.jd-photo-editor{width:calc(100vw - 16px);max-width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);border-radius:18px;resize:none}
.jd-photo-editor header{padding:10px 12px;gap:8px}
.jd-photo-editor header strong{font-size:15px;line-height:1.25;flex:1;min-width:0}
.jd-photo-editor .jd-photo-close{flex:0 0 36px;width:36px;min-width:36px;height:36px;padding:6px}
.jd-photo-editor .jd-photo-tools{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding:6px 12px 10px}
.jd-photo-editor .jd-photo-tools button{width:100%;min-width:0!important;min-height:36px;height:36px;padding:6px!important;font-size:12px;gap:0}
.jd-photo-editor .jd-photo-tools button span{display:none}
.jd-photo-editor .jd-photo-tools input[type="color"]{justify-self:center;grid-column:4;grid-row:1}
.jd-photo-editor .jd-photo-tools input[type="range"]{width:100%;min-width:0;grid-column:1 / span 4;grid-row:2;align-self:center;margin:0;box-sizing:border-box}
.jd-photo-editor .jd-photo-tools button[data-photo-tool="undo"]{grid-column:5;grid-row:1;width:100%}
.jd-photo-editor .jd-photo-tools button[data-photo-tool="redo"]{grid-column:6;grid-row:1;width:100%}
.jd-photo-editor .jd-photo-tools button[data-photo-tool="minus"]{grid-column:5;grid-row:2}
.jd-photo-editor .jd-photo-tools button[data-photo-tool="plus"]{grid-column:6;grid-row:2}
.jd-photo-editor .jd-photo-viewport{padding:8px;scrollbar-width:none}
.jd-photo-editor .jd-photo-viewport::-webkit-scrollbar{display:none}
.jd-photo-editor .jd-photo-status{font-size:11px;line-height:1.35;margin:6px 12px}
.jd-photo-editor .jd-photo-actions{display:grid;grid-template-columns:auto minmax(0,1fr);padding:10px 12px;gap:8px}
.jd-photo-editor .jd-photo-actions button{width:100%;min-width:0;font-size:12px;min-height:40px;padding:8px 10px;margin:0}
}

.jd-photo-tools button svg.bi{width:22px;height:22px;fill:currentColor;stroke:none}
.jd-photo-editor .jd-photo-tools button[data-photo-tool="plus"],.jd-photo-editor .jd-photo-tools button[data-photo-tool="minus"]{min-width:40px;padding:9px}

.jd-card-editor .jd-card-editor-text,.jd-card-editor .jd-card-editor-text:focus,.jd-card-editor .jd-card-editor-text:focus-visible{outline:none!important;box-shadow:none!important}

.hb-document{min-width:0;max-width:100%;box-sizing:border-box}
.hb-document>a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal}
.hb-documents,.hb-public-documents{min-width:0;grid-template-columns:minmax(0,1fr)}
.hb-studio-picker{box-sizing:border-box;max-width:100%;min-width:0}
.hb-studio-picker>span{min-width:0;max-width:100%;box-sizing:border-box;flex-wrap:wrap;white-space:normal}
.hb-studio-picker .hb-upload-limit{flex:0 0 100%;white-space:normal;overflow-wrap:anywhere;line-height:1.4}
@media(max-width:650px){
.hb-editor-page,.hb-editor-page form,.hb-editor-page .hb-studio-section,.jd-card-editor{min-width:0;max-width:100%;box-sizing:border-box}
.hb-editor-page #workspaceForm{padding:12px}
.hb-editor-page .hb-studio-section{padding:10px}
.hb-document{gap:9px;padding:10px}
.hb-document>img{width:30px;height:36px}
.hb-document>button{padding:5px}
.hb-studio-picker{padding:12px 10px}
.jd-card-editor .jd-card-editor-scroll{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:auto}
.jd-card-editor .jd-card-editor-page{padding:28px 10px 12px;box-sizing:border-box}
.jd-card-editor .jd-card-editor-modes{gap:4px}
.jd-card-editor .jd-card-editor-modes button{min-width:0;padding:8px 5px;font-size:12px}
.jd-card-editor .jd-card-editor-bar{max-width:100%;box-sizing:border-box;flex-wrap:wrap;gap:4px}
.jd-card-editor .jd-card-editor-help{padding:6px 10px!important;line-height:1.4!important}
}

.jd-card-editor:not(.is-drawing-workspace) .jd-card-editor-scroll{height:auto!important;max-height:none!important;overflow:visible;resize:none}
.jd-card-editor .jd-card-editor-stage{width:100%!important;min-width:0!important;box-sizing:border-box}
.jd-card-editor .jd-card-editor-text{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal}
.jd-card-editor .jd-card-editor-bar{height:auto;max-height:none;overflow:visible;flex-wrap:wrap}
.hb-studio-picker{border-radius:16px;min-height:52px;padding:12px 16px}
.hb-studio-picker>span{display:flex;align-items:center;gap:10px;font-size:16px;line-height:1.35}
@media(max-width:650px){
.hb-editor-page .hb-studio-section{border-radius:18px;padding:14px 12px;margin-bottom:16px}
.hb-studio-picker{border-radius:14px;padding:12px;min-height:48px}
.hb-studio-picker>span{font-size:15px;gap:8px}
.hb-studio-picker svg{width:23px;height:23px}
.hb-editor-page .hb-studio-section>h3{font-size:18px;margin:0 0 12px}
.hb-editor-page .small-note{font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.jd-card-editor:not(.is-drawing-workspace) .jd-card-editor-page{padding:24px 10px 12px}
.jd-card-editor .jd-card-editor-bar button{min-width:32px;padding:6px}
}

/* Minimal editor controls: selection is conveyed by the foreground. */
.jd-photo-editor .jd-photo-tools button,
.jd-card-editor .jd-card-editor-modes button,
.jd-card-editor .jd-card-editor-bar button{
 background:transparent!important;border:0!important;box-shadow:none!important;color:#68686f!important;
}
.jd-photo-editor .jd-photo-tools button:not(:disabled):is(:hover,[aria-pressed="true"]),
.jd-card-editor .jd-card-editor-modes button:not(:disabled):is(:hover,[aria-pressed="true"]),
.jd-card-editor .jd-card-editor-bar button:not(:disabled):is(:hover,[aria-pressed="true"],[aria-expanded="true"]){
 background:transparent!important;border:0!important;box-shadow:none!important;color:#e51e59!important;
}
.jd-photo-editor .jd-photo-tools button:focus:not(:focus-visible),
.jd-card-editor .jd-card-editor-modes button:focus:not(:focus-visible),
.jd-card-editor .jd-card-editor-bar button:focus:not(:focus-visible){outline:none!important}
.jd-photo-editor .jd-photo-tools button:focus-visible,
.jd-card-editor .jd-card-editor-modes button:focus-visible,
.jd-card-editor .jd-card-editor-bar button:focus-visible{outline:2px dotted #e51e59;outline-offset:2px}
.jd-card-editor .jd-card-editor-modes{background:transparent!important;border:0!important;box-shadow:none!important}
.jd-card-editor .jd-card-editor-modes button>span:not(.hb-write-symbol){display:none!important}
.jd-card-editor .jd-card-editor-modes{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start;gap:12px!important}
.jd-card-editor .jd-card-editor-modes button{flex:0 0 40px!important;width:40px!important;min-width:0!important;padding:8px!important;justify-content:center!important}
.jd-card-editor .jd-card-editor-modes button .hb-write-symbol{display:inline!important}
@media(max-width:650px){
.jd-card-editor .jd-card-editor-modes{gap:6px!important;padding:3px!important}
.jd-card-editor .jd-card-editor-modes button{flex:1 1 36px!important;max-width:44px!important}
.hb-mobile-bottom>button span{font-size:11px;white-space:nowrap}
}
/* Editor context uses the existing shell, while preserving the underlying form. */
.hb-context-content>:not(.hb-context-workspace):not(.hb-platform-footer){display:none!important}
.hb-context-editing>.sidebar>:not(.brand):not(.hb-context-tools){display:none!important}
.hb-context-editing>.hb-mobile-bottom{display:none!important}
.hb-context-workspace{width:100%;min-width:0;padding:12px 0 24px}
.hb-context-tools{display:flex;flex-direction:column;gap:8px;margin-top:24px}
.hb-context-tools button{display:flex;align-items:center;gap:16px;min-height:44px}
.hb-context-tools svg,.hb-context-bottom svg{width:24px;height:24px;flex-shrink:0}
.hb-context-tools button[aria-pressed=true],.hb-context-bottom button[aria-pressed=true]{color:#e51e59!important;font-weight:750}
.hb-context-bottom{display:none}
.hb-context-workspace .jd-photo-editor[open]{position:relative;inset:auto;display:flex;width:100%;max-width:100%;height:auto;max-height:none;margin:0;padding:0;border:0;box-shadow:none;resize:none;background:#fff}
.hb-context-workspace .jd-photo-viewport{height:min(65vh,700px);min-height:240px;flex:none}
.hb-context-workspace .jd-card-editor{width:100%;max-width:100%;margin:0}
.hb-context-workspace .jd-card-editor-scroll{height:auto!important;max-height:none!important;overflow:visible!important}
.hb-context-fallback{position:fixed;left:8px;top:100px;width:60px}
.hb-context-fallback .hb-nav-label{display:none}
@media(max-width:650px){
.hb-context-bottom{position:fixed;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));bottom:0;left:0;right:0;z-index:1050;background:white;padding:8px 8px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -2px 12px #33333310;gap:4px}
.hb-context-bottom button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:4px 0;border:0;background:transparent;color:#68686f;min-width:0;font-size:10px}
.hb-context-bottom .hb-nav-label{white-space:nowrap}
.hb-context-workspace{padding-bottom:90px}
.hb-context-workspace .jd-photo-editor[open]{width:100%;max-width:100%;height:auto;max-height:none}
.hb-context-workspace .jd-photo-viewport{height:55vh;min-height:200px}
.hb-context-tools{display:none}
}

.hb-context-editing .hb-context-tools{padding:0 12px;gap:8px}
.hb-context-editing .hb-context-tools button{border:0!important;box-shadow:none!important;background:transparent!important;border-radius:12px!important;min-width:0;width:100%;padding:12px 14px;color:#68686f;overflow:hidden;white-space:nowrap}
.hb-context-editing .hb-context-tools button:hover{background:#fff1f2!important;color:#e51e59!important}
.hb-context-tools .hb-nav-label{display:none!important}
.sidebar:hover .hb-context-tools .hb-nav-label,.sidebar:focus-within .hb-context-tools .hb-nav-label{display:inline!important}
.hb-context-workspace .hb-context-source{display:none!important}
.hb-context-workspace .jd-card-editor-modes{display:none!important}
.hb-context-actions{display:flex;gap:16px;margin-top:24px;align-items:center;flex-wrap:wrap;padding:0 4px 16px}
.hb-context-workspace .jd-photo-actions{margin-top:20px;gap:16px}
@media(max-width:650px){
.hb-context-workspace .jd-photo-tools{display:flex!important;flex-wrap:wrap;align-items:center;gap:14px}
.hb-context-workspace .jd-photo-tools button{width:36px!important}
.hb-context-workspace .jd-photo-tools input[type=range]{width:100px!important;flex:1;max-width:180px}
.hb-context-bottom .hb-nav-label{display:none}
.hb-context-bottom button{min-height:44px}
.hb-mobile-bottom>button{padding-left:0!important;padding-right:0!important}
.hb-mobile-bottom>button>span,.hb-mobile-bottom>button>.hb-nav-label{font-size:10px!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;letter-spacing:-.15px}
}

.hb-context-editing .hb-context-tools button.hb-context-close,.hb-context-bottom button.hb-context-close{color:#e51e59!important;margin-top:12px}
.hb-context-editing .hb-context-tools button.hb-context-close:hover{background:#fff0f5!important;color:#e51e59!important}
@media(max-width:650px){.hb-context-bottom button.hb-context-close{margin-top:0}}
#app.hb-context-editing>.sidebar>:not(.brand):not(.hb-context-tools){display:none!important}
#app.hb-context-editing>.sidebar>.hb-context-tools{display:flex!important}
@media(max-width:650px){#app.hb-context-editing>.sidebar>.hb-context-tools{display:none!important}}
/* Secondary editor actions scroll across one row on phones. */
@media(max-width:650px){
.jd-card-editor .jd-card-editor-tools,
.jd-card-editor .jd-card-editor-ink:not([hidden]),
.hb-context-workspace .jd-photo-tools{
 display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;max-width:100%;min-width:0;box-sizing:border-box;gap:12px;padding:10px 12px;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;
}
.jd-card-editor .jd-card-editor-tools::-webkit-scrollbar,
.jd-card-editor .jd-card-editor-ink::-webkit-scrollbar,
.hb-context-workspace .jd-photo-tools::-webkit-scrollbar{display:none}
.jd-card-editor .jd-card-editor-tools>.jd-tools-group{display:flex;flex-wrap:nowrap!important;flex:0 0 auto!important;gap:8px}
.jd-card-editor .jd-card-editor-tools button,
.jd-card-editor .jd-card-editor-ink>*,
.hb-context-workspace .jd-photo-tools>*{flex-shrink:0!important;white-space:nowrap}
.hb-context-workspace .jd-photo-tools input[type=range]{width:110px!important;flex:0 0 110px!important}
.jd-card-editor .jd-card-editor-bar{display:block!important;overflow:visible!important;padding:0!important}
.jd-card-editor .jd-card-editor-tools button{min-height:40px;min-width:36px}
}
/* Touch feedback keeps selected states and editable field borders intact. */
@media(pointer:coarse),(max-width:650px){
 :is(button,a,[role=button],summary,input[type=checkbox],input[type=radio]){-webkit-tap-highlight-color:transparent}
 :is(button,a,[role=button],summary,input[type=checkbox],input[type=radio]):focus:not(:focus-visible){outline:none!important;box-shadow:none!important}
}
html.hb-touch-input :is(button,a,[role=button],summary,input[type=checkbox],input[type=radio]):focus{outline:none!important;box-shadow:none!important}

/* Match the platform navigation rail exactly. */
#app.hb-sidebar-compact.hb-context-editing>.sidebar>.hb-context-tools{padding:0!important;margin-top:16px;gap:8px}
#app.hb-sidebar-compact.hb-context-editing>.sidebar>.hb-context-tools button{padding:12px 18px!important;height:48px;min-height:48px;box-sizing:border-box;gap:16px}
.hb-context-tools button>strong{display:block;flex:0 0 24px;width:24px;text-align:center}
.hb-context-workspace .jd-photo-actions,.hb-context-workspace .hb-context-actions{position:sticky;top:76px;z-index:5;display:flex;justify-content:flex-start;gap:16px;background:transparent;padding:12px 16px;margin:12px 0 20px;border:0;border-radius:0;pointer-events:none}
.hb-context-workspace .jd-photo-actions button{margin:0;width:auto}
@media(max-width:650px){
.hb-context-workspace .jd-photo-actions,.hb-context-workspace .hb-context-actions{top:72px;gap:12px;padding:10px 12px;margin:10px 0 16px;flex-wrap:wrap}
.hb-context-workspace .jd-photo-actions button{width:auto;min-width:0;flex:0 1 auto}
}

/* Shared centered editor actions and bare mobile navigation icons. */
#app .hb-context-workspace .jd-photo-actions,#app .hb-context-workspace .hb-context-actions{display:flex!important;justify-content:center!important;align-items:center;flex-wrap:nowrap!important;gap:16px;margin:12px 0 20px;padding:12px}
#app .hb-context-workspace .jd-photo-actions button,#app .hb-context-workspace .hb-context-actions button{width:auto!important;flex:0 1 auto!important;min-width:0!important;margin:0!important;white-space:nowrap;padding:10px 18px!important}
#app .hb-context-bottom>button,#app .hb-context-bottom>button:is(:hover,:active,:focus,:focus-visible){border:0!important;outline:none!important;box-shadow:none!important;background:transparent!important;border-radius:0!important;min-width:0!important;padding:8px 0!important}
@media(max-width:650px){
#app .hb-context-workspace .jd-photo-actions,#app .hb-context-workspace .hb-context-actions{gap:12px;margin:8px 0 16px;padding:10px 8px}
#app .hb-context-workspace .jd-photo-actions button,#app .hb-context-workspace .hb-context-actions button{font-size:14px!important;min-height:42px!important}
#app .hb-context-workspace .jd-photo-editor[open]{min-width:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box}
#app .hb-context-workspace .jd-photo-viewport{height:clamp(180px,calc(100dvh - 350px),560px)!important;min-height:180px!important;max-width:100%;box-sizing:border-box;padding:8px!important}
#app .hb-context-workspace .jd-photo-editor>header{padding:12px;gap:10px}
}

#app .hb-context-workspace .jd-photo-editor>header{padding:12px 18px!important;min-height:0;margin:0}
#app .hb-context-workspace .jd-photo-tools{margin:0!important;padding:8px 18px!important;min-height:0;gap:12px}
#app .hb-context-workspace .jd-photo-actions{margin:6px 0 10px!important;padding:8px 12px!important}
#app .hb-context-workspace .jd-photo-viewport{box-sizing:border-box;padding:8px!important;min-height:0!important}
@media(max-width:650px){#app .hb-context-bottom>button>strong{display:block;font-size:23px!important;font-weight:750;line-height:24px;height:24px;letter-spacing:-.7px}}

#app .hb-context-workspace .jd-photo-editor[open]{height:auto!important;max-height:none!important;overflow:visible!important}
#app .hb-context-content,#app .hb-context-workspace{height:auto;max-height:none;overflow:visible}
#app .hb-context-workspace .jd-photo-status{display:block;white-space:normal;overflow-wrap:anywhere;padding:12px 18px 22px;flex:none}

/* Photo workspace follows the document flow, including its footer. */
#app .hb-context-workspace .jd-photo-editor[open]{border-radius:18px!important}
#app .hb-context-workspace .jd-photo-viewport{overscroll-behavior:auto!important}
#app .hb-context-workspace .jd-photo-stage{border-radius:18px;overflow:hidden}
#app [data-restore-photo]{display:inline-flex;align-items:center;justify-content:center;width:44px!important;height:44px!important;min-height:44px!important;min-width:44px!important;padding:9px!important;margin:14px 0 8px!important;box-sizing:border-box;border:0!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important}
#app [data-restore-photo][hidden]{display:none!important}
#app [data-restore-photo]:focus:not(:focus-visible){outline:none!important;box-shadow:none!important}
@media(hover:hover){#app [data-restore-photo]:hover{background:#fff1f2!important;border-radius:50%!important}}

/* Sticky editing actions float without an opaque strip over the content. */
#app .hb-context-workspace .jd-photo-actions,#app .hb-context-workspace .hb-context-actions{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;pointer-events:none}
#app .hb-context-workspace .jd-photo-actions>button,#app .hb-context-workspace .hb-context-actions>button{pointer-events:auto}
.jd-card-editor .jd-card-editor-tools,.jd-card-editor .jd-card-editor-ink,.jd-card-editor .jd-card-editor-selection{overflow-x:auto;overflow-y:hidden!important;scrollbar-width:none!important}
.jd-card-editor .jd-card-editor-tools::-webkit-scrollbar,.jd-card-editor .jd-card-editor-ink::-webkit-scrollbar,.jd-card-editor .jd-card-editor-selection::-webkit-scrollbar{display:none!important;width:0;height:0}

#app.hb-mail-mode .hb-mail-close:is(:hover,:focus,:active){color:#e51e59!important}

.hb-card-preview{box-sizing:border-box;width:min(460px,calc(100vw - 28px));max-width:calc(100vw - 28px);padding:16px!important;border-radius:22px;max-height:90dvh}
.hb-preview-head{display:flex;justify-content:flex-end;margin:0 0 16px;padding:0}
.hb-preview-close{display:grid;place-items:center;width:40px;height:40px;padding:8px;border:0;border-radius:50%;background:transparent;color:#e51e59;cursor:pointer}
.hb-preview-close svg{width:24px;height:24px}
.hb-preview-close:hover{background:#fff0f5}
.hb-card-preview .hb-space-card{width:100%;box-sizing:border-box;margin:0}
.hb-card-preview .hb-space-card:hover{transform:none;box-shadow:var(--hb-shadow)}

/* Discover uses available content width for a compact four-card desktop grid. */
:is(#hb-directory-results,#hb-business-results).card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}
#hb-directory-results .hb-card-media .hb-cover{height:190px}
#hb-directory-results .hb-space-copy>*+*{margin-top:9px}
#hb-directory-results .hb-space-copy>h2+.hb-card-owner{margin-top:5px}
#hb-directory-results .hb-space-actions{gap:12px;padding-top:12px}
@container(max-width:1199px){:is(#hb-directory-results,#hb-business-results).card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container(max-width:899px){:is(#hb-directory-results,#hb-business-results).card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container(max-width:579px){:is(#hb-directory-results,#hb-business-results).card-grid{grid-template-columns:minmax(0,1fr)}}
@supports not (container-type:inline-size){
 @media(max-width:1350px){:is(#hb-directory-results,#hb-business-results).card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
 @media(max-width:1050px){:is(#hb-directory-results,#hb-business-results).card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
 @media(max-width:650px){:is(#hb-directory-results,#hb-business-results).card-grid{grid-template-columns:minmax(0,1fr)}}
}

#hb-business-results .hb-business-media>.hb-cover{height:190px}
#hb-business-results .hb-business-media{margin-bottom:14px}
#hb-business-results .hb-business-description{margin:12px 0}
#hb-business-results .hb-business-actions{padding-top:12px;gap:9px}

/* Sticky filter/tool panels meet the screen edge with square upper corners. */
.hb-search-dock,.hb-agenda-dock,.hb-mailbox-sticky,.hb-collapsible-tools:not(.hb-tools-collapsed){border-top-left-radius:0!important;border-top-right-radius:0!important}
.hb-mailbox-sticky{border-bottom-left-radius:18px;border-bottom-right-radius:18px}

/* Shared compact drawing controls. */
#app .hb-context-workspace .jd-photo-tools,.jd-card-editor .jd-card-editor-ink:not([hidden]){display:flex;align-items:center;justify-content:flex-start;gap:6px!important;padding:8px 12px!important;margin:0!important;min-height:44px;max-width:100%;box-sizing:border-box}
.jd-photo-tools button:not(.hb-context-source),.jd-card-editor .jd-card-editor-ink button:not(.hb-context-source),.jd-card-editor-modes button:not(.hb-context-source){display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 40px;min-width:40px!important;width:40px!important;height:40px!important;padding:9px!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#68686f;border-radius:10px!important}
.jd-photo-tools button svg,.jd-card-editor-ink button svg,.jd-card-editor-modes button svg,#app .hb-context-tools button svg,#app .hb-context-bottom button svg{width:22px!important;height:22px!important;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
.jd-photo-tools button[aria-pressed=true],.jd-card-editor-modes button[aria-pressed=true]{color:#e51e59!important}
.jd-photo-tools button:disabled,.jd-card-editor-ink button:disabled{opacity:.3}
.jd-photo-tools input[type=color],.jd-card-editor-ink input[type=color]{appearance:none;-webkit-appearance:none;width:26px!important;height:26px!important;min-height:26px!important;flex:0 0 26px!important;padding:0!important;border:0!important;border-radius:50%!important;overflow:hidden;background:transparent!important;cursor:pointer}
.jd-photo-tools input[type=color]::-webkit-color-swatch-wrapper,.jd-card-editor-ink input[type=color]::-webkit-color-swatch-wrapper{padding:0}
.jd-photo-tools input[type=color]::-webkit-color-swatch,.jd-card-editor-ink input[type=color]::-webkit-color-swatch{border:0;border-radius:50%}
.jd-photo-tools input[type=color]::-moz-color-swatch,.jd-card-editor-ink input[type=color]::-moz-color-swatch{border:0;border-radius:50%}
#app .hb-context-workspace .jd-photo-tools input[type=range],.jd-card-editor-ink input[type=range]{appearance:none;width:90px!important;flex:0 0 90px!important;height:3px!important;min-height:3px!important;padding:0!important;margin:0 10px!important;border:0!important;border-radius:4px;background:#e5e5e7;accent-color:#e51e59}
.jd-photo-tools input[type=range]::-webkit-slider-thumb,.jd-card-editor-ink input[type=range]::-webkit-slider-thumb{appearance:none;width:13px;height:13px;border-radius:50%;background:#e51e59;cursor:pointer}
.jd-photo-tools input[type=range]::-moz-range-thumb,.jd-card-editor-ink input[type=range]::-moz-range-thumb{width:13px;height:13px;border:0;border-radius:50%;background:#e51e59}
.jd-card-editor-ink>label{display:flex;align-items:center;gap:6px;margin:0!important;font-size:12px;color:#73737a}
#app .hb-context-workspace .jd-photo-editor>header{padding:12px 18px 6px!important}
#app .hb-context-workspace .jd-photo-editor>header strong{font-size:16px;font-weight:600;color:#73737a}
#app .hb-context-workspace .jd-photo-actions{margin:0 0 8px!important;padding:6px 12px!important}
@media(hover:hover){.jd-photo-tools button:not(:disabled):hover,.jd-card-editor-ink button:not(:disabled):hover{color:#e51e59!important;background:var(--hb-button-soft)!important;border-color:var(--hb-button-soft-border)}}
@media(max-width:650px){#app .hb-context-bottom{display:flex;justify-content:space-around;gap:2px;overflow-x:auto}#app .hb-context-bottom>button{flex:1 0 42px!important;min-width:42px!important}.jd-photo-tools,.jd-card-editor-ink{overflow-x:auto;flex-wrap:nowrap!important;scrollbar-width:none}.jd-card-editor-ink>label>span{display:none}}

/* Shared PDF/Word artwork for attachment upload, messages and CV previews. */
.hb-file-type-icon{display:block;width:36px;height:42px;object-fit:contain;flex:none}
.hb-mail-file-visual img.hb-file-type-icon{width:48px;height:56px;object-fit:contain}
.hb-mail-attachment-content>img.hb-file-type-icon{width:36px;height:42px}
[data-cv-preview]>a{display:inline-flex;align-items:center;gap:10px;max-width:100%;overflow-wrap:anywhere}
[data-cv-preview] .hb-file-type-icon{width:30px;height:36px}

:root{--hb-coral-magenta:#e51e59}

.hb-confirm .hb-confirm-symbol svg.hb-confirm-trash{width:40px!important;height:40px!important;color:#e51e59!important;stroke:#e51e59!important;fill:none!important;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

.hb-finance-office{padding:20px;min-width:0}.hb-finance-toolbar{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin-bottom:18px}.hb-finance-toolbar>.field{flex:1;min-width:180px}.hb-finance-tabs{display:flex;gap:8px;overflow:auto;max-width:100%;padding:3px}.hb-finance-tabs .is-current{color:var(--hb-primary);border-color:var(--hb-primary)}.hb-finance-row{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:15px 12px;margin:6px 0;border-radius:12px;background:#f6f6f7}.hb-finance-row small{display:block;color:var(--muted);margin-top:5px}.hb-finance-line{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:10px;align-items:end;padding:12px 0}.hb-finance-row .detail-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:700px){.hb-finance-office{padding:14px}.hb-finance-line{grid-template-columns:repeat(2,minmax(0,1fr))}.hb-finance-line>.field:first-child{grid-column:1/-1}.hb-finance-row{flex-wrap:wrap}.hb-finance-tabs{width:100%}.hb-finance-tabs>.btn{white-space:nowrap;flex:none}.hb-finance-toolbar{gap:10px}}

.hb-finance-chart{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.hb-finance-chart-item{padding:16px;background:#fafafa;border-radius:14px;display:grid;gap:10px;--chart-color:#e51e59}.hb-finance-chart-item.received{--chart-color:#149b85}.hb-finance-chart-item.outstanding{--chart-color:#e51e59}.hb-finance-chart-item.credited{--chart-color:#6a505a}.hb-finance-chart-item strong{font-size:21px;color:var(--chart-color)}.hb-finance-chart progress{width:100%;height:9px;border:0;border-radius:9px;overflow:hidden;background:#ededed;accent-color:var(--chart-color)}.hb-finance-chart progress::-webkit-progress-bar{background:#ededed}.hb-finance-chart progress::-webkit-progress-value{background:var(--chart-color);border-radius:9px}.hb-finance-chart progress::-moz-progress-bar{background:var(--chart-color)}@media(max-width:700px){.hb-finance-chart{grid-template-columns:repeat(2,minmax(0,1fr))}.hb-finance-chart-item strong{font-size:18px}}

/* Financial widgets share the platform shell; only their header starts a drag. */
.hb-dash-card{min-width:0;padding:0!important;background:#fff;border:1px solid #e7e7e9;border-radius:16px;overflow:hidden;align-content:start;box-shadow:0 3px 16px #44444408}
.hb-dash-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;cursor:grab;touch-action:none;user-select:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23f5f5f6' d='M0 0h1v1H0z'/%3E%3C/svg%3E")}
.hb-dash-header h3{font-size:14px!important;line-height:1.3;margin:0!important;font-weight:700;color:#252529;min-width:0;overflow-wrap:anywhere}
.hb-dash-config{flex:0 0 30px;display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:#73737a;padding:6px;cursor:pointer;touch-action:manipulation}
.hb-dash-config svg{width:18px;height:18px}.hb-dash-config:hover{color:#e51e59;background:#f4f4f4}.hb-dash-header:focus-visible{outline:2px solid #e51e59;outline-offset:-3px}
.hb-dash-front{padding:16px;display:grid;gap:12px}.hb-dash-back{padding:14px;display:grid;gap:12px;font-size:14px;color:#656565}.hb-dash-back p{margin:0;line-height:1.4}.hb-dash-back .check{gap:9px;font-size:14px}.hb-dash-back .btn{justify-self:start}.hb-dash-front[hidden],.hb-dash-back[hidden]{display:none!important}
.hb-dash-card.is-compact .hb-dash-front{padding:10px 14px;gap:7px}.hb-dash-card.is-private .hb-dash-front strong{visibility:hidden}.hb-dash-card.is-private .hb-dash-front progress,.hb-dash-card.is-private .hb-exp-bars,.hb-dash-card.is-private .hb-exp-trend{visibility:hidden}
.hb-dash-card.is-dragging{box-shadow:0 8px 24px #e51e5933;border-color:#e51e59}.hb-dash-dragging,.hb-dash-dragging *{cursor:grabbing!important;user-select:none!important}
.hb-dash-grid>.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.hb-finance-chart-item{display:block}.hb-finance-chart-item .hb-dash-front strong{font-size:21px}.hb-exp-dashboard.hb-dash-grid{align-items:start}
@media(max-width:700px){.hb-dash-header{padding:10px}.hb-dash-front,.hb-dash-back{padding:12px}.hb-finance-chart-item .hb-dash-front strong{font-size:18px}.hb-dash-header h3{font-size:13px!important}.hb-dash-config{width:28px;height:28px;flex-basis:28px}}
#finance-xml-form label:has(.hb-finance-xml-input){position:relative;display:flex;align-items:center;justify-content:center;gap:9px;min-height:72px;border:1px dashed #aeaeae;border-radius:14px;background:#fafafa;overflow:hidden}
.hb-finance-xml-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
#finance-xml-form label:focus-within{outline:2px solid #e51e59;outline-offset:2px}

.hb-export-history .hb-finance-row>div{min-width:0;flex:1}.hb-export-history small{overflow-wrap:anywhere}.hb-export-history .btn{flex:none}.hb-export-history{display:grid;gap:8px}

/* Finance uses the same contextual navigation and collapsible tools as the mailbox. */
#app.hb-finance-mode>.sidebar>.nav:not(.hb-finance-nav),#app.hb-finance-mode>.sidebar>.sidebar-bottom{display:none}
#app.hb-finance-mode>.sidebar>.hb-finance-nav{display:flex;flex-direction:column;padding:0;gap:8px;background:transparent}
#app.hb-finance-mode .hb-finance-close{color:#e51e59!important}
#app.hb-finance-mode>.sidebar .hb-finance-close{margin-top:12px}
.hb-finance-office{overflow:visible}
.hb-finance-dock{position:sticky;top:var(--hb-search-dock-top,72px);z-index:25;background:#fff;border:1px solid #e7e7e9;border-radius:0 0 16px 16px;padding:14px 18px;margin-bottom:18px;box-shadow:0 3px 14px #3b3b3b06;transition:top .2s ease}

.hb-finance-dock .hb-finance-toolbar{margin:0;gap:14px;flex-wrap:nowrap}
.hb-finance-filters>.field{min-width:0;flex:1}
.hb-finance-secondary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}
.hb-finance-options{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.hb-finance-options .btn{font-size:13px;min-height:36px;padding:7px 10px;color:#585858;white-space:nowrap}
.hb-finance-options .is-current{color:var(--accent);background:#fff1f2}
.hb-finance-section{margin:0 0 16px}.hb-finance-section h2{font-size:20px;margin:0 0 6px}.hb-finance-section p{margin:0}
@media(max-width:650px){
 .hb-finance-dock{padding:12px;margin-bottom:14px}
 .hb-finance-dock .hb-finance-toolbar{flex-wrap:wrap;gap:10px}
 .hb-finance-filters>.field{flex:1 1 100%;min-width:0}
 .hb-finance-secondary{align-items:stretch;flex-direction:column;gap:8px}
 .hb-finance-options{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;padding:2px 0}
 .hb-finance-options .btn{flex:none}
 #app .hb-finance-bottom{gap:2px}
 #app .hb-finance-bottom>button{min-width:0;flex:1;padding:6px 2px;border:0;background:transparent}
 #app .hb-finance-bottom>button span{font-size:11px;white-space:nowrap}
}

#app.hb-finance-mode>.sidebar>.hb-finance-nav button{border:0;background:transparent;box-shadow:none;color:#616168}
#app.hb-finance-mode>.sidebar>.hb-finance-nav button:is(:hover,.active){border:0;box-shadow:none;background:var(--hb-button-soft);color:#e51e59;border-color:var(--hb-button-soft-border)}
#app.hb-finance-mode>.sidebar>.hb-finance-nav .hb-finance-close{color:#e51e59}

/* Billix Studio — editorial visual system. One active stylesheet, no theme switch. */
:root{--ink:#19191c;--muted:#68686f;--accent:#e51e59;--purple:#e51e59;--purple-dark:#e51e59;--purple-soft:#fff1f2;--line:#e5e5e7;--soft:#f7f7f8;--hb-primary:#e51e59;--hb-primary-hover:#e51e59;--hb-selected:#e51e59;--hb-navy:#19191c;--hb-text:#19191c;--hb-aqua:#d3d3d8;--hb-aqua-soft:#f5f5f6;--hb-surface-border:#e5e5e7;--hb-coral-magenta:#e51e59;--hb-surface:#fff;--hb-canvas:#fff;--hb-radius:10px;--hb-shadow:none;background:#fff;color:#19191c;font-family:Arial,Helvetica,sans-serif}
body,.main,.public,.content,.hb-community-page{background:#fff;color:var(--ink)}
button,input,select,textarea{font-family:inherit}
h1,h2,h3{color:var(--ink);letter-spacing:-.035em}
.heading h1{font-size:clamp(30px,3.4vw,48px);font-weight:800;line-height:1.06;letter-spacing:-.045em}
.heading{margin:24px 0 26px;align-items:center}
.heading p{font-size:15px;line-height:1.5;max-width:64ch;margin-top:10px}
.eyebrow{font-size:10px;letter-spacing:.16em;color:var(--muted);font-weight:700}
.brand{color:#19191c;letter-spacing:-1px;font-weight:800}.brand>span>span{color:var(--accent)}
#app>.sidebar{border-right:1px solid #e9e9eb;background:#fff}
#app>.sidebar .nav button{color:#55555c;border:0;box-shadow:none;border-radius:8px}
#app>.sidebar .nav button:is(:hover,.active){color:#19191c;background:var(--hb-button-soft);border:0;box-shadow:none;border-color:var(--hb-button-soft-border)}
#app>.sidebar .nav button.active svg{color:var(--accent)}
#app.hb-finance-mode>.sidebar>.hb-finance-nav button:is(:hover,.active){color:#19191c;background:var(--hb-button-soft);border-color:var(--hb-button-soft-border)}
.hb-navigation-dock{background:#fff;border-bottom:1px solid #e9e9eb;box-shadow:none}
.hb-navigation-dock .hb-community-nav .btn{color:#343438;font-size:14px;font-weight:700;border-radius:6px;background:transparent}
.hb-navigation-dock .hb-community-nav .btn:is(:hover,.is-current){color:#e51e59;background:#fff1f2}
.hb-language .hb-select-trigger{background:var(--hb-button-soft);border:0;border-radius:7px;color:#252529;border-color:var(--hb-button-soft-border)}
.hb-main-workspace{background:#fafafa;border-color:#e9e9eb;border-radius:8px}
.btn{border-radius:8px;background:var(--accent);color:#fff;font-weight:700;letter-spacing:-.01em;min-height:44px;box-shadow:none}
.btn:hover{background:#e51e59}
.btn.secondary,.btn.quiet{background:#fff;color:#252529;border-color:#d6d6da;border-radius:8px}
.btn.secondary:hover,.btn.quiet:hover{background:var(--hb-button-soft);color:#19191c;border-color:#a5a5ad;border-color:var(--hb-button-soft-border)}
.btn.quiet{border-color:transparent}
.icon-btn,.hb-account-action{color:#55555c}
.icon-btn:hover,.hb-account-action:hover{background:var(--hb-button-soft);color:#19191c;border-color:var(--hb-button-soft-border)}
.panel,.stat,.hb-auth-card,.hb-billing-totals>div{border:1px solid #e7e7e9;border-radius:10px;box-shadow:none;background:#fff}
.notice,.hb-empty-state,.hb-billing-anaf,.hb-booking-empty{background:#f7f7f8;border-color:#e8e8eb;color:#616168;border-radius:10px}
.hb-empty-state svg,.hb-empty-icon{color:#e51e59}
/* Discover and business collections: photography leads, information follows. */
.public:has(#hb-directory-results)>.heading h1{font-size:clamp(36px,4.8vw,66px);line-height:1.02;max-width:18ch}
.public:has(#hb-directory-results)>.muted.mb{font-size:17px;line-height:1.5;max-width:68ch;margin-bottom:24px;color:#616168}
:is(#hb-directory-results,#hb-business-results).card-grid{gap:28px 20px}
.hb-space-card,.hb-business-card{padding:0!important;border:0!important;border-radius:8px;box-shadow:none!important;background:#fff;overflow:hidden;transition:transform .18s ease}
.hb-space-card>.hb-card-media,.hb-business-card>.hb-business-media{margin:0 0 16px!important;width:100%!important;border-radius:8px;overflow:hidden}
#hb-directory-results .hb-card-media .hb-cover,.hb-business-media>.hb-cover{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;margin:0;border-radius:8px;transition:transform .25s ease}
.hb-space-copy{padding:0 4px}
.hb-business-card>:not(.hb-business-media){margin-left:4px;margin-right:4px}
.hb-space-card h2,.hb-business-card h2{font-size:21px;line-height:1.2;letter-spacing:-.035em;font-weight:800;color:#19191c}
.hb-card-owner{color:#44444b;font-weight:600}
.hb-space-card .muted,.hb-business-card>.muted{color:#74747b;font-size:13px;line-height:1.45}
.hb-card-media>.hb-space-category,.hb-business-media .hb-space-category{background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border:0;border-radius:5px;padding:6px 10px;font-size:11px;letter-spacing:.015em;color:#202024;font-weight:700;max-width:calc(100% - 24px)}
.hb-space-actions{padding:12px 4px 0;gap:16px}
.hb-space-actions .hb-card-link{font-size:14px;font-weight:700;color:#19191c;border-radius:0}
.hb-space-actions .hb-card-link:last-child{color:#e51e59}
.hb-business-actions{border:0;padding-top:10px;gap:12px}
.hb-business-action,.hb-detail-link{color:#45454b}
.hb-workspace-like{right:4px;top:0;color:#19191c}
@media(hover:hover){.hb-space-card:hover,.hb-business-card:hover{transform:translateY(-3px);border:0;box-shadow:0 7px 20px rgba(28,24,40,.10)}.hb-space-card:hover .hb-cover,.hb-business-card:hover .hb-cover{transform:scale(1.025)}}
.hb-carousel{border-radius:8px;overflow:hidden;margin-top:22px;margin-bottom:28px;box-shadow:none}
.hb-carousel-pagination{background:rgba(15,15,18,.55);backdrop-filter:blur(10px)}
/* Search remains the principal control, with restrained utility surfaces. */
.hb-search-dock,.hb-finance-dock,.hb-agenda-dock,.hb-mailbox-sticky{background:#fff;border-color:#e5e5e7;border-radius:0 0 10px 10px;box-shadow:0 5px 18px #00000006}
.hb-search-dock input[type=search]{background:#f5f5f6;border-color:transparent;min-height:46px;font-size:16px}
.hb-search-icon-host>svg,.hb-search-with-icon>svg,.hb-mailbox-search>svg{color:#e51e59!important}
input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]),textarea,.hb-select-trigger,.hb-time-trigger{border-color:#d5d5da;border-radius:7px;background:#fff;color:#252529}
input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]):focus,textarea:focus,.hb-select-trigger[aria-expanded=true]{border-color:#252529;box-shadow:inset 0 0 0 1px #252529}
.field>span{color:#45454b;font-size:13px;font-weight:700}
.hb-select-panel,.hb-calendar,.hb-time-panel{border:1px solid #e5e5e7;border-radius:10px;box-shadow:0 12px 36px #00000016;color:#252529}
.hb-option,.hb-select-option{border-radius:6px;color:#45454b}
.hb-option:is(:hover,[aria-selected=true],.is-highlighted){background:var(--hb-button-soft);color:#19191c;border-color:var(--hb-button-soft-border)}
.hb-tooltip{background:#252529;color:#fff;border-radius:6px;box-shadow:0 5px 18px #0000001a}
/* Operational pages: black hero, quiet surfaces, emphatic numbers. */
.hero{background:#19191c!important;border:0;border-radius:12px;padding:32px;overflow:hidden}
.hero h1{color:#fff;font-size:clamp(30px,3vw,46px);font-weight:800;line-height:1.08;letter-spacing:-.04em}
.hero p{color:#d4d4d8;font-size:15px;line-height:1.5}
.hero .eyebrow{color:#ff7cb6}.hero-art{opacity:.9}
.stat{padding:20px;background:#fafafa}.stat strong,.stat-value{color:#19191c;font-weight:800;letter-spacing:-.04em}
.hb-dash-card{border-color:#e5e5e7;border-radius:10px;box-shadow:none}
.hb-dash-header{background:#f5f5f6;border-bottom:1px solid #e9e9eb;padding:13px 16px}
.hb-dash-header h3{color:#343438;font-size:13px!important}
.hb-dash-front{padding:20px}.hb-finance-chart-item .hb-dash-front strong{font-size:27px;font-weight:800;letter-spacing:-.045em}
.hb-finance-chart-item{--chart-color:#e51e59}.hb-finance-chart-item.received{--chart-color:#137a65}.hb-finance-chart-item.outstanding{--chart-color:#e51e59}.hb-finance-chart-item.credited{--chart-color:#606060}
.hb-finance-row{background:#f7f7f8;border-radius:8px;padding:14px 16px}.hb-finance-row strong{font-size:15px}
.hb-finance-office{border:0;padding:0}.hb-finance-section h2{font-size:24px;letter-spacing:-.035em}
.hb-business-tabs button,.hb-billing-tabs button{border-radius:6px;color:#45454b;border-color:#e5e5e7}
.hb-business-tabs button:is(.active,[aria-pressed=true]),.hb-billing-tabs button[aria-pressed=true]{background:#19191c;color:#fff;border-color:#19191c}
.person-card,.hb-public-service-card{border:1px solid #e5e5e7;border-radius:10px;box-shadow:none;background:#fff}
.hb-person-identity::before,.hb-team-grid .hb-person-identity::before{background:#252529;height:48px}
.hb-person-title,.hb-public-service-name{color:#19191c!important;font-weight:800}
.hb-person-facts,.hb-public-service-card .hb-card-catalog{background:#f5f5f6;border-color:transparent;border-radius:8px}
.hb-public-service-card .hb-person-facts strong{color:#19191c}
.hb-person-identity>.hb-whatsapp-header,.hb-person-identity>.hb-specialist-photo-action{color:#fff}
.hb-detail-title h1{font-size:clamp(34px,4.5vw,64px);font-weight:800;line-height:1.04;letter-spacing:-.045em}
.hb-space-public-location{color:#68686f}.hb-space-category{border-radius:5px}
.hb-public-facts section{background:#f5f5f6;border:0;border-radius:8px;box-shadow:none}
.hb-public-facts section::before,.hb-public-facts section::after{opacity:.12}
.hb-booking-head h2{font-size:clamp(26px,3vw,38px);letter-spacing:-.04em}
/* Mail, assistant, account and editors belong to the same product. */
.hb-mailbox{border:1px solid #e5e5e7;border-radius:10px;background:#fff}
.hb-mailbox-list-item{border-color:#ededee}.hb-mailbox-list-item:hover{background:#f6f6f7}
.hb-mailbox-date,.hb-mailbox-source{color:#74747b}.hb-mailbox-row.is-unread strong{color:#19191c}
.hb-mailbox-search input{background:#f5f5f6;border-radius:7px}
.hb-mail-attachment{background:#f5f5f6;border-color:transparent;border-radius:8px}
.hb-smart-guide{border:1px solid #dedee2;border-radius:12px;box-shadow:0 18px 64px #00000024}
.hb-guide-head{background:#19191c;color:#fff}.hb-guide-head h2{color:#fff}.hb-guide-head p{color:#c7c7cc}.hb-guide-head button{color:#eee}
.hb-guide-head button:hover{color:#fff;background:#343438}
.hb-guide-action{border-radius:7px;border-color:#dedee2;background:#fff;color:#252529}.hb-guide-action:hover{border-color:#e51e59;color:#e51e59}
.hb-account-intro{background:#fafafa}.hb-account-intro h2{font-size:28px;letter-spacing:-.04em}
.hb-account-action{border-radius:7px}.hb-auth-card{padding:30px;border-radius:12px;box-shadow:0 12px 56px #00000008}
.hb-auth-card h1{font-size:36px;letter-spacing:-.045em}
.jd-card-editor,.jd-photo-editor{border-color:#dedee2;border-radius:8px;background:#fff}
.jd-card-editor-bar,.jd-photo-tools,.jd-tools-group{background:#f7f7f8!important;border-color:#e5e5e7!important}
#modal:not(.hb-image-modal),.hb-confirm-dialog{border:1px solid #e5e5e7;border-radius:12px;box-shadow:0 24px 90px #00000024;color:#19191c}
.modal-head{border-color:#e9e9eb}.modal-head h2{font-size:24px;font-weight:800;letter-spacing:-.035em}
dialog::backdrop{background:rgba(12,12,16,.45);backdrop-filter:blur(8px)}
.hb-image-modal{background:transparent!important;border:0!important}
.hb-platform-footer{background:transparent;color:#74747b;border:0}.hb-platform-footer a{color:#252529}
.hb-boot-word{color:#e51e59}.hb-boot-base{color:#19191c}
@media(max-width:900px){.heading h1{font-size:32px}.heading{margin-top:16px;gap:12px}.hero{padding:24px}.hero-art{width:160px;transform:scale(.85);transform-origin:right center}}
@media(max-width:650px){
 .heading{margin:16px 0 20px;gap:12px;flex-wrap:wrap}.heading h1{font-size:30px;line-height:1.1}.heading p{font-size:14px}
 .public:has(#hb-directory-results)>.heading h1{font-size:38px;max-width:15ch;line-height:1.04}
 .public:has(#hb-directory-results)>.muted.mb{font-size:15px;margin-bottom:18px}
 :is(#hb-directory-results,#hb-business-results).card-grid{gap:26px 14px}
 .hb-space-card h2,.hb-business-card h2{font-size:22px}
 #hb-directory-results .hb-card-media .hb-cover,.hb-business-media>.hb-cover{aspect-ratio:4/3;height:auto;border-radius:8px}
 .hb-space-copy{padding:0 2px}.hb-workspace-like{right:2px}
 .hb-carousel{margin-top:18px;margin-bottom:22px;border-radius:8px}
 .hb-search-dock.hb-live-search,.hb-search-dock.hb-business-filters{padding:10px;border-radius:0 0 8px 8px;gap:8px}
 .hb-search-dock input[type=search]{min-height:44px;font-size:16px}
 .hero{padding:24px 20px}.hero h1{font-size:31px}.hero p{font-size:14px}.hero-art{display:none}
 .stats{gap:10px}.stat{padding:14px}.hb-dash-front{padding:14px}.hb-finance-chart-item .hb-dash-front strong{font-size:22px}
 .hb-detail-title h1{font-size:36px}.hb-auth-card{padding:22px}.hb-auth-card h1{font-size:30px}
 .hb-mobile-bottom{background:#fff;border-top:1px solid #e5e5e7;box-shadow:0 -3px 16px #00000006}
 .hb-mobile-bottom button{color:#68686f;border-radius:7px;font-weight:600}
 .hb-mobile-bottom button[aria-current=page]{color:#e51e59;background:#fff1f2}
 #app .hb-finance-bottom>button[aria-current=page]{color:#e51e59;background:#fff1f2}
 .hb-smart-guide{border-radius:12px}.hb-guide-compose textarea{font-size:16px}
 .hb-finance-options{padding-bottom:4px}.hb-finance-options .btn{min-height:40px}
}
@media(prefers-reduced-motion:reduce){.hb-space-card,.hb-business-card,.hb-cover{transition:none!important}.hb-space-card:hover,.hb-business-card:hover,.hb-space-card:hover .hb-cover,.hb-business-card:hover .hb-cover{transform:none!important}}

.hb-invoice-sheet{--invoice-accent:#252529}.hb-invoice-totals{border-radius:8px;background:#f6f6f7}.hb-invoice-section{border-radius:8px}

/* Reference refinement from the supplied Shutterstock HTML design tokens. */
:root{--ink:#141414;--accent:#141414;--hb-primary:#141414;--hb-primary-hover:#383838;--purple-dark:#383838;--hb-selected:#141414;--hb-studio-coral:#e51e59;--hb-studio-lilac:#d8b9ff;--hb-studio-sky:#bdf0fd;--hb-studio-lime:#d9fa77;font-family:Helvetica,Arial,sans-serif}
.heading h1,.hb-detail-title h1{font-weight:700;letter-spacing:-.0175em}
.public:has(#hb-directory-results)>.heading h1{font-size:clamp(38px,4.5vw,57px);line-height:1.19;font-weight:700;letter-spacing:-.0175em;max-width:22ch}
.hb-space-card h2,.hb-business-card h2{font-weight:700;letter-spacing:-.015em}
.btn,.btn[type=submit]:not(.secondary):not(.quiet),.form-actions>.btn:not(.secondary):not(.quiet){background:#141414;color:#fff;border-radius:8px}
.btn:hover,.btn[type=submit]:not(.secondary):not(.quiet):hover{background:#383838}
.btn.secondary,.btn.quiet{background:#fff;color:#141414}.btn.secondary:hover,.btn.quiet:hover{background:var(--hb-button-soft);color:#141414;border-color:var(--hb-button-soft-border)}
.btn.danger{background:#e51e59;color:#fff}
.brand>span>span,.hb-boot-word{color:#e51e59}.hb-boot-base{color:#141414}
.hb-navigation-dock .hb-community-nav .btn:is(:hover,.is-current){background:var(--hb-button-soft);color:#141414;border-color:var(--hb-button-soft-border)}
#app>.sidebar .nav button.active svg{color:#141414}
.hb-space-actions .hb-card-link:last-child{color:#e51e59}
.hero{background:#141414!important}.hero h1{font-weight:700;letter-spacing:-.0175em}.hero .eyebrow{color:#ff7fb7}
.hb-finance-chart-item.issued .hb-dash-header{background:#bdf0fd}.hb-finance-chart-item.received .hb-dash-header{background:#d9fa77}.hb-finance-chart-item.outstanding .hb-dash-header{background:#ffcee4}.hb-finance-chart-item.credited .hb-dash-header{background:#d8b9ff}
.hb-finance-chart-item .hb-dash-front strong{color:#141414}
.hb-person-identity::before,.hb-team-grid .hb-person-identity::before{background:#3e3e3e}
.hb-guide-head{background:#141414}.hb-guide-action:hover{color:#141414;border-color:#141414;background:var(--hb-button-soft);border-color:var(--hb-button-soft-border)}
@media(max-width:650px){.public:has(#hb-directory-results)>.heading h1{font-size:38px;line-height:42px;letter-spacing:-.005em}.hb-mobile-bottom button[aria-current=page],#app .hb-finance-bottom>button[aria-current=page]{color:#141414;background:var(--hb-button-soft);border-color:var(--hb-button-soft-border)}}

/* Billix Prism: solid surfaces, restrained typography, vivid functional accents. */
@font-face{font-family:Billix;src:url('/fonts/Inter.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
:root{--hb-font:Billix,'Segoe UI',sans-serif;--hb-brand:#e51e59;--hb-violet:#6936a6;--hb-teal:#127b86;--hb-rose:#e51e59;font-family:var(--hb-font)}
body,button,input,select,textarea,.jd-card-editor-bar button{font-family:var(--hb-font)}
h1,h2,h3,strong{color:#17171c}h1,h2,h3{font-weight:750;letter-spacing:-.025em}
.muted,.small-note,.field>span{color:#62636c}.field>span{font-weight:600}.hb-card-owner,.hb-person-title{font-weight:750;color:#17171c}
body:has(#hb-directory-results),body:has(#hb-business-results),#app:has(#hb-directory-results),#app:has(#hb-business-results),.main:has(#hb-directory-results),.main:has(#hb-business-results),.public:has(#hb-directory-results),.public:has(#hb-business-results){background:#f8f8f8}
.hb-main-workspace{background:transparent!important;box-shadow:none;border:0}
.hb-space-actions .hb-card-link:last-child,.hb-detail-link,.brand>span>span,.hb-boot-word,[data-billy-docked] .hb-nav-label{color:var(--hb-brand)!important}
.hb-boot-base{color:#17171c!important}
.sidebar [data-billy-docked] .hb-guide-brand,.hb-mobile-bottom [data-billy-docked] .hb-guide-brand{opacity:1;filter:none}
.hb-platform-footer,#app .hb-platform-footer,.public>.hb-platform-footer,.content>.hb-platform-footer{background:transparent;color:#d6d6dd;border:0}
.hb-platform-footer :is(p,small,.muted,.small-note,a,button){color:#d6d6dd}.hb-platform-footer .brand,.hb-platform-footer .brand strong{color:#fff}.hb-platform-footer a[href*="jobdropper"]{color:#ff78b3}
.hb-public-facts section,.hb-public-facts section:nth-child(n){background:#fff;border:1px solid #e5e5e9;border-radius:20px;box-shadow:0 8px 24px #24203a05}
.hb-public-facts section::before{opacity:1}.hb-public-facts section strong{color:#17171c;font-weight:750}
.hb-person-identity::before,.hb-team-grid .hb-person-identity::before{background:#6936a6!important}

.hb-person-facts{background:#f1edf8;border:0}.hb-person-facts strong{color:#352050;font-weight:750}
.hb-dash-header{background:#e6d9f5;border:0}.hb-dash-header h3{color:#352050}
.hb-finance-chart-item.issued .hb-dash-header{background:#d8caf0}.hb-finance-chart-item.received .hb-dash-header{background:#ddebab}.hb-finance-chart-item.outstanding .hb-dash-header{background:#f7cedd}.hb-finance-chart-item.credited .hb-dash-header{background:#bde3e5}
.hb-finance-chart-item.issued{--chart-color:#6936a6}.hb-finance-chart-item.received{--chart-color:#637b1f}.hb-finance-chart-item.outstanding{--chart-color:#e51e59}.hb-finance-chart-item.credited{--chart-color:#127b86}
.stats>.stat:nth-child(4n+1){background:#eee6f8}.stats>.stat:nth-child(4n+2){background:#e2f1f1}.stats>.stat:nth-child(4n+3){background:#f9e3ec}.stats>.stat:nth-child(4n+4){background:#eff4d9}
.hb-mailbox-toolbar{background:#f1f2f3;border-color:#e4e5e7}.hb-mailbox-initial{background:#eceef0;color:#414650}.hb-unread-dot{background:#e51e59}.hb-mailbox-list-item:has(.is-unread){background:#fafafa}.hb-mailbox-list-item:hover{background:#f0f1f2}.hb-mailbox-subject{color:#25202e}.hb-mailbox-source{color:#656970}.hb-mail-attachment{background:#eef5f5}.hb-mailbox-row-actions .is-flagged{background:#f8e0ec;color:#a41f60}.hb-mailbox-bubble{border-color:#e3e5e7}
.hb-guide-head{background:#43216d}.hb-guide-head :is(h2,strong,p){color:#fff}.hb-guide-action:hover{background:#f2eafa;border-color:#9b76c5;color:#542880}
input[type=checkbox]:focus:not(:focus-visible),.check:focus-within:not(:has(:focus-visible)){outline:none!important;box-shadow:none!important}
input[type=checkbox]:checked{border-color:var(--hb-brand)!important;box-shadow:none!important}
#hbCardForm>.form-actions{margin-bottom:0!important}#hbCardForm>.form-actions>[data-tools-toggle]{display:none!important}
@media(max-width:650px){.heading h1{font-size:30px}.hb-space-card h2,.hb-business-card h2{font-size:21px}}
.hb-person-identity>.hb-specialist-photo-action{background:rgba(24,16,42,.35);color:#fff;border:0;border-radius:10px}
.hb-person-identity>.hb-specialist-photo-action:hover{background:rgba(24,16,42,.55)}
/* Quiet footer and comfortable gallery copy gutters. */
.hb-platform-footer,#app .hb-platform-footer,.public>.hb-platform-footer,.content>.hb-platform-footer{background:transparent;color:#53545d}
.hb-platform-footer :is(p,small,.muted,.small-note,a,button){color:#53545d}.hb-platform-footer .brand,.hb-platform-footer .brand strong{color:#17171c}.hb-platform-footer a[href*="jobdropper"]{color:#e51e59;font-weight:750}
.hb-space-card .hb-space-copy{padding:18px 20px 20px;min-width:0}
.hb-space-card .hb-space-copy h2{font-weight:750;color:#17171c}.hb-space-card .hb-card-owner{font-weight:650;color:#17171c}
.hb-space-card .hb-workspace-like{right:18px}
.hb-space-card .hb-space-actions{gap:18px}.hb-space-card .hb-space-actions a{font-weight:750}
.hb-business-card>:not(.hb-business-media):not(.panel-head){margin-left:20px;margin-right:20px}.hb-business-card .hb-business-actions{padding-bottom:15px}
@media(max-width:650px){.hb-space-card .hb-space-copy{padding:16px}.hb-space-card .hb-workspace-like{right:14px}.hb-business-card>:not(.hb-business-media):not(.panel-head){margin-left:16px;margin-right:16px}}
@media(hover:hover) and (pointer:fine){
.person-card,.hb-public-service-card{transition:transform .18s ease,box-shadow .18s ease}
.person-card:hover,.hb-public-service-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(42,28,64,.12)}
}
@media(prefers-reduced-motion:reduce){.person-card,.hb-public-service-card{transition:none!important}.person-card:hover,.hb-public-service-card:hover{transform:none!important}}
/* Continuous mailbox outline without introducing an inner scroll container. */
.hb-mailbox{position:relative;border-radius:14px;background:#fff;overflow:visible}
.hb-mailbox::after{content:"";position:absolute;inset:-1px;border:1px solid #e0e2e6;border-radius:14px;pointer-events:none;z-index:3}
.hb-mailbox-messages{border-radius:inherit}
.hb-mailbox .hb-mailbox-sticky{border-radius:13px 13px 10px 10px}
.hb-mailbox-thread{border-radius:13px}
.hb-mailbox-list-item:last-child{border-radius:0 0 13px 13px}
.hb-mailbox-row.is-unread :is(strong,.hb-mailbox-subject){font-weight:800;color:#17171c}
.hb-mailbox-row:not(.is-unread) .hb-mailbox-subject{font-weight:600;color:#30313a}
.heading h1,.panel-head h2,.hb-person-title h3{font-weight:800}
.hb-person-facts strong,.stat strong,.hb-dash-front strong{font-weight:800;color:#17171c}
.hb-person-profession,.hb-person-bio,.hb-card-owner{font-weight:650;color:#24242b}
/* Balance the edit action with an equal empty column: title stays truly centred. */
.hb-detail-title{display:grid;grid-template-columns:44px minmax(0,auto) 44px;justify-content:center;align-items:center;column-gap:12px;max-width:100%}
.hb-detail-title h1{grid-column:2;grid-row:1;text-align:center;overflow-wrap:anywhere;white-space:normal;min-width:0;max-width:100%}
.hb-detail-title .hb-owner-edit{grid-column:3;grid-row:1;align-self:center}
.hb-space-card h2,.hb-business-card h2,.hb-space-card .hb-card-owner,.hb-business-card .hb-card-owner{min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hb-person-title{min-width:0}.hb-person-title h3{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hb-space-public-location{flex-wrap:wrap}.hb-space-public-location>*{min-width:0;overflow-wrap:anywhere}
@media(max-width:650px){.hb-detail-title{grid-template-columns:36px minmax(0,auto) 36px;column-gap:6px}.hb-detail-title .hb-owner-edit{width:36px;height:36px;padding:6px}}

/* Vivid admin metrics; solid colours and white foregrounds. */
.stats:is(.hb-admin-stats,.money-stats)>.stat:nth-child(1){background:#6835b5}
.stats:is(.hb-admin-stats,.money-stats)>.stat:nth-child(2){background:#087d89}
.stats:is(.hb-admin-stats,.money-stats)>.stat:nth-child(3){background:#c12569}
.stats:is(.hb-admin-stats,.money-stats)>.stat{border:0;border-radius:14px}
.stats:is(.hb-admin-stats,.money-stats)>.stat,.stats:is(.hb-admin-stats,.money-stats)>.stat :is(strong,span,small,svg,p){color:#fff}
.stats:is(.hb-admin-stats,.money-stats)>.stat strong{font-weight:800}.stats:is(.hb-admin-stats,.money-stats)>.stat span{font-weight:650}

/* Professional typography: firm headings, regular body copy. */
.heading h1,.panel-head h2,.hb-detail-title h1,.hb-person-title h3{font-weight:700}
.hb-space-card h2,.hb-business-card h2{font-weight:700}
body{font-optical-sizing:auto}
.hb-platform-footer [data-support-open],.hb-platform-footer [data-support-open] :is(span,svg){color:#17171c;font-weight:750}
.hb-platform-footer [data-support-open]:hover{color:#000}
#hb-business-results .hb-business-description{margin:12px 20px;min-width:0;max-width:calc(100% - 40px);box-sizing:border-box}
@media(max-width:650px){#hb-business-results .hb-business-description{margin-left:16px;margin-right:16px;max-width:calc(100% - 32px)}}

/* One clipped mailbox border, with page scrolling preserved. */
#app .hb-mailbox{border:1px solid #dcdfe3;border-radius:0 0 14px 14px;overflow:clip}
#app .hb-mailbox::after{content:none}
#app .hb-mailbox-messages{border-radius:0 0 13px 13px}
#app .hb-mailbox .hb-mailbox-sticky{border-radius:0 0 10px 10px}
#app .hb-mailbox-list-item:last-child{border-bottom:0}
.hb-mailbox-list-item,.hb-mail-skeleton>div{height:68px}
.hb-mailbox-row{padding-top:8px;padding-bottom:8px}
.hb-mailbox-row strong,.hb-mailbox-subject{font-size:15px;color:#19191c}
.hb-mailbox-row strong{font-weight:550}.hb-mailbox-row.is-unread strong,.hb-mailbox-row.is-unread .hb-mailbox-subject{font-weight:750}
.hb-mailbox-snippet{font-size:13px;color:#626570}.hb-mailbox-date{font-size:12px;color:#535761}
.hb-mailbox-toolbar{font-size:14px;font-weight:600;color:#24242a}
.hb-navigation-dock .hb-community-nav .btn,.hb-navigation-dock .hb-community-nav .btn span{color:#111!important;font-weight:650}
body{font-size:16px}.small-note{font-size:14px}.field>span{font-size:14px;font-weight:600;color:#35353c}
.hb-person-profession,.hb-person-bio,.hb-card-owner{font-size:16px}.hb-person-facts strong{font-size:18px}
@media(max-width:900px){.hb-mailbox-list-item,.hb-mail-skeleton>div{height:112px}}
#hb-directory-results .hb-space-card>.hb-space-actions{padding:12px 20px 12px;box-sizing:border-box;width:100%;margin:0;gap:18px}
@media(max-width:650px){#hb-directory-results .hb-space-card>.hb-space-actions{padding:12px 16px 12px}}

/* Invoice summary headers match specialist cards. */

.hb-finance-chart-item .hb-dash-header h3{color:#fff;text-shadow:0 1px 3px #20103c80;font-weight:750}
.hb-finance-chart-item .hb-dash-config{color:#fff;background:transparent}
.hb-finance-chart-item .hb-dash-config:hover{color:#fff;background:#ffffff26}

/* Shared saturated palette: geometric artwork remains on specialist identities only. */
:root{--hb-violet:#6835b5;--hb-teal:#087d89;--hb-magenta:#c12569;--hb-blue:#2266b0;--hb-surface:#f5f6f8;--hb-ink:#17171c}
.stats>.stat:nth-child(4n+1),.hb-exp-kpis>button:nth-child(4n+1){--metric-color:var(--hb-violet)}
.stats>.stat:nth-child(4n+2),.hb-exp-kpis>button:nth-child(4n+2){--metric-color:var(--hb-teal)}
.stats>.stat:nth-child(4n+3),.hb-exp-kpis>button:nth-child(4n+3){--metric-color:var(--hb-magenta)}
.stats>.stat:nth-child(4n+4),.hb-exp-kpis>button:nth-child(4n+4){--metric-color:var(--hb-blue)}
.stats>.stat,.hb-exp-kpis>button{background:var(--metric-color)!important;color:#fff;border:0;border-radius:14px;position:relative;overflow:hidden}
.stats>.stat :is(strong,span,small,svg,p),.hb-exp-kpis>button :is(strong,span){color:#fff}
.stats>.stat .stat-top{gap:14px;font-weight:700}.stats>.stat .stat-top>svg{flex-shrink:0;width:22px;height:22px;padding:8px;box-sizing:content-box;background:#ffffff1f;border-radius:12px}
.stats>.stat strong{font-weight:800}.stats>.stat small{font-weight:500;opacity:.92}
.stats[data-live-stats]{grid-template-columns:repeat(4,minmax(0,1fr))}
.stats[data-live-stats]>.stat strong{font-size:clamp(23px,2.3vw,34px);overflow-wrap:anywhere}
.hb-dash-card{--chart-color:var(--hb-violet)}



.hb-dash-card .hb-dash-header,.hb-finance-chart-item:is(.issued,.received,.outstanding,.credited) .hb-dash-header{background:var(--chart-color);border:0}
.hb-dash-card .hb-dash-header h3{color:#fff;font-weight:750;text-shadow:none;font-size:14px!important}
.hb-dash-card .hb-dash-config{color:#fff;background:transparent}.hb-dash-card .hb-dash-config:hover{background:#ffffff26;color:#fff}
.hb-dash-front strong,.hb-exp-aging strong{color:var(--hb-ink);font-weight:750}
.hb-exp-aging{padding:10px 12px;border-radius:9px;background:var(--hb-surface)}
.hb-exp-bars b,.hb-exp-bars button:hover b,.hb-exp-trend i{background:var(--chart-color,var(--hb-violet))}
.hb-exp-trend>div{height:165px;justify-content:flex-end}.hb-exp-trend i{flex-shrink:0;max-height:115px;min-height:2px}
.hero{background:#5930a0!important;border:0;isolation:isolate}
.hero::before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-90px;top:-130px;background:#087d89;z-index:-1;pointer-events:none}
.hero::after{content:"";position:absolute;width:170px;height:170px;border-radius:38px;right:200px;bottom:-120px;background:#c12569;transform:rotate(25deg);z-index:-1;pointer-events:none}
.hero h1,.hero p,.hero .eyebrow{color:#fff}.hero .eyebrow{font-weight:750;letter-spacing:.14em}.hero p{opacity:.95}.hero-art{opacity:1}
.hero .art-circle{background:#168f9b}.hero .art-card{background:#fff}.hero .art-check{background:#c12569;color:#fff}
.panel-head h2,.hb-space-about h2,.hb-space-facilities h2,.hb-finance-office h2,.hb-profile-card h2{color:var(--hb-ink);font-weight:750}
.table-wrap thead{background:var(--hb-surface)}.table-wrap th{color:#262631;font-weight:700}
.hb-billing-totals>div,.hb-person-facts{background:var(--hb-surface)}
.field>span{color:#292932;font-weight:650}
@media(max-width:1150px){.stats[data-live-stats]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.stats[data-live-stats]{grid-template-columns:1fr}.hero::before{width:180px;height:180px;right:-90px;top:-100px}.hero::after{right:20px}.stats>.stat .stat-top>svg{width:20px;height:20px;padding:6px}}

/* Warm accents remain attached to chart identity when reordered. */
.hb-exp-dashboard>.hb-dash-card[data-dash-id="trend"]{--chart-color:#e51e59}
.hb-exp-dashboard>.hb-dash-card[data-dash-id="categories"]{--chart-color:#e51e59}
.hb-exp-dashboard>.hb-dash-card[data-dash-id="suppliers"]{--chart-color:#e51e59}
.hb-exp-dashboard>.hb-dash-card[data-dash-id="due"]{--chart-color:#e51e59}
.hb-dash-detail-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:12px;background:#f5f6f8;border-radius:10px;margin-bottom:8px}
.hb-dash-detail-row span{min-width:0;overflow-wrap:anywhere}.hb-dash-detail-row strong{color:#17171c;font-weight:750;text-align:right;overflow-wrap:anywhere}
.hb-dash-back>[data-dash-export]{font-weight:700}

.hb-space-public>.hb-card-owner{font-size:24px;font-weight:800;color:#111;line-height:1.3;overflow-wrap:anywhere}
@media(max-width:650px){.hb-space-public>.hb-card-owner{font-size:21px}}

/* Aligned card actions and clear contextual controls. */
#hb-directory-results{align-items:stretch}
#hb-directory-results .hb-space-card{display:flex;flex-direction:column;height:100%;box-sizing:border-box}
#hb-directory-results .hb-space-card>.hb-space-actions{margin-top:auto;flex-shrink:0}
.hb-collapsible-tools>.hb-tools-toggle{width:36px;height:36px;bottom:-40px;right:6px;border-radius:9px;background:transparent;color:#575757;box-shadow:none;border:0;z-index:2}
.hb-tools-toggle svg{width:22px;height:22px;stroke-width:2.4}
.hb-collapsible-tools>.hb-tools-toggle:is(:hover,:active){background:var(--hb-button-soft);color:#25252b;border:0;box-shadow:none;border-color:var(--hb-button-soft-border)}
.hb-collapsible-tools>.hb-tools-toggle:focus-visible{outline:2px solid #6835b5;outline-offset:3px;border-radius:9px}
.hb-collapsible-tools{}
.hb-collapsible-tools.hb-tools-collapsed{}
.hb-tools-collapsed>.hb-tools-toggle{top:2px;bottom:auto}
.hero{background:#241644 url('/img/hero-waves.svg?v=0.3.407') center / 100% 100% no-repeat!important}
.hero::before{display:none}
.hero::after{display:none}.hero h1,.hero p,.hero .eyebrow{text-shadow:0 1px 3px #20103055}
.hb-person-identity::before{background:#087d89!important}
.hb-specialist-grid .hb-person-identity::before,.hb-public-service-card .hb-person-identity::before{background:#6835b5!important}
.hb-resource-assignment{background:#f3f4f6;border:1px solid #e6e8ec;border-radius:12px;padding:16px;margin:10px 0;gap:18px}
.hb-resource-assignment>strong{color:#17171c;font-weight:750}
.hb-resource-card{background:#f3f4f6;border-color:#e6e8ec}
#app .hb-context-workspace :is(.hb-context-actions,.jd-photo-actions) button{border-radius:10px!important;font-weight:750;min-height:44px}
#app .hb-context-workspace :is(.hb-context-actions,.jd-photo-actions) button:first-child{background:var(--hb-brand,#e51e59)!important;color:#fff!important;border:1px solid transparent!important}
#app .hb-context-workspace :is(.hb-context-actions,.jd-photo-actions) button:last-child{background:var(--hb-button-soft)!important;color:#17171c!important;border:1px solid #e1e3e8!important;border-color:var(--hb-button-soft-border)}
@media(max-width:650px){.hb-collapsible-tools>.hb-tools-toggle{width:42px;height:42px;bottom:-46px;right:4px}.hb-tools-collapsed>.hb-tools-toggle{top:2px;bottom:auto}.hb-collapsible-tools,.hb-collapsible-tools.hb-tools-collapsed{}.hb-resource-assignment{grid-template-columns:minmax(0,1fr);gap:12px;padding:14px}.hb-resource-assignment>.btn{justify-self:start;max-width:100%;white-space:normal}}

/* Transparent contact mark inherits the card header contrast. */
.hb-person-identity>.hb-whatsapp-header{color:#fff;opacity:.9;background:transparent;border:0;box-shadow:none}
.hb-person-identity>.hb-whatsapp-header .hb-whatsapp-logo{filter:none;opacity:1;background:transparent;border:0}
.hb-person-identity>.hb-whatsapp-header:hover{color:#fff;opacity:1;background:transparent}
.hb-guide-head button:hover{background:#ffffff1f;color:#fff}

/* Compact resource labels and geometrically centred dock controls. */
.hb-resource-assignment>strong,.hb-resource-assignment .hb-assignment-add{background:#fff;border:1px solid #e1e3e8;border-radius:10px;padding:10px 14px;width:fit-content;max-width:100%;box-sizing:border-box}
.hb-resource-assignment>strong{align-self:center;overflow-wrap:anywhere}
.hb-resource-assignment .hb-assignment-add:hover{background:#fafafa}
.hb-collapsible-tools>.hb-tools-toggle{display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;box-sizing:border-box;line-height:0;font-size:0;gap:0}
.hb-collapsible-tools>.hb-tools-toggle>svg{display:block;position:static;margin:0!important;flex:0 0 22px;width:22px;height:22px;transform-origin:50% 50%;transform-box:view-box}
.hb-person-identity>.hb-whatsapp-header{top:9px;width:32px;height:32px;min-height:32px;padding:5px;border:0;border-radius:10px;background:rgba(24,16,42,.35);color:#fff;opacity:1}
.hb-person-identity>.hb-whatsapp-header .hb-whatsapp-logo{width:22px;height:22px;flex-basis:22px}
.hb-person-identity>.hb-whatsapp-header.is-configured,.hb-person-identity>.hb-whatsapp-public{opacity:.55}
.hb-person-identity>.hb-whatsapp-header:hover{background:rgba(24,16,42,.55);opacity:.9}

/* Contact forms share a compact coloured header with their contact action. */
#modal:has(#hb-support-form)>.modal-head{background:#43216d;color:#fff;border-radius:12px;padding:16px 18px;margin-bottom:16px;gap:12px}
#modal:has(#hb-support-form)>.modal-head h2{color:#fff;margin:0;flex:1;min-width:0;font-weight:750}
#modal:has(#hb-support-form)>.modal-head>.icon-btn{color:#fff;flex:none}
#modal:has(#hb-support-form)>.modal-head>.hb-whatsapp-contact{width:34px;height:34px;min-height:34px;padding:5px;box-sizing:border-box;border-radius:10px;background:rgba(24,16,42,.35);color:#fff;border:0;flex:none;opacity:.85}
#modal:has(#hb-support-form)>.modal-head>.hb-whatsapp-contact:hover{opacity:1;background:rgba(24,16,42,.55)}
#modal:has(#hb-support-form)>.modal-head .hb-whatsapp-logo{width:24px;height:24px;flex-basis:24px}
#hb-support-form>.small-note{margin:0 0 4px;line-height:1.5}
@media(max-width:650px){#modal:has(#hb-support-form)>.modal-head{padding:13px 12px;gap:8px}#modal:has(#hb-support-form)>.modal-head h2{font-size:20px}}

/* Confirmation illustration: overlapping badge, no background disc. */
.hero .art-circle{display:none}
.hero .art-card{transform:rotate(-6deg)}
.hero .art-check{width:68px;height:68px;box-sizing:border-box;left:132px;right:auto;bottom:-2px;border-radius:19px;border:5px solid #fff;transform:rotate(8deg);background:#c12569;box-shadow:0 7px 18px #24103926;z-index:2}
.hero .art-check svg{width:36px;height:36px;stroke-width:2.4}

#modal:has(#hb-support-form){padding:0;scrollbar-width:none;border:0!important;outline:none}
#modal:has(#hb-support-form)::-webkit-scrollbar{display:none}
#modal:has(#hb-support-form)>.modal-head{border-radius:0;margin:0;padding:20px 27px}
#modal>#hb-support-form{padding:18px 27px 27px;box-sizing:border-box}
#modal:has(#hb-support-form)>.modal-head>.icon-btn{background:transparent!important;color:#fff!important;border:0;box-shadow:none;border-radius:10px}
#modal:has(#hb-support-form)>.modal-head>.icon-btn:hover{background:#25232c!important;color:#fff!important}
@media(max-width:650px){#modal:has(#hb-support-form)>.modal-head{padding:16px 18px}#modal>#hb-support-form{padding:16px 18px 22px}}

.hb-specialist-grid.hb-team-grid .hb-person-identity::before{background:#192c4b!important}

/* A collapsed mail dock leaves only its restore control above the list. */
#app .hb-mailbox:has(.hb-mailbox-sticky.hb-tools-collapsed){background:transparent!important;border:0!important;outline:0;box-shadow:none!important;overflow:visible}
#app .hb-mailbox-messages:has(>.hb-mailbox-sticky.hb-tools-collapsed){background:transparent!important;border:0!important;box-shadow:none!important}
#app .hb-mailbox-sticky.hb-tools-collapsed{background:transparent!important;border:0!important;box-shadow:none!important}
#app .hb-mailbox-sticky.hb-tools-collapsed::before,#app .hb-mailbox-sticky.hb-tools-collapsed::after{display:none}
#app .hb-mailbox-sticky.hb-tools-collapsed~.hb-mailbox-toolbar{border:1px solid #dcdfe3}
#app .hb-mailbox-sticky.hb-tools-collapsed~[data-mailbox-list]{background:#fff;border:1px solid #dcdfe3;border-top:0;border-radius:0 0 14px 14px;overflow:clip}

#app .hb-mailbox-sticky.hb-tools-collapsed>.hb-tools-toggle{border:0!important;box-shadow:none!important}
#app .hb-collapsible-tools>.hb-tools-toggle:is(:hover,:active){background:var(--hb-button-soft)!important;color:#25252b!important;border-radius:9px;box-shadow:none!important;border-color:var(--hb-button-soft-border)}

/* Single-icon actions share an exact visual center. */
.hb-mail-attachment-download,.icon-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box;gap:0;line-height:0}
.hb-mail-attachment-download{padding:0!important}
.hb-mail-attachment-download>svg,.icon-btn>svg{display:block;position:static;flex-shrink:0;margin:0!important;align-self:center}
.hb-mail-attachment-download>svg{width:20px;height:20px}

.hb-exp-dashboard .hb-dash-header{background:#f0f0f2;color:#25252b}
.hb-exp-dashboard .hb-dash-header h3,.hb-exp-dashboard .hb-dash-config{color:#25252b}
.hb-exp-dashboard .hb-dash-config:hover{background:#dedee3;color:#19191c}
.hb-dash-back{background:#f5f5f6;border-radius:0 0 10px 10px;padding:20px;gap:16px}
.hb-exp-line{min-width:0;width:100%}.hb-exp-line>svg{display:block;width:100%;height:230px;max-height:230px;overflow:visible}
.hb-exp-line text{font-family:inherit;font-size:12px;fill:#62626b}.hb-chart-tip{visibility:hidden;pointer-events:none}.hb-chart-tip text{fill:white;font-weight:700;font-size:12px}
.hb-chart-point:hover .hb-chart-tip,.hb-chart-point:focus .hb-chart-tip{visibility:visible}
.hb-exp-bars i>b{height:100%;min-height:8px;max-width:100%}

.hb-exp-bars .hb-exp-bar{display:block;width:100%;height:18px;border-radius:999px;overflow:hidden;stroke:none}
.hb-exp-bar rect{stroke:none!important;stroke-width:0!important}
.hb-exp-bar rect:last-child{transform-box:fill-box;transform-origin:left center;animation:hb-chart-fill .55s cubic-bezier(.2,.7,.3,1) both}
@keyframes hb-chart-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.hb-exp-line svg{stroke:none;stroke-width:0}
.hb-exp-line :is(text,circle,rect,polygon){stroke:none!important;stroke-width:0!important}
.hb-exp-line text{font-size:10px!important;font-weight:400!important;fill:#777780!important}
.hb-exp-line .hb-chart-tip text{fill:#fff!important;font-size:11px!important;font-weight:600!important}
.hb-exp-line .hb-chart-point{outline:none}
.hb-exp-line polyline{stroke-width:3.5}
@media(prefers-reduced-motion:reduce){.hb-exp-bar rect:last-child{animation:none}}

.hb-exp-line :is(line,path){stroke-width:1}

.hb-exp-bars .hb-exp-bar rect:first-child{fill:#eeeeF1!important}
.hb-exp-bars .hb-exp-bar rect:last-child{fill:#e51e59!important}

@media(hover:hover){#app .hb-space-card:hover,#app .hb-business-card:hover{box-shadow:0 12px 28px rgba(42,28,64,.12)!important;transform:translateY(-3px)}}
.hb-dash-change{font-size:36px!important;font-weight:750!important;color:#e51e59!important;line-height:1.2}
.hb-dash-comparison{display:grid;gap:12px;padding:10px 0;text-align:center;justify-items:center}.hb-dash-comparison p{font-size:13px;color:#666}
.hb-finance-chart .hb-dash-card[data-dash-id="trend"]{grid-column:1/-1}
.hb-finance-chart .hb-dash-card[data-dash-id="trend"] .hb-dash-header{background:#f0f0f2}.hb-finance-chart .hb-dash-card[data-dash-id="trend"] :is(.hb-dash-header h3,.hb-dash-config){color:#25252b}

.hb-exp-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:20px}
.hb-exp-kpi-value{border:0;background:none;color:inherit;font-family:inherit;font-size:26px;font-weight:700;line-height:1.2;padding:0;text-align:left;cursor:pointer}
.hb-dash-compare-option{display:flex;align-items:center;gap:12px;font-weight:600}
.hb-dash-compare-option input{flex:none;width:20px;height:20px;accent-color:var(--hb-blue)}
[data-comparison-front] .hb-dash-comparison{margin-top:12px;display:grid;gap:4px}
[data-comparison-front] .hb-dash-change{font-size:30px;line-height:1.1}
[data-comparison-front] p{margin:0;font-size:12px}
[data-comparison-front] small{font-size:12px;line-height:1.4}
.hero .art-check{background:#d93b69!important}
@media(max-width:800px){.hb-exp-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:400px){.hb-exp-kpi-grid{gap:10px}.hb-exp-kpi-grid .hb-dash-front{padding:12px}}
.hb-exp-kpi-grid .hb-dash-back{color:#25252b}
.hb-finance-chart-item [data-comparison-front] .hb-dash-change{color:#e51e59}

.hero .art-head i{background:#c8c9ce}

.hb-service-lifecycle{margin-top:auto;padding:12px 16px;gap:10px;display:flex;flex-wrap:wrap}.hb-service-lifecycle .btn{box-sizing:border-box;min-width:0;max-width:100%;flex:1 1 auto;justify-content:center;padding:10px 14px;white-space:normal;overflow-wrap:anywhere;height:auto;min-height:44px;line-height:1.4}.hb-service-lifecycle .btn>svg{flex-shrink:0}

.hb-service-count{font-weight:700;font-variant-numeric:proportional-nums;margin-inline-start:6px}

.hb-admin-business-thumb{width:64px;height:64px;object-fit:cover;border-radius:12px;flex-shrink:0}.hb-admin-specialist-group{padding:16px}.hb-admin-specialist-group>h3{margin:0 0 12px}.hb-admin-service-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 0}.hb-admin-service-row>strong{flex:1;min-width:140px;overflow-wrap:anywhere}.hb-admin-result-actions{flex-wrap:wrap;gap:10px}.hb-business-actions [data-business^="manage:"]{width:auto;gap:6px;padding:6px 8px}

.hb-business-actions{gap:12px;flex-wrap:wrap}.hb-admin-result-copy{min-width:0}.hb-admin-result-copy h3,.hb-admin-result-copy p{overflow-wrap:anywhere}

.hb-admin-service-row>.detail-actions{display:flex;flex-wrap:nowrap;gap:10px}.hb-admin-service-row>.detail-actions .btn{white-space:nowrap;padding-inline:10px}

/* Targeted card icons only; retain all other original colors. */
.person-card .hb-icon-archive,
.person-card .hb-icon-chair,
.person-card .hb-icon-invite,
.person-card [data-action^="specialistAddService:"] .hb-icon-plus,
.person-card [data-hb-action^="specialistAddService:"] .hb-icon-plus,
.person-card [data-action="addService"] .hb-icon-plus{color:#8396b3}
.hb-icon-trash:not(.hb-guide-head .hb-icon-trash),
[data-business^="delete:"] svg,
[data-action^="serviceRemove:"] svg,
[data-action^="deleteService:"] svg,
[data-action^="personLife:"][data-action$=":delete"] svg,
[data-hb-action^="adminServiceLife:"][data-hb-action$=":delete"] svg,
[data-hb-action^="adminPersonLife:"][data-hb-action$=":delete"] svg,
[data-hb-action^="adminBusinessLife:"][data-hb-action$=":delete"] svg{color:var(--hb-brand,#e51e59)!important}

/* Equal chart headers, independent of the optional settings control. */
.hb-exp-dashboard .hb-dash-header,.hb-finance-chart .hb-dash-card[data-dash-id="trend"] .hb-dash-header{box-sizing:border-box;height:56px;min-height:56px;padding:10px 16px;flex-shrink:0}
.hb-exp-dashboard .hb-dash-header h3,.hb-finance-chart .hb-dash-card[data-dash-id="trend"] .hb-dash-header h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.3}

/* Compact expense totals and non-interactive empty summary cards. */
.hb-exp-detail .hb-exp-kpis{gap:10px}
.hb-exp-detail .hb-exp-kpis>div{padding:14px 12px;gap:8px}
.hb-exp-detail .hb-exp-kpis strong{font-size:clamp(14px,1.3vw,19px);white-space:nowrap;overflow-wrap:normal;letter-spacing:-.35px}
.hb-specialist-places.is-closed span{color:#62636c;font-weight:700}
.hb-guide-head .hb-icon-trash{color:inherit!important}
.hb-visit-summary button:disabled{opacity:1;cursor:default;transform:none;box-shadow:none}

/* Invoice totals share the same weight and contrast in both document types. */
.hb-invoice-sheet:is(.theme-navy,.theme-light){--invoice-accent:#241644}
.hb-invoice-sheet:is(.theme-navy,.theme-light).is-credit{--invoice-accent:#e51e59}
.hb-invoice-sheet .hb-invoice-top-total,.hb-invoice-sheet .hb-invoice-summary .total{background:var(--invoice-accent);color:#fff;font-weight:700}
.hb-invoice-sheet .hb-invoice-top-total :is(strong,span),.hb-invoice-sheet .hb-invoice-summary .total strong{color:#fff!important;font-weight:700!important}
.hb-invoice-sheet .hb-invoice-summary strong,.hb-invoice-sheet td strong{font-weight:700!important}
.panel :is(h2,h3),.hb-person-title h3,.hb-service-title h4,.hb-finance-row strong,.hb-invoice-register-list strong{font-weight:700}

/* Empty upload preview stays readable inside the compact banner editor. */
.hb-ad-row .hb-upload-preview:not(:has(img)){box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:110px;min-width:0;min-height:90px;padding:10px;border:1px dashed #d4d4da;border-radius:12px}
.hb-ad-row .hb-upload-preview>.muted{display:block;width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere;text-align:center;font-size:12px;line-height:1.4;color:#e51e59}

/* Editing pencils keep a neutral colour throughout the interface. */
.hb-person-edit svg,.hb-icon-edit,.hb-icon-pencil,
[data-action^="edit"] svg,[data-hb-action^="edit"] svg,[data-business^="edit:"] svg{color:#62636c!important}
:is(.hb-person-edit,[data-action^="edit"],[data-hb-action^="edit"],[data-business^="edit:"]):hover svg{color:#19191c!important}

/* Consistent alignment for data tables and expense totals. */
table:not([role="presentation"]) th{text-align:center!important}
table:not([role="presentation"]) td{text-align:left!important}
.hb-exp-detail .hb-exp-kpis>div>span{display:block;width:100%;text-align:center}
.hb-exp-detail .hb-exp-kpis>div>strong{display:block;width:100%;text-align:right;font-variant-numeric:proportional-nums}

/* Balanced expense detail content; numerical cells retain right alignment. */
.hb-exp-detail{width:100%;min-width:0;margin-inline:auto}
.hb-exp-detail>h2,.hb-exp-detail>h3,.hb-exp-detail>p{text-align:center;overflow-wrap:anywhere}
.hb-exp-detail>.hb-guest-actions{justify-content:center;gap:10px;flex-wrap:wrap}
.modal:has(.hb-exp-detail) .modal-head h2{flex:1;text-align:center}

.hb-admin-services>.small-note{margin:0 0 16px}.hb-admin-services>.detail-actions{margin-bottom:20px;gap:10px;flex-wrap:wrap}.hb-admin-specialist-group>h3,.hb-admin-people article>h3{margin:0 0 10px}.hb-admin-specialist-group>.detail-actions{margin:0 0 16px;gap:10px;flex-wrap:wrap}.hb-admin-people article>p{margin:0 0 16px}.hb-admin-people .detail-actions{gap:10px;flex-wrap:wrap}.hb-admin-service-row{gap:12px;padding-block:10px}.hb-admin-services>.form,.hb-admin-people{gap:18px}

/* Centre wrapped appointment actions within equal side margins. */
.hb-booking-detail>.detail-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;width:100%;gap:12px;margin-inline:auto}
.hb-booking-detail>.detail-actions>button{max-width:100%;margin-inline:0}

/* Monetary values align to the right edge of their own cell. */
.hb-invoice-sheet td.numeric :is(strong,small),
.hb-invoice-sheet .hb-invoice-summary strong,
.hb-invoice-sheet .hb-invoice-top-total strong,
.hb-exp-detail .hb-exp-kpis>div>strong,
.hb-exp-aging>strong,.hb-finance-row>strong{display:block;text-align:right!important;font-variant-numeric:proportional-nums}
.hb-invoice-sheet .hb-invoice-summary strong,.hb-invoice-sheet .hb-invoice-top-total strong{margin-left:auto}
table:not([role="presentation"]) td:is(.money,.numeric,[data-numeric]){text-align:right!important;font-variant-numeric:proportional-nums}

@media(hover:hover){
#app .hb-context-workspace :is(.hb-context-actions,.jd-photo-actions) button:first-child:hover{background:#e51e59!important;box-shadow:0 3px 10px rgba(229,30,89,.16);transform:translateY(-1px)}
#app .hb-context-workspace :is(.hb-context-actions,.jd-photo-actions) button:last-child:hover{background:var(--hb-button-soft)!important;color:#19191c!important;border-color:#d6d7dc!important;box-shadow:0 3px 10px rgba(25,25,28,.07);transform:translateY(-1px);border-color:var(--hb-button-soft-border)}
}
#app .hb-context-workspace :is(.hb-context-actions,.jd-photo-actions) button{border-radius:8px!important;transition:background-color .15s,box-shadow .15s,transform .15s}
@media(prefers-reduced-motion:reduce){#app .hb-context-workspace :is(.hb-context-actions,.jd-photo-actions) button{transition:none;transform:none!important}}

/* Summary monetary cells use the same right alignment as financial tables. */
.hb-finance-chart-item .hb-dash-front>strong,
.hb-exp-kpi-value,.hb-exp-kpi-value>strong,
.money-stats>.stat>strong,
[data-billing-panel="bookings"] .stats>.stat>strong{display:block;width:100%;box-sizing:border-box;text-align:right!important;font-variant-numeric:proportional-nums}
.hb-exp-kpi-value{justify-content:flex-end!important}

/* Shared alignment across collection summaries, invoice registers and expense rows. */
.hb-collection-grid>div>strong,.hb-billing-totals>div>strong,
.hb-invoice-register-list>article>div:nth-child(2)>strong,
.hb-exp-row>span:nth-child(3),.hb-exp-row>span:nth-child(3)>strong,
.hb-exp-bars button>span>strong{display:block;text-align:right!important;font-variant-numeric:proportional-nums}
.hb-collection-grid>div>strong,.hb-billing-totals>div>strong{width:100%;box-sizing:border-box}


.hb-directory-title{display:block;max-width:100%;min-width:0;white-space:normal;overflow-wrap:normal}
.hb-directory-title-end{display:inline-flex;align-items:center;gap:.22em;white-space:nowrap;vertical-align:baseline}
.heading:has(.hb-directory-title)>div{min-width:0;max-width:100%}
.hb-directory-poster-open{display:inline-flex;align-items:center;justify-content:center;flex:0 0 1em;width:1em;height:1em;padding:0;font-size:inherit;border:0;border-radius:10px;background:transparent;color:var(--hb-brand,#e51e59);cursor:pointer}
.hb-directory-poster-open svg{width:1em;height:1em;display:block}
@media(hover:hover){.hb-directory-poster-open:hover{background:#fff;box-shadow:0 3px 12px #19191c12}}
.hb-directory-poster-open:focus-visible{outline:2px solid currentColor;outline-offset:3px}
#modal:has(.hb-domain-poster){width:min(850px,calc(100vw - 28px));max-width:850px}
/* Alternating brand red and dark navy for the live domain catalog. */
.hb-domain-poster{padding:12px 0 20px;min-width:0}
.hb-domain-poster>button{display:block;width:100%;min-width:0;margin:0;padding:3px 2px;border:0;border-radius:8px;background:transparent;box-shadow:none;font-family:inherit;font-size:clamp(23px,6.7vw,76px);font-weight:900;letter-spacing:-.055em;line-height:.94;text-transform:uppercase;text-align:left;overflow-wrap:anywhere;cursor:pointer;color:var(--domain-ink);-webkit-tap-highlight-color:transparent}
/* Preserve the full-width text box and end-glyph spacing. */
.hb-domain-poster>button:nth-child(odd){--domain-ink:var(--hb-brand,#e51e59)}
.hb-domain-poster>button:nth-child(even){--domain-ink:var(--hb-navy,#19191c)}
.hb-domain-poster>button>span{display:block;box-sizing:border-box;width:100%;padding-inline:.08em;padding-block:.04em;line-height:1.02}
@media(hover:hover){.hb-domain-poster>button:hover{background:var(--hb-button-soft);border-color:var(--hb-button-soft-border)}}
.hb-domain-poster>button:focus-visible{outline:2px solid var(--domain-ink);outline-offset:1px}
.hb-domain-poster>button[aria-pressed=true]{background:var(--hb-button-soft);border-color:var(--hb-button-soft-border)}
@media(max-width:650px){.hb-domain-poster>button{min-height:44px;font-size:clamp(25px,7.5vw,48px);line-height:1.02;padding:4px 2px}}
@media(forced-colors:active){.hb-domain-poster>button>span{background:none;color:ButtonText;-webkit-text-fill-color:ButtonText}}

#modal:has(.hb-domain-poster) .modal-head h2{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#modal:has(.hb-domain-poster) .modal-head{justify-content:flex-end}



/* v0.3.408 — let layout containers shrink without clipping page content. */
#app,.shell,.main,.content,.public,.hb-navigation-dock{min-width:0;max-width:100%}
:is(.form-grid,.detail-grid,.stats,.two-col,.settings-grid,.card-grid) > *,
.panel,.field,.table-wrap,.hb-invoice-table-scroll{min-width:0}
.table-wrap,.hb-invoice-table-scroll{max-width:100%;overscroll-behavior-x:contain}

/* Keep the existing compact menu; allow its account controls to wrap if needed. */
#app .hb-navigation-dock.is-compact-nav > :is(header,.panel-head),
#app .hb-navigation-dock.is-compact-nav .top-right{min-width:0;max-width:100%;flex-wrap:wrap}
#app .hb-navigation-dock.is-compact-nav .hb-header-brand{min-width:0;max-width:100%}
#app .hb-navigation-dock.is-compact-nav .hb-header-brand .brand{min-width:0;max-width:100%;overflow-wrap:anywhere}
#app .hb-navigation-dock.is-compact-nav .hb-header-brand .brand > span{min-width:0}
#app .hb-navigation-dock.is-compact-nav > .hb-community-nav{max-width:calc(100% - 24px)}

@media screen and (max-width:650px){
 .heading > *, .panel-head > *, .modal-head > h2{min-width:0;max-width:100%}
 .panel-head{flex-wrap:wrap}
 .heading :is(h1,p),.panel-head :is(h2,h3),.modal-head h2,
 .field > span,.field small{overflow-wrap:anywhere}
 .modal-head{gap:12px}
 .modal-head > .icon-btn{flex-shrink:0}
 .field :is(input,select,textarea),.day-controls > *,
 .day-controls .hb-date-button,.hb-category-filter{min-width:0;max-width:100%}
 .day-controls .hb-date-button{white-space:normal}
 .form-actions > .btn,.detail-actions > .btn,.heading > .btn{max-width:100%;white-space:normal;overflow-wrap:anywhere}
 .hb-admin-service-row > .detail-actions{min-width:0;max-width:100%;flex-wrap:wrap}
 .hb-admin-service-row > .detail-actions .btn{white-space:normal}
 .hb-service-lifecycle{flex-wrap:wrap}
 .hb-service-lifecycle .btn{white-space:normal;overflow-wrap:anywhere}
 /* A wide invoice scrolls inside its own frame, retaining every column. */
 .hb-invoice-sheet:is(.theme-navy,.theme-light) .hb-invoice-table-scroll{overflow-x:auto}
}

/* v0.3.409 — sticky tools follow the navbar's single scroll state.
   Keep their layout space to avoid scroll jumps. Retained control focus must not pin a bar after selecting a filter; only an open popup delays hiding. */
@media screen{
 #app .hb-collapsible-tools{
  top:var(--hb-search-dock-top,72px);
  transform:translateY(0);
  visibility:visible;
  transition:transform .2s ease,visibility 0s;
 }
 #app:has(> .hb-navigation-dock.is-hidden) .hb-collapsible-tools.hb-tools-at-top:not(:has([aria-expanded="true"])){
  transform:translateY(calc(-100% - var(--hb-search-dock-top,72px) - 12px));
  visibility:hidden;
  pointer-events:none;
  transition:transform .2s ease,visibility 0s .2s;
 }
}
@media screen and (prefers-reduced-motion:reduce){
 #app .hb-collapsible-tools,
 #app:has(> .hb-navigation-dock.is-hidden) .hb-collapsible-tools.hb-tools-at-top:not(:has([aria-expanded="true"])){transition:none}
}

/* v0.3.410 — narrow layouts wrap before labels or actions can overlap. */
@media(max-width:650px){
 #app > .hb-mobile-bottom{
  flex-wrap:wrap;justify-content:center;gap:4px;
  max-width:100%;max-height:45dvh;overflow-y:auto;
  padding-inline:8px;
 }
 #app > .hb-mobile-bottom > button{
  flex:1 1 58px;min-width:0;max-width:100%;height:auto;
  padding:6px 3px!important;
 }
 #app > .hb-mobile-bottom > button > :is(span,.hb-nav-label){
  display:block;max-width:100%!important;min-width:0;
  white-space:normal!important;overflow-wrap:anywhere;
  overflow:visible!important;text-overflow:clip!important;
  font-size:10px!important;line-height:1.25;letter-spacing:normal;
 }
 #app:has(> .hb-mobile-bottom),#app.hb-with-sidebar{
  padding-bottom:calc(var(--hb-bottom-nav-height,76px) + 12px);
 }
 .hb-context-workspace{padding-bottom:calc(var(--hb-bottom-nav-height,76px) + 12px)}
 .hb-quick-booking:not([hidden]){bottom:calc(var(--hb-bottom-nav-height,76px) + 8px);max-width:calc(100% - 32px);white-space:normal}
 .hb-space-card .hb-space-actions{flex-wrap:wrap;gap:10px 16px}
 .hb-space-actions .hb-card-link{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
 .hb-space-copy :is(h2,.hb-card-owner),.hb-space-location > div{min-width:0;overflow-wrap:anywhere}
 .hb-space-location{min-width:0}
 .hb-space-category{max-width:calc(100% - 24px);white-space:normal;overflow-wrap:anywhere}
 .hb-guide-head > div:nth-child(2){overflow-wrap:anywhere}
 .hb-guide-head button{flex-shrink:0}
 .hb-guide-suggestions,.hb-guide-suggestions button,.hb-guide-action{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:360px){
 #app.hb-with-sidebar > .public,.content,.public{padding-left:10px;padding-right:10px}
 .heading h1,.public:has(#hb-directory-results) > .heading h1{font-size:clamp(20px,8vw,28px);line-height:1.15}
 .hb-directory-title-end{max-width:100%;font-size:clamp(16px,8vw,28px)}
 .hb-space-card .hb-space-copy{padding:12px}
 #hb-directory-results .hb-space-card > .hb-space-actions{padding:10px 12px;gap:10px}
 .hb-space-copy:has(.hb-workspace-like) > h2{padding-right:38px}
 .hb-guide-head{display:grid;grid-template-columns:32px minmax(0,1fr) 32px 32px;gap:6px;padding:10px}
 .hb-guide-emblem,.hb-guide-emblem .hb-guide-brand{width:32px;height:32px}
 .hb-guide-log{padding:10px 8px}
 .hb-guide-compose{padding:0 8px 10px;gap:6px}
 .hb-finance-toolbar > .field{min-width:0;flex-basis:100%}
 .hb-finance-line,.detail-grid,.hb-activity-tools{grid-template-columns:minmax(0,1fr)}
 .hb-admin-service-row > strong{min-width:0}
 .hb-service-lifecycle .btn{flex-basis:100%}
}
@media(max-width:280px){
 .hb-guide-head{grid-template-columns:32px minmax(0,1fr) 32px}
 .hb-guide-head > div:nth-child(2){grid-column:2 / -1}
 .hb-guide-head [data-guide-reset]{grid-column:2;justify-self:end}
 .hb-guide-head [data-guide-close]{grid-column:3}
 .hb-guide-compose{flex-wrap:wrap}
 .hb-guide-compose textarea{flex-basis:100%;width:100%}
 .hb-guide-compose button{margin-left:auto}
 .hb-smart-guide{left:6px;right:6px}
 .hb-search-dock.hb-live-search,.hb-search-dock.hb-business-filters{flex-wrap:wrap;padding:8px}
 .hb-search-dock > .field:has(input[type=search]){flex-basis:100%}
 .hb-search-filter-button{margin-left:auto}
 .hb-space-actions .hb-card-link{flex-basis:100%}
 .panel{padding:12px}
 .stats,.form-grid,.hb-exp-kpi-grid{grid-template-columns:minmax(0,1fr)}
}

/* v0.3.411 — the account menu must end above every row of the bottom rail. */
#app .hb-navigation-dock.is-compact-nav > .hb-community-nav{
 max-height:max(0px,calc(100dvh - var(--hb-search-dock-top,72px) - var(--hb-bottom-nav-height,0px) - 18px));
 min-height:0;overflow-y:auto;overscroll-behavior-y:contain;
 grid-auto-rows:max-content;align-content:start;
 scroll-padding-block:10px;
}
/* Override the generic centered icon-button rule only for the sidebar logout. */
@media(min-width:651px){
 #app.hb-sidebar-compact > .sidebar .user [data-action="logout"]{
  justify-content:flex-start!important;
  margin:0;justify-self:start;padding:12px 18px;
 }
}

/* v0.3.413 — My businesses uses the same content block as Discover. */
#hb-business-results .hb-business-card > .hb-space-copy{margin:0}
#hb-business-results .hb-space-copy > *{margin-bottom:0}
#hb-business-results .hb-space-copy > h2{margin-top:0}
#hb-business-results .hb-space-copy > * + *{margin-top:9px}
#hb-business-results .hb-space-copy > h2 + .hb-card-owner{margin-top:5px}

/* v0.3.414 — readable public details at phone widths, without nested narrow boxes. */
@media(max-width:650px){
 #app.hb-with-sidebar > .public.hb-space-details{padding-inline:12px}
 .hb-space-details .hb-space-about{min-width:0;padding:16px 12px}
 .hb-space-details .hb-space-information > *{min-width:0;max-width:100%}
 .hb-space-details .hb-space-information h2{overflow-wrap:anywhere}
 .hb-space-details .hb-public-booking{min-width:0;max-width:100%;padding:14px 12px}
 .hb-space-details .hb-booking-head{min-width:0;padding:0;border:0;background:transparent;box-shadow:none}
 .hb-space-details .hb-booking-head h2{font-size:clamp(22px,6vw,28px);line-height:1.2;overflow-wrap:anywhere;letter-spacing:-.02em}
 .hb-space-details .hb-booking-head p{font-size:16px;line-height:1.5;overflow-wrap:anywhere}
}

/* v0.3.415 — shared responsive content rules. Keep document print layout separate. */
@media screen{
 :is(.hb-space-card,.hb-business-card) :is(h2,.hb-card-owner),
 .hb-person-title h3{
  white-space:normal;overflow:visible;text-overflow:clip;
  overflow-wrap:anywhere;height:auto;max-height:none;
 }
 .field,.form,.hb-select,.hb-upload,.hb-document,
 .hb-person-actions,.hb-business-actions{min-width:0;max-width:100%}
 .field :is(input,textarea,select){min-width:0;max-width:100%}
 .hb-select-trigger{min-width:0;height:auto}
 .hb-select-value{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
 .hb-document > a,.hb-mail-file-copy strong{white-space:normal;overflow-wrap:anywhere;text-overflow:clip}
 .table-wrap,.hb-invoice-table-scroll{min-width:0;max-width:100%}
 :is(.form-actions,.detail-actions,.hb-person-actions,.hb-business-actions){flex-wrap:wrap}
 :is(.form-actions,.detail-actions,.hb-person-actions,.hb-business-actions) > :is(button,a){
  min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;
 }
}
@media screen and (max-width:650px){
 :is(.content,.public,.onboarding,.panel,dialog) :is(h1,h2,h3,h4){overflow-wrap:anywhere}
 :is(.content,.public,.onboarding,.panel) > :is(form,section,article){min-width:0;max-width:100%}
 .hb-upload .field,.hb-invoice-presentation > .field,
 .hb-finance-toolbar > .field,.hb-search [data-specialty-field],
 .hb-person > div:not(.avatar){min-width:0;max-width:100%}
 .hb-person-actions > .btn,.hb-business-actions > .btn{height:auto;min-height:44px}
 .hb-mailbox-sticky{flex-wrap:wrap}
 .hb-mailbox-sticky .hb-mailbox-search{flex:1 1 180px;max-width:100%}
 .hb-mailbox-sticky .hb-mailbox-new{max-width:100%;white-space:normal;overflow-wrap:anywhere}
 .hb-mailbox-thread-head{flex-wrap:wrap}
 .hb-mailbox-thread-head > *{min-width:0;max-width:100%;overflow-wrap:anywhere}
 .hb-mail-attachment-copy,.hb-mail-attachment-copy strong{min-width:0;overflow-wrap:anywhere}
 .hb-invoice-top-total > :is(strong,span),.hb-exp-detail .hb-exp-kpis strong{
  white-space:normal;overflow-wrap:anywhere;
 }
 .hb-invoice-action-menu > div{min-width:0;width:240px;max-width:calc(100vw - 32px)}
 .hb-activity-row-head,.hb-activity-row-actions{flex-wrap:wrap}
 .hb-activity-row-head > *{min-width:0;overflow-wrap:anywhere}
 #toast{min-width:0;max-width:calc(100vw - 24px);overflow-wrap:anywhere}
 .hb-select-panel,.hb-calendar,.hb-time-panel{max-width:calc(100vw - 16px)}
 #app .hb-context-workspace :is(.jd-photo-actions,.hb-context-actions) button{
  max-width:100%;white-space:normal;overflow-wrap:anywhere;
 }
 .hb-activity-tools{grid-template-columns:minmax(0,1fr)}
}
@media screen and (max-width:360px){
 .form-grid,.detail-grid,.hb-invoice-line,.hb-finance-line,
 .hb-place-controls,.hb-resource-assignment,.hb-exp-row{
  grid-template-columns:minmax(0,1fr);
 }
 .hb-invoice-line > *,.hb-finance-line > *{grid-column:1}
 .hb-mail-files,.hb-visit-summary,.hb-visit-timeline{grid-template-columns:minmax(0,1fr)}
 .hb-auth-card,.onboarding,.hb-invoice-section{padding:14px 12px}
 .hb-public-facts section{padding:16px 12px;min-width:0;overflow-wrap:anywhere}
 .hb-person-facts{flex-wrap:wrap;min-width:0}
 .hb-person-facts > *{min-width:0;max-width:100%;overflow-wrap:anywhere}
 .hb-invoice-action-menu > div{position:static;width:100%;max-width:100%;margin-top:6px}
 .hb-search-dock.hb-quick-list-tools,.hb-search-dock.hb-exp-toolbar,
 .hb-search-dock.hb-billing-filter{flex-wrap:wrap}
 .hb-search-dock.hb-quick-list-tools > .field,
 .hb-search-dock.hb-exp-toolbar > .field,
 .hb-search-dock.hb-billing-filter > .field{flex-basis:100%}
 .hb-quick-add{max-width:100%;white-space:normal}
}

/* Booking-page business name. */
.share-panel > strong{color:#8396b3;overflow-wrap:anywhere}

/* Setup actions share the platform's outlined button style. */
.hb-setup-actions{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:12px;min-width:0}
.hb-setup-actions > li{min-width:0}
.hb-setup-actions .btn{width:100%;max-width:100%;min-width:0;min-height:44px;height:auto;padding:10px 14px;justify-content:flex-start;text-align:left;white-space:normal;overflow-wrap:anywhere}


/* v0.3.417 — one responsive layout for page search bars. */
.hb-search-dock,.hb-finance-dock,.hb-mailbox-sticky{min-width:0;max-width:100%}
.hb-search-dock > *,.hb-finance-toolbar > *{min-width:0;max-width:100%}
@media screen and (max-width:650px){
 #app .hb-search-dock{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:10px;border-radius:0 0 10px 10px}
 #app .hb-search-dock > :is(.field,label):has(input[type="search"]){flex:1 1 160px;width:auto;min-width:0;margin:0}
 #app .hb-search-dock input[type="search"],#app .hb-mailbox-sticky input[type="search"],#app .hb-finance-dock input[type="search"]{width:100%;min-width:0;max-width:100%;font-size:16px;min-height:44px;height:auto}
 #app .hb-search-dock .hb-search-filter-button{flex:0 0 44px;width:44px;height:44px}
 #app .hb-search-dock .hb-quick-add,#app .hb-mailbox-sticky .hb-mailbox-new{flex:0 1 auto;max-width:100%;min-height:44px;font-size:14px;white-space:normal;overflow-wrap:anywhere}
 #app .hb-finance-toolbar{flex-wrap:wrap}
 #app .hb-finance-toolbar > .field{flex:1 1 180px;min-width:0;max-width:100%}
 #app .hb-search-dock .hb-search-status{display:block;flex-basis:100%;white-space:normal;overflow-wrap:anywhere}
 #app .hb-search-dock .hb-search-status:empty{display:none}
}
@media screen and (max-width:360px){
 #app .hb-search-dock .hb-quick-add,#app .hb-mailbox-sticky .hb-mailbox-new{flex-basis:100%;width:100%;justify-content:center}
 #app .hb-mailbox-sticky .hb-mailbox-search{flex-basis:100%}
}

/* v0.3.418 — agenda controls use the shared scroll behavior. */
.hb-agenda-dock{min-width:0;max-width:100%;box-sizing:border-box}
.hb-agenda-dock > h2{min-width:0;overflow-wrap:anywhere}
@media screen and (max-width:650px){
 .hb-agenda-dock{flex-wrap:wrap;padding:10px;gap:10px}
 .hb-agenda-dock > h2{width:100%;margin:0;font-size:18px;line-height:1.3}
 .hb-agenda-dock .day-controls{display:flex;flex-wrap:wrap;gap:8px;min-width:0;width:100%}
 .hb-agenda-dock .day-controls > :is(.hb-date-button,.hb-select){flex:1 1 170px;min-width:0;max-width:100%}
 .hb-agenda-dock :is(.hb-date-button,.hb-select-trigger){min-height:44px;height:auto;font-size:16px;white-space:normal}
 .hb-agenda-dock .hb-date-button > span:first-child{min-width:0;overflow-wrap:anywhere}
 .hb-agenda-dock .hb-date-button > span:last-child{flex-shrink:0}
}

/* Keep sidebar scrolling independent from the page. */
@media(min-width:651px){
 #app > .sidebar{overscroll-behavior-y:contain;overflow-y:auto;max-height:100dvh}
 #app > .sidebar > *{flex-shrink:0}
}
#app > .hb-mobile-bottom,.hb-navigation-dock > .hb-community-nav{overscroll-behavior:contain}

/* Application fields share the page width, with a compact first row. */
.hb-application-account{margin:0 0 24px;line-height:1.5;overflow-wrap:anywhere}
.hb-application-account > strong{color:#8396b3}
form[data-community="application"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}
form[data-community="application"] > *{grid-column:1 / -1;min-width:0}
form[data-community="application"] > .field:nth-child(-n+2){grid-column:auto}
@media(max-width:650px){
 form[data-community="application"]{grid-template-columns:minmax(0,1fr)}
 form[data-community="application"] > .form-grid{grid-template-columns:minmax(0,1fr)}
 .hb-application-account{margin-bottom:24px}
}

.hb-terms-box{margin-block:20px;padding:18px;border:1px solid var(--line);border-radius:12px;min-width:0;overflow-wrap:anywhere}
.hb-terms-box p{margin-block:12px}
.hb-terms-box .form-actions{flex-wrap:wrap;gap:12px}
.hb-terms-box .form-actions button{max-width:100%;white-space:normal}

.hb-vat-row{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:12px}.hb-vat-row>.field{flex:1 1 140px;min-width:0}.hb-vat-row>.btn{max-width:100%;white-space:normal}.hb-config-mail{margin-top:24px;overflow-wrap:anywhere}

.hb-price-breakdown{font-size:1rem;line-height:1.5;font-weight:600;overflow-wrap:anywhere}.hb-service-facts>div{min-width:0}.hb-service-facts strong,.hb-choice-text small{white-space:normal;overflow-wrap:anywhere}

/* Compact email-code action: keep the hover around its label. */
.hb-auth-links > .btn[data-hb-action="emailLogin"]{display:inline-flex;align-items:center;justify-content:center;justify-self:center;width:fit-content;max-width:100%;min-height:44px;padding:8px 14px;border:0;border-radius:10px;background:transparent;color:#141414;line-height:1.4;white-space:normal;overflow-wrap:anywhere;text-align:center;box-shadow:none;transform:none;transition:background-color .16s ease}
.hb-auth-links > .btn[data-hb-action="emailLogin"]:hover,.hb-auth-links > .btn[data-hb-action="emailLogin"]:focus-visible{background:var(--hb-button-soft);color:#141414;box-shadow:none;transform:none;border-color:var(--hb-button-soft-border)}
.hb-auth-links > .btn[data-hb-action="emailLogin"]:active{background:var(--hb-button-soft);border-color:var(--hb-button-soft-border)}
/* Reuse the sign-in calendar illustration on Today. */
.hb-today-hero .art-circle{display:block;background:#e5e5e7}
.hb-today-hero .art-card{transform:rotate(-9deg)}
.hb-today-hero .art-head i{background:#f4f4f5}
.hb-today-hero .art-check{width:48px;height:48px;box-sizing:content-box;left:auto;right:10px;bottom:4px;border-radius:15px;border:5px solid #f4f4f5;transform:rotate(10deg);background:#e51e59!important;box-shadow:none}
.hb-today-hero .art-check svg{width:23px;height:23px;stroke-width:2}
@media(prefers-reduced-motion:reduce){.hb-auth-links > .btn[data-hb-action="emailLogin"]{transition:none}}

/* Give decorative calendars their own fluid space on tablets and phones. */
@media(max-width:1000px){
 .auth-layout>*{min-width:0}
 .auth-story>div{min-width:0;max-width:100%}
 .auth-story h1,.auth-story p{overflow-wrap:anywhere}
 .hb-today-hero{flex-wrap:wrap;gap:20px}
 .hb-today-hero .hero-copy{flex:1 1 100%;min-width:0;max-width:100%}
 .auth-story .hero-art,.hb-today-hero .hero-art{display:block;position:relative;width:min(230px,100%);max-width:100%;height:auto;aspect-ratio:23/17;flex:none;margin:24px auto 8px;transform:none;opacity:1;pointer-events:none}
 .auth-story .hero-art .art-circle,.hb-today-hero .hero-art .art-circle{display:block;width:62%;height:auto;aspect-ratio:1;right:3%;top:5%;background:#e5e5e7}
 .auth-story .hero-art .art-card,.hb-today-hero .hero-art .art-card{box-sizing:border-box;width:70%;height:72%;left:5%;top:12%;padding:6%;transform:rotate(-9deg)}
 .auth-story .hero-art .art-head,.hb-today-hero .hero-art .art-head{margin-bottom:10%;gap:4%}
 .auth-story .hero-art .art-head i,.hb-today-hero .hero-art .art-head i{width:4%;height:auto;aspect-ratio:1}
 .auth-story .hero-art .art-grid,.hb-today-hero .hero-art .art-grid{height:65%;gap:8% 5%}
 .auth-story .hero-art .art-grid i,.hb-today-hero .hero-art .art-grid i{height:auto;min-height:0}
 .auth-story .hero-art .art-check,.hb-today-hero .hero-art .art-check{box-sizing:border-box;left:auto;right:5%;bottom:4%;width:25%;height:auto;aspect-ratio:1;border-width:4px;border-radius:27%;transform:rotate(10deg)}
 .auth-story .hero-art .art-check svg,.hb-today-hero .hero-art .art-check svg{width:55%;height:55%}
}
@media(max-width:650px){
 .auth-story .hero-art,.hb-today-hero .hero-art{width:min(190px,100%);margin:18px auto 6px}
 .hb-today-hero{gap:8px}
}

/* Finance sections stay in the page; retain the shared sidebar. */
.hb-finance-office .hb-finance-nav{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;margin-bottom:24px;padding:0;min-width:0}
.hb-finance-office .hb-finance-nav button{flex:0 1 auto;min-width:0;max-width:100%;white-space:normal;text-align:left}
.hb-finance-office .hb-finance-nav .hb-nav-label{white-space:normal;overflow-wrap:anywhere}
.hb-finance-office .hb-finance-nav button.active{background:var(--hb-button-soft);color:#19191c;border-color:var(--hb-button-soft-border)}

/* Lower the Today background circle behind the calendar, as in the login reference. */
.hb-today-hero .hero-art .art-circle{top:20px}
@media(max-width:1000px){.hb-today-hero .hero-art .art-circle{top:12%}}

/* Collaboration cards and local form errors */
.hb-application-business{display:flex;align-items:center;gap:18px;color:inherit;text-decoration:none;margin-bottom:20px;min-width:0}
.hb-application-business>span:last-child{display:grid;gap:7px;min-width:0;overflow-wrap:anywhere}
.hb-application-business strong{font-size:1.15rem}.hb-application-business small{color:#606571}
.hb-application-cover{width:108px;height:92px;object-fit:cover;border-radius:16px;flex:0 0 108px}
.hb-business-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#e8edff,#f4e8ff);color:#6353bb}.hb-business-placeholder svg{width:40px;height:40px}
.hb-collaboration-card{min-width:0}.hb-collaboration-card .detail-actions,.hb-business-actions{flex-wrap:wrap}
.hb-field-error{display:block;color:#e51e59;font-size:.85rem;margin-top:6px}[aria-invalid=true]{border-color:#e51e59!important;box-shadow:0 0 0 1px #e51e59!important}
@media(max-width:500px){.hb-application-cover{width:80px;height:80px;flex-basis:80px}.hb-application-business{gap:12px}.hb-collaboration-card .detail-actions{gap:8px}}

/* Role entry points: lists and filters belong to the selected role. */
.hb-business-portals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0 48px}
.hb-business-portal{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:16px;text-align:left;padding:32px 34px 48px;border:1px solid #e7e7ec;border-radius:22px;background:#fff;color:#19191c;font:inherit;cursor:pointer;min-width:0;box-shadow:0 8px 24px #19191c04;transition:transform .18s,border-color .18s}
.hb-business-portal strong{font-size:clamp(24px,3vw,34px);letter-spacing:-1px}.hb-business-portal>span:not(.hb-portal-symbol):not(.hb-portal-arrow){color:#666771;line-height:1.5;max-width:420px}.hb-business-portal small{color:#777882}
.hb-portal-symbol{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:#f0edff;color:#6650b8}.hb-portal-symbol svg{width:28px;height:28px}
.hb-business-portal[data-business-zone=specialist] .hb-portal-symbol{color:#168a83;background:#e8f6f2}.hb-portal-arrow{position:absolute;right:30px;bottom:24px;font-size:28px}
.hb-business-portal:focus-visible{outline:2px solid #6650b8;outline-offset:4px}@media(hover:hover){.hb-business-portal:hover{transform:translateY(-3px);border-color:#bbb5d5;background:#fff;color:#19191c}}
@media(max-width:650px){.hb-business-portals{grid-template-columns:1fr;gap:16px}.hb-business-portal{padding:24px 24px 42px}}
/* Destructive icons remain red on a neutral surface in every interaction state. */
:is([data-business^="delete:"],[data-action^="serviceRemove:"],[data-action^="deleteService:"],[data-action^="personLife:"][data-action$=":delete"],[data-hb-action^="adminServiceLife:"][data-hb-action$=":delete"],[data-hb-action^="adminPersonLife:"][data-hb-action$=":delete"],[data-hb-action^="adminBusinessLife:"][data-hb-action$=":delete"],.hb-ad-delete,.hb-domain-delete,button:has(>svg.hb-icon-trash)):not(.hb-guide-head button){background:#fff!important;background-image:none!important;color:#e51e59!important;border-color:#ececf0!important}
@media(hover:hover){:is([data-business^="delete:"],[data-action^="serviceRemove:"],[data-action^="deleteService:"],[data-action^="personLife:"][data-action$=":delete"],[data-hb-action^="adminServiceLife:"][data-hb-action$=":delete"],[data-hb-action^="adminPersonLife:"][data-hb-action$=":delete"],[data-hb-action^="adminBusinessLife:"][data-hb-action$=":delete"],.hb-ad-delete,.hb-domain-delete,button:has(>svg.hb-icon-trash)):not(.hb-guide-head button):hover{background:var(--hb-button-soft)!important;border-color:var(--hb-button-soft-border)}}

/* Direct role switch beneath the page heading. */
.hb-business-zone-intro{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;margin-bottom:22px}
.hb-business-zone-intro>.small-note{margin:0;min-width:0}
.hb-business-zone-switch{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;border:0;background:transparent;color:#8396b3;font:inherit;font-size:14px;font-weight:600;line-height:1.4;padding:8px 0;min-height:36px;cursor:pointer;box-shadow:none}
.hb-business-zone-switch,.hb-business-zone-switch:hover,.hb-business-zone-switch:focus-visible,.hb-business-zone-switch>span{text-decoration:none}
.hb-business-zone-switch:hover{color:#8396b3;background:transparent}
.hb-business-zone-switch:focus-visible{outline:2px solid #8396b3;outline-offset:4px;border-radius:4px}
@media(max-width:650px){.hb-business-zone-intro{gap:4px 16px}.hb-business-zone-switch{min-height:44px}}

/* Contextual empty states: one visual language throughout the application. */
.hb-empty-state,.empty,.hb-booking-empty,.hb-service-empty{background:#f7f7f8;border:1px solid #e8e8eb;border-radius:20px;min-height:250px;padding:40px 28px;gap:14px;text-align:center}
.hb-empty-state .hb-empty-icon,.hb-empty-state>svg,.empty-symbol{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#e51e59}
.hb-empty-state .hb-empty-icon svg,.hb-empty-state>svg{width:42px;height:42px;stroke-width:1.5}
.hb-empty-state h3{font-size:22px;line-height:1.3;font-weight:750;color:#19191c;margin:0}
.hb-empty-state p{max-width:100%;margin:0;color:#68686f;line-height:1.6;overflow-wrap:anywhere}
.hb-empty-actions{margin-top:6px;max-width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.hb-empty-actions .btn.secondary{background:#fff;border:1px solid #d9d9df;color:#19191c}
@media(max-width:650px){.hb-empty-state,.empty,.hb-booking-empty,.hb-service-empty{min-height:220px;padding:30px 20px;border-radius:16px}.hb-empty-state h3{font-size:20px}.hb-empty-actions .btn{white-space:normal}}

.hb-application-photo-item{position:relative;min-width:0}.hb-application-photo-item>.icon-btn{position:absolute;right:7px;top:7px;background:#fff;color:#e51e59;border-radius:50%;box-shadow:0 2px 8px #0002}.hb-application-summary section>small{font-weight:700;color:var(--ink)}[data-application-gallery-view]{width:100%;min-width:0}[data-application-gallery][data-busy=true] .hb-studio-picker{opacity:.6}

.hb-collaboration-unread{display:inline-flex!important;align-items:center;justify-content:center;flex-shrink:0;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#e51e59!important;color:#fff!important;font-size:12px!important;font-weight:750!important;line-height:1;vertical-align:middle;margin-left:7px;box-sizing:border-box}
.hb-business-portal,[data-notice-workspace],[data-notice-application]{position:relative}
.hb-business-portal>.hb-collaboration-unread,[data-notice-workspace]>.hb-collaboration-unread,[data-notice-application]>.hb-collaboration-unread{position:absolute;right:12px;top:12px;z-index:2;margin:0}
button.hb-collaboration-alert,button.hb-collaboration-alert:hover{background:#e51e59!important;color:#fff!important;border-color:#e51e59!important}
button.hb-collaboration-alert>.hb-collaboration-unread{border:1px solid #ffffff70}

.hb-navigation-dock .hb-community-nav .btn span.hb-collaboration-unread,.hb-mobile-bottom button span.hb-collaboration-unread{color:#fff!important;-webkit-text-fill-color:#fff!important}
#app .hb-navigation-dock .hb-community-nav>button>span.hb-collaboration-unread{flex:0 0 auto;min-width:22px;width:auto;height:22px;min-height:22px;padding:0 6px;line-height:1;white-space:nowrap;overflow-wrap:normal;text-align:center;align-self:center}
.hb-collaboration-proposal{margin:22px 0;padding:18px 20px;border:1px solid #f0c7d9;border-left:4px solid #e51e59;border-radius:12px;background:#fff6f7}
.hb-collaboration-proposal-title{display:block;margin-bottom:8px;color:#e51e59;font-size:16px;font-weight:750;line-height:1.4}
.hb-collaboration-proposal-rate{display:block;color:#e51e59;font-size:clamp(20px,4vw,24px);font-weight:800;line-height:1.35}

.hb-collaboration-decision>p{margin:0;color:#202024;font-size:18px;font-weight:700;line-height:1.55;text-align:left;overflow-wrap:anywhere}

.hb-application-actions{display:flex;align-items:stretch;gap:12px;margin:24px 0;flex-wrap:wrap}
.hb-application-actions>.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;min-width:180px;padding:12px 20px;border:1px solid #bfc0c8;border-radius:12px;background:#fff;color:#17171c;font-size:15px;font-weight:750;line-height:1.4;text-align:center;white-space:normal}
.hb-application-actions>.btn.hb-application-withdraw{color:#e51e59;border-color:#db8daf;background:#fff}
.hb-application-actions>.btn:hover{background:var(--hb-button-soft);border-color:#8b8c95;border-color:var(--hb-button-soft-border)}
.hb-application-actions>.btn.hb-application-withdraw:hover{background:#fff6f7;border-color:#e51e59}
.hb-application-actions>.btn:focus-visible{outline:3px solid #8396b3;outline-offset:3px}
@media(max-width:480px){.hb-application-actions{display:grid;grid-template-columns:minmax(0,1fr)}.hb-application-actions>.btn{width:100%;min-width:0}}

.hb-application-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:28px;align-items:start;margin:20px 0 32px}
.hb-application-profile,.hb-application-response{min-width:0}
.hb-application-profile{padding:20px 24px;border:1px solid var(--line);border-radius:18px;background:#fff}
.hb-application-profile>.hb-application-summary{margin:0;gap:12px}
.hb-application-response{display:flex;flex-direction:column;gap:18px}
.hb-application-response>.hb-collaboration-proposal,.hb-application-response>.hb-application-actions{margin:0}
.hb-collaboration-decision{padding:26px 24px;border:1px solid #e4e4eb;border-radius:18px;background:#f7f7f9;text-align:center}
.hb-decision-symbol{display:flex;justify-content:center;color:#e51e59;margin:0 0 12px}
.hb-decision-symbol>svg{width:32px;height:32px}
.hb-collaboration-decision>.hb-collaboration-proposal-title{color:#17171c;font-size:21px;margin-bottom:12px}
.hb-collaboration-decision>p{font-size:18px;line-height:1.6;text-align:center}
.hb-application-response .form-actions{display:flex;flex-wrap:wrap;gap:10px}
.hb-application-response .form-actions>.btn,.hb-application-response .hb-application-actions>.btn{flex:1 1 170px;min-width:0;min-height:48px;white-space:normal}
@media(max-width:800px){.hb-application-layout{grid-template-columns:minmax(0,1fr);gap:20px}.hb-application-response{grid-row:1}.hb-application-profile{padding:18px}.hb-collaboration-decision{padding:22px 18px}}
@media(max-width:480px){.hb-application-response .form-actions{display:grid;grid-template-columns:minmax(0,1fr)}.hb-application-response .form-actions>.btn{width:100%}}

#modal:has(.hb-application-admin){width:min(1100px,calc(100vw - 32px));max-width:calc(100vw - 32px);box-sizing:border-box}
.hb-application-admin .hb-application-response>form{padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff}
.hb-application-admin .hb-application-response>form .btn{min-height:48px;white-space:normal}
@media(max-width:650px){#modal:has(.hb-application-admin){padding:18px 14px;max-height:94dvh}.hb-application-admin .hb-application-response>form{padding:16px}}

.hb-collaboration-history{min-width:0;padding:18px;border:1px solid #e4e4eb;border-radius:18px;background:#f7f7f9}
.hb-collaboration-history>header{display:flex;align-items:center;gap:9px}.hb-collaboration-history>header>span{display:flex;color:#e51e59}.hb-collaboration-history>header svg{width:22px;height:22px}.hb-collaboration-history>header h3{margin:0;font-size:18px;line-height:1.3}.hb-collaboration-history>header>small{margin-left:auto;font-size:13px;font-weight:700;color:#64646e}
.hb-collaboration-history .hb-history-help{font-size:12px;line-height:1.5;color:#64646e;margin:7px 0 12px}
.hb-collaboration-history>ol{list-style:none;padding:0;margin:0;display:grid;gap:10px;max-height:none;overflow:visible;overscroll-behavior:auto}
.hb-history-entry{min-width:0;padding:12px 14px;background:#fff;border:1px solid #e7e7ec;border-radius:12px;overflow-wrap:anywhere}
.hb-history-meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 9px;font-size:13px}.hb-history-meta>strong{font-weight:750}.hb-history-meta>span{font-size:12px;color:#64646e}
.hb-history-event{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:5px;font-size:13px}.hb-history-rate{color:#e51e59;font-size:15px}
.hb-history-entry>p{font-size:15px;line-height:1.5;font-weight:500;margin:7px 0;text-align:left}.hb-history-entry>time,.hb-history-undated{display:block;margin-top:8px;font-size:12px;line-height:1.4;color:#666670;font-variant-numeric:proportional-nums}
@media(max-width:480px){.hb-collaboration-history{padding:14px}.hb-history-entry{padding:11px 12px}}

#modal:has(.hb-application-admin){overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y pinch-zoom}

.hb-collaboration-approved{font-size:13px;line-height:1.55;color:#555660;margin:10px 0;overflow-wrap:anywhere}.hb-collaboration-approved strong{color:#25252a}.hb-collaboration-approved time{font-variant-numeric:proportional-nums}

.hb-archive-filters{display:grid;grid-template-columns:2fr repeat(4,minmax(110px,1fr)) auto;gap:10px;align-items:end;margin:18px 0}.hb-archive-filters .field{min-width:0}.hb-archive-row{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:10px 0}.hb-archive-open{display:grid;grid-template-columns:140px minmax(0,1fr) auto;gap:14px;align-items:center;flex:1;min-width:0;border:0;background:transparent;text-align:left;padding:8px;border-radius:10px;color:inherit;cursor:pointer}.hb-archive-open:hover{background:#f5f5f8}.hb-archive-open time{font-size:13px}.hb-archive-open strong,.hb-archive-open small{display:block;overflow-wrap:anywhere}.hb-archive-open small{font-size:13px;color:#656571;margin-top:3px}.hb-archive-row>.btn{flex-shrink:0}.hb-archive-open:focus-visible{outline:2px solid #8396b3}@media(max-width:1000px){.hb-archive-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.hb-archive-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.hb-archive-row{flex-wrap:wrap;gap:4px}.hb-archive-open{grid-template-columns:minmax(0,1fr) auto;width:100%;flex-basis:100%}.hb-archive-open time{grid-column:1/-1}.hb-archive-row>.btn{margin-left:8px}.hb-archive-open .badge{font-size:12px}}

.person-card>.hb-service-lifecycle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;box-sizing:border-box;padding:12px 0;gap:10px}.person-card>.hb-service-lifecycle>.btn{width:100%;margin:0;min-width:0;padding:10px 14px}

.person-card>.hb-service-lifecycle{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 0}
.hb-service-lifecycle>.btn,.person-card>.hb-service-lifecycle>.btn{flex:0 0 auto;width:auto;max-width:100%;border:0!important;box-shadow:none!important;background:transparent!important;padding:8px 10px;min-height:40px;white-space:nowrap;overflow-wrap:normal;line-height:1.4}
.hb-service-lifecycle>.btn:hover,.person-card>.hb-service-lifecycle>.btn:hover{background:var(--hb-button-soft)!important;border-color:var(--hb-button-soft-border)}
.hb-service-lifecycle>.btn:focus-visible{outline:2px solid #8396b3;outline-offset:2px}
.hb-service-lifecycle>.btn[data-action$=":delete"],.hb-service-lifecycle>.btn[data-action^="serviceRemove:"]{color:#e51e59!important}

/* Accepted collaborations use the platform Apple blue. */
.badge.hb-state-accepted{color:#8396b3;font-weight:700}
.badge.hb-state-rejected{color:#e51e59;font-weight:700}

/* Consistent booking status emphasis in cards, history and details. */
.badge.confirmed{color:#8396b3;font-weight:700}
.badge.completed{font-weight:700}

.hb-confirm .hb-confirm-symbol svg.hb-confirm-booking{width:40px;height:40px;color:#e51e59;stroke-width:1.6}

/* Selected lifecycle and business filters. */
.btn[data-action^="teamTab:"][aria-pressed="true"],.btn[data-action^="serviceTab:"][aria-pressed="true"],.hb-business-tabs button[aria-pressed="true"]{background:#192d4b!important;color:#fff!important;border-color:#192d4b!important}
.btn[data-action^="teamTab:"][aria-pressed="true"] svg,.btn[data-action^="serviceTab:"][aria-pressed="true"] svg,.btn[data-action^="serviceTab:"][aria-pressed="true"] .hb-service-count{color:#fff!important}

/* Readable subscription filters in both modal and narrow layouts. */
.hb-register-filters{grid-template-columns:minmax(0,1fr);gap:10px}
.hb-register-filters>.field{min-width:0;margin:0}
.hb-register-search-help{margin:0 0 6px;overflow-wrap:anywhere}
.hb-register-pagination{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.hb-platform-register .panel-head>h3{min-width:0;overflow-wrap:anywhere}
.hb-platform-register .panel-head>[data-platform-refresh]{flex-shrink:0}
@media(max-width:650px){.hb-platform-register-row{gap:10px;flex-wrap:wrap}.hb-platform-register-row>span{min-width:0;overflow-wrap:anywhere}.hb-register-pagination>.btn{min-height:44px}}

.hb-account-plan{display:grid;gap:18px}
.hb-account-plan>p{margin:0;line-height:1.65}
#modal .hb-plan-actions{margin-top:28px;gap:12px}
@media(max-width:650px){#modal .hb-plan-actions>.btn{width:100%;justify-content:center;white-space:normal;line-height:1.5;padding:12px 16px}}

/* Finance dialogs: breathing room and validation below the file picker. */
.hb-export-history{margin-top:24px}
.hb-xml-field{display:grid;gap:10px;min-width:0}.hb-xml-field>label{min-height:64px;white-space:normal;justify-content:flex-start;padding:16px}.hb-xml-field .hb-field-error{line-height:1.5}

/* Client import preview uses the dialog's main scroll on desktop and mobile. */
.hb-client-import{min-width:0;gap:18px}.hb-client-import .small-note{margin:0;line-height:1.6}.hb-client-file{position:relative;min-height:72px;white-space:normal;gap:12px}.hb-client-file svg{width:26px;height:26px;flex-shrink:0}.hb-client-file input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.hb-client-file:focus-within{outline:2px solid #8396b3;outline-offset:3px}.hb-client-import [data-client-filename]{overflow-wrap:anywhere}.hb-client-import-counts{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.hb-client-import-counts strong{color:#8396b3}.hb-client-preview-list{display:grid;gap:12px;margin:18px 0}.hb-client-preview-row{min-width:0;border:1px solid #e7e8ec;border-radius:16px;padding:16px;overflow-wrap:anywhere}.hb-client-preview-row.has-error{border-color:#e51e59}.hb-client-preview-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.hb-client-preview-heading span{font-size:12px;color:#6b6b75}.hb-client-preview-row p{margin:8px 0}.hb-client-import-error{color:#e51e59}.hb-client-preview-row small{color:#6b6b75}.hb-client-import .form-actions{margin-top:8px}@media(max-width:600px){.hb-client-preview-heading{flex-direction:column;gap:6px}.hb-client-import .form-actions .btn{width:100%;white-space:normal;padding:14px 18px}}
/* Private accounting document workspace. */
.hb-acct{min-width:0}.hb-acct-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 28px;border-radius:24px;background:linear-gradient(120deg,#f0f4fb,#fafbfe);margin-bottom:22px}.hb-acct-intro h3{font-size:24px;letter-spacing:-.7px;margin:8px 0}.hb-acct-intro p{max-width:680px;line-height:1.65;color:#626571;margin:0}.hb-acct-intro .eyebrow{color:#8396b3;font-weight:700;letter-spacing:1px}.hb-acct-intro-icon{display:grid;place-items:center;width:76px;height:76px;flex-shrink:0;border-radius:24px;background:#192d4b;color:white;transform:rotate(5deg)}.hb-acct-intro-icon svg{width:36px;height:36px}.hb-acct-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:18px 0}.hb-acct-actions .btn{padding:11px 16px;white-space:normal}.hb-acct-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:24px 0}.hb-acct-filters .field{min-width:0}.hb-acct-list-heading{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:20px 0}.hb-acct-tabs{display:flex;gap:6px}.hb-acct-tabs [aria-pressed=true]{background:#192d4b;color:#fff;border-color:transparent}.hb-acct-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.hb-acct-grid>.hb-empty-state{grid-column:1/-1}.hb-acct-card{border:1px solid #e9ebf0;border-radius:22px;overflow:hidden;background:white;min-width:0;transition:box-shadow .18s}.hb-acct-card:hover{box-shadow:0 8px 28px #192d4b0b}.hb-acct-open{display:flex;align-items:flex-start;gap:16px;width:100%;padding:20px;background:none;border:0;text-align:left;color:inherit;font:inherit;cursor:pointer}.hb-acct-thumbnail{width:76px;height:94px;border-radius:14px;flex-shrink:0;background:#f2f5fa;color:#192d4b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;overflow:hidden}.hb-acct-thumbnail svg{width:31px;height:31px}.hb-acct-thumbnail b{font-size:10px;letter-spacing:1px}.hb-acct-thumbnail img{width:100%;height:100%;object-fit:cover}.hb-acct-card-body{display:flex;flex-direction:column;min-width:0;gap:9px;flex:1}.hb-acct-card-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.hb-acct-card small,.hb-acct-detail>small{color:#747682;font-size:12px}.hb-acct-filename{overflow-wrap:anywhere;line-height:1.45}.hb-acct-note{color:#656974;font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hb-acct-status{font-size:12px;font-weight:750}.hb-acct-status.is-new{color:#192d4b}.hb-acct-status.is-received{color:#8396b3}.hb-acct-status.is-clarification{color:#e51e59}.hb-acct-card-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f0f1f5;padding:7px 12px}.hb-acct-card-actions .btn{padding:9px 11px}.hb-acct-more{display:block;margin:22px auto}.hb-acct-more[hidden]{display:none}.hb-acct-upload .small-note{line-height:1.65;margin:0}.hb-acct-drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:26px 18px;border:1.5px dashed #b6c6dc;border-radius:22px;background:#f7f9fc;color:#192d4b;cursor:pointer}.hb-acct-drop>svg{width:28px;height:28px}.hb-acct-drop input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.hb-acct-drop:focus-within{outline:2px solid #8396b3;outline-offset:3px}.hb-acct-upload-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hb-acct-upload-item{display:flex;align-items:center;gap:9px;border:1px solid #e7eaf0;border-radius:15px;padding:10px;min-width:0}.hb-acct-upload-item>img{width:44px;height:54px;object-fit:cover;border-radius:8px}.hb-acct-upload-item>svg{width:32px;height:32px;flex-shrink:0;color:#192d4b}.hb-acct-upload-item>span{flex:1;min-width:0;overflow-wrap:anywhere;font-size:12px}.hb-acct-upload-item small{display:block;color:#747682;margin-top:4px}.hb-acct-upload-item .icon-btn{flex-shrink:0;color:#e51e59}.hb-acct-detail-meta{display:flex;flex-wrap:wrap;gap:14px;align-items:center;font-size:13px;margin-bottom:12px}.hb-acct-full-image{display:block;width:100%;max-height:480px;object-fit:contain;background:#f8f9fb;border-radius:20px;margin:24px 0}.hb-acct-pdf{display:flex;align-items:center;gap:18px;margin:24px 0;padding:24px;background:#f3f6fc;border-radius:20px;color:#192d4b;text-decoration:none}.hb-acct-pdf>svg{width:32px;height:32px}.hb-acct-pdf span{flex:1;display:flex;flex-direction:column;gap:6px}.hb-acct-history{margin:28px 0}.hb-acct-history article{padding:16px 0;border-bottom:1px solid #eceef2}.hb-acct-history article>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}.hb-acct-history time,.hb-acct-history small{font-size:12px;color:#747682}.hb-acct-history small{display:block;margin-top:5px}.hb-acct-history p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;margin:10px 0 0}.hb-acct-detail textarea,.hb-acct-upload textarea{width:100%;min-height:96px;resize:vertical;box-sizing:border-box;border:1px solid #dfe2e9;border-radius:14px;padding:13px;font:inherit}
@media(max-width:900px){.hb-acct-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.hb-acct-grid{grid-template-columns:1fr}}
@media(max-width:600px){.hb-acct-intro{padding:20px;gap:12px}.hb-acct-intro h3{font-size:21px}.hb-acct-intro-icon{width:46px;height:54px;border-radius:16px}.hb-acct-intro-icon svg{width:25px;height:25px}.hb-acct-intro p{font-size:13px}.hb-acct-open{padding:16px;gap:12px}.hb-acct-thumbnail{width:57px;height:76px}.hb-acct-upload-gallery{grid-template-columns:1fr}.hb-acct-list-heading{align-items:flex-start}.hb-acct-list-heading>small{text-align:right;font-size:11px}.hb-acct-actions .btn{font-size:13px}.hb-acct-filters{gap:10px}}
/* Received finance access stays separate from personal finance. */
.hb-finance-areas{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px;padding-bottom:18px;border-bottom:1px solid #eceef3}.hb-finance-areas .btn{padding:12px 18px;gap:9px;white-space:normal}.hb-finance-areas [aria-pressed=true]{background:#192d4b;color:#fff;border-color:transparent}.hb-received-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.hb-received-grid>.hb-empty-state{grid-column:1/-1}.hb-received-card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;border:1px solid #e7ebf2;border-radius:22px;padding:22px;background:#fff;min-width:0}.hb-received-avatar{display:grid;place-items:center;width:48px;height:48px;background:#edf4ff;color:#8396b3;border-radius:16px;font-size:23px;font-weight:750}.hb-received-card-text{min-width:0;overflow-wrap:anywhere}.hb-received-card-text>small{color:#747682;font-size:11px}.hb-received-card h3{margin:6px 0 10px;font-size:20px;letter-spacing:-.4px}.hb-received-card-text>strong{font-size:14px}.hb-received-card p{color:#747682;font-size:12px;margin:7px 0;line-height:1.5}.hb-received-card>.btn{grid-column:2;justify-self:start;color:#8396b3;padding:10px 0;gap:8px}.hb-received-permissions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.hb-received-permissions>span{display:flex;align-items:center;gap:6px;background:#f4f6fa;color:#192d4b;padding:7px 10px;border-radius:10px;font-size:11px;line-height:1.45}.hb-received-permissions svg{width:15px;height:15px;flex-shrink:0}.hb-received-detail{min-width:0}.hb-received-detail h3{margin:0 0 8px;font-size:23px}.hb-received-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:24px 0}.hb-received-filters .hb-acct-tabs{width:100%;flex-wrap:wrap}.hb-received-filters .btn{padding:11px 14px;white-space:normal}.hb-received-filters .field{flex:1;min-width:150px}.hb-received-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid #e9edf3;min-width:0}.hb-received-row>div:first-child{display:flex;flex-direction:column;gap:8px;min-width:0;overflow-wrap:anywhere}.hb-received-row small{color:#747682;font-size:12px}.hb-received-row .hb-acct-actions{margin:0;flex-shrink:0}.hb-received-row .btn{font-size:12px;padding:10px 12px}
@media(max-width:900px){.hb-received-grid{grid-template-columns:1fr}}
@media(max-width:600px){.hb-finance-areas .btn{flex:1;justify-content:center;padding:12px;font-size:13px}.hb-received-card{padding:18px;gap:12px}.hb-received-row{align-items:flex-start;flex-direction:column;gap:12px}.hb-received-row .hb-acct-actions{width:100%;gap:6px}.hb-received-filters .field{min-width:0}.hb-received .hb-acct-intro{align-items:flex-start}}

.hb-finance-commission-badge{display:inline-flex;align-self:flex-start;max-width:100%;box-sizing:border-box;margin:7px 0 3px;padding:6px 10px;border-radius:9px;background:#edf4ff;color:#8396b3;font-size:12px;font-weight:750;line-height:1.4;white-space:normal}

[data-collab-specialist][hidden]{display:none!important}#collab-invite-form .small-note{line-height:1.65;margin:4px 0 10px} [data-collab-specialist],[data-collab-workspace]{color:#8396b3;gap:7px;padding:10px 12px;white-space:normal;text-decoration:none} [data-collab-specialist]:hover,[data-collab-workspace]:hover{background:#f3f4f6;border-radius:10px} #authForm input[readonly]{background:#f4f6fa;color:#192d4b}

.hb-draft-help{display:flex;gap:10px;align-items:flex-start;line-height:1.6;margin:14px 0 22px}.hb-draft-help svg{width:20px;height:20px;flex-shrink:0;color:#8396b3;margin-top:2px}

/* Unsaved edits: document and pencil, without a coloured tile. */
.hb-confirm-discard .hb-confirm-symbol{background:none;border-radius:0;color:#1b3052}
.hb-confirm .hb-confirm-symbol svg.hb-confirm-unsaved{width:40px;height:40px;color:#1b3052;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.hb-confirm-discard .hb-confirm-cancel{color:#1b3052}
.hb-confirm-discard .hb-confirm-accept{background:#e51e59;border-color:#e51e59;color:#fff}
.hb-confirm-discard .hb-confirm-accept:hover{background:#e51e59;border-color:#e51e59}

/* Billy: mobile menu entry, desktop sidebar entry. */
#app .hb-navigation-dock .hb-community-nav>.hb-billy-menu{display:none!important}
.hb-mobile-bottom [data-billy-docked]{display:none!important}
@media(max-width:650px){
 #app .hb-navigation-dock .hb-community-nav>.hb-billy-menu{display:flex!important;align-items:center;gap:12px}
 #app .hb-navigation-dock .hb-community-nav>.hb-billy-menu .hb-nav-label{display:inline!important}
 .sidebar [data-billy-docked]{display:none!important}
}

/* v0.3.490 — mobile search and filter stay together; result count follows them. */
@media screen and (max-width:650px){
 #app .hb-search-dock > :is(.field,label):has(input[type="search"]){order:0;flex:1 1 160px}
 #app .hb-search-dock > .hb-search-filter-button{order:1;margin-left:0;flex:0 0 44px}
 #app .hb-search-dock > .hb-quick-add{order:2}
 #app .hb-search-dock > .hb-search-status{order:3;flex:0 0 100%;margin:0}
}
@media screen and (max-width:340px){
 #app .hb-search-dock > :is(.field,label):has(input[type="search"]){flex-basis:100%}
 #app .hb-search-dock > .hb-search-filter-button{margin-left:auto}
}

/* v0.3.491 — domain poster close mirrors its opener, with a minus. */
#modal .modal-head .hb-domain-poster-close{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:7px;color:#68686f;background:transparent;flex:0 0 48px}
#modal .modal-head .hb-domain-poster-close svg{width:34px;height:34px;stroke-width:1.9}
@media(hover:hover){#modal .modal-head .hb-domain-poster-close:hover{color:#68686f;background:#f4f5f8;transform:none}}

/* v0.3.492 — meaningful confirmation illustrations. */
.hb-confirm .hb-confirm-symbol svg.hb-confirm-context{width:40px;height:40px;color:var(--hb-brand,#e51e59);stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* v0.3.493 — validation must not stretch neighboring field tracks. */
#workspaceForm .form-grid,#settingsForm .form-grid{align-items:start}
#workspaceForm .field,#settingsForm .field{align-content:start}
#workspaceForm .field>span:first-child,#settingsForm .field>span:first-child{min-height:24px;display:flex;align-items:center}
.hb-settings-connections .integration-row{gap:16px;align-items:start}
.hb-settings-connections .integration-row>div{min-width:0}
.hb-settings-connections .integration-row>strong{font-size:13px;text-align:right}
.hb-settings-connections .small-note{line-height:1.6;margin-top:8px}

/* Financial navigation and filters share the direction-aware sticky toolbar. */
#app .hb-finance-dock{position:sticky;align-self:start}
#app .hb-finance-dock>.hb-finance-nav{margin-bottom:18px}
.hb-export-history .hb-finance-row>div{min-width:0}
.hb-export-history small{overflow-wrap:anywhere}
.hb-export-unavailable{flex:0 1 290px}
.hb-export-unavailable .small-note{margin:0 0 12px}
@media(max-width:650px){.hb-export-unavailable{flex-basis:100%}}

/* Seven-day availability: one unique professional per day, with accessible day controls. */
.hb-availability{margin:20px 0 26px;border:1px solid #e6e8ed;border-radius:20px;background:#fff;overflow:hidden}
.hb-availability summary{display:flex;align-items:center;gap:14px;cursor:pointer;padding:22px 24px;list-style:none;background:#f8f9fb}
.hb-availability summary::-webkit-details-marker{display:none}
.hb-availability summary>svg{width:30px;height:30px;color:#e51e59;flex:none}
.hb-availability summary>span{flex:1;min-width:0}.hb-availability summary strong{display:block;font-size:21px;letter-spacing:-.4px}
.hb-availability summary small{display:block;margin-top:6px;color:#606775;line-height:1.5}
.hb-availability summary::after,.hb-availability details[open]>summary::after{content:none}
.hb-week-body{padding:20px 24px}.hb-week-body .field{max-width:620px}.hb-week-body .small-note{line-height:1.6}
[data-week-chart]{max-width:800px;margin-inline:auto}
[data-week-chart]>svg{width:100%;height:auto;display:block;margin:14px auto 0;color:#e51e59}
.hb-week-grid{fill:none;stroke:#e6e9ee;stroke-width:1}.hb-week-area{fill:#e51e59;fill-opacity:.08}.hb-week-line{fill:none;stroke:#e51e59;stroke-width:3;stroke-linejoin:round}
[data-week-chart] circle{fill:#e51e59}.hb-week-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:0 0 14px}
.hb-week-days button{border:0;border-radius:12px;background:var(--hb-button-soft);color:#192c4b;padding:12px 5px;min-height:64px;font:inherit;cursor:pointer;border-color:var(--hb-button-soft-border)}
.hb-week-days strong{display:block;font-size:22px;color:#e51e59}.hb-week-days span{display:block;font-size:12px;margin-top:5px}
.hb-week-days button:hover{background:#edf2f9}.hb-week-days button[aria-pressed=true]{background:#192c4b;color:white}.hb-week-days button[aria-pressed=true] strong{color:white}
.hb-week-days button:focus-visible,.hb-week-result:focus-visible{outline:2px solid #e51e59;outline-offset:3px}
.hb-week-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hb-week-result{display:flex;flex-direction:column;gap:6px;text-align:left;padding:18px;border:1px solid #e5e8ee;border-radius:14px;background:white;font:inherit;color:#192c4b;cursor:pointer;min-width:0;overflow-wrap:anywhere}
.hb-week-result:hover{background:#f8f9fb}.hb-week-result>span{font-size:13px}.hb-week-result-time{display:flex;align-items:center;gap:12px;color:#e51e59;font-weight:700;margin-top:5px}.hb-week-result-time svg{width:20px;height:20px;margin-left:auto}
@media(max-width:650px){.hb-availability summary{padding:16px;gap:10px}.hb-availability summary strong{font-size:19px}.hb-week-body{padding:16px 12px}.hb-week-results{grid-template-columns:1fr}.hb-week-days{gap:3px}.hb-week-days button{padding:10px 2px;min-width:0}.hb-week-days strong{font-size:19px}.hb-week-days span{font-size:10px;overflow-wrap:anywhere}}

.hb-week-result-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:16px 0}.hb-week-result-head h3{margin:0}.hb-week-result-head .btn{color:#e51e59}

/* SVG areas have no outline; only the data line is red. */
.hb-availability .hb-week-area{stroke:none!important}
.hb-availability .hb-week-grid{stroke:#e6e9ee!important;fill:none!important;stroke-width:1}
[data-booking-resource]{min-height:142px}
.hb-availability[aria-busy="true"]{cursor:default}

/* Quiet filter actions, separate from submit and disclosure controls. */
.hb-filter-clear{appearance:none;border:0;background:transparent;color:#8396b3;font:inherit;font-size:13px;padding:8px 10px;border-radius:8px;cursor:pointer;min-height:36px;white-space:nowrap;justify-self:start;align-self:end;text-decoration:none}
.hb-filter-clear:hover{background:#f2f3f5}.hb-filter-clear:focus-visible{outline:2px solid #8396b3;outline-offset:2px}
.hb-search>.hb-filter-clear{grid-column:1/-1;justify-self:end}.hb-week-body>.hb-filter-clear{display:block;margin:0 0 8px auto}

.hb-search>.hb-filter-clear{margin-left:auto}.hb-business-filters>.hb-filter-clear{grid-column:1/-1;justify-self:end}
#app .hb-search-dock>.hb-filter-clear{order:4;flex:0 0 auto;margin-left:auto}#app .hb-search-dock:has(>.hb-filter-clear){flex-wrap:wrap}

/* Validation grows below each control without stretching its neighbour. */
form[data-community="application"],form[data-community="application"] .form-grid{align-items:start}
form[data-community="application"] .field{align-content:start;min-width:0}

/* Shared form invariant: validation text grows down, never stretches or lowers adjacent controls. */
.field{align-self:start;align-content:start;min-width:0}
.form-grid,.form-grid:has(.hb-time-control){align-items:start}

/* Directory: search and reset share an exact control height and baseline. */
#app [data-community="directorySearch"]{--hb-directory-control-height:46px;}
#app [data-community="directorySearch"]>.field:has(input[type="search"]){align-self:flex-end;}
#app [data-community="directorySearch"] .hb-search-box{display:flex;align-items:center;}
#app [data-community="directorySearch"] input[type="search"],
#app [data-community="directorySearch"]>.hb-directory-clear{box-sizing:border-box;height:var(--hb-directory-control-height);min-height:var(--hb-directory-control-height);max-height:var(--hb-directory-control-height);margin-block:0;}
#app [data-community="directorySearch"]>.hb-directory-clear{display:inline-flex;grid-column:auto;order:0;flex:0 0 auto;align-self:flex-end;margin:0;padding:0 18px;background:#192d4b;color:#fff;white-space:nowrap;border:0;outline:none;box-shadow:none;transform:none;}
#app [data-community="directorySearch"]>.hb-search-status{order:3;}
#app [data-community="directorySearch"]>.hb-directory-clear:hover{background:#233e63;color:#fff;border:0;outline:none;box-shadow:none;}
#app [data-community="directorySearch"]>.hb-directory-clear:focus-visible{outline:2px solid #192d4b;outline-offset:3px;}
@media(max-width:650px){
 #app [data-community="directorySearch"]{--hb-directory-control-height:44px;}
 #app [data-community="directorySearch"].hb-search-dock>.field:has(input[type="search"]){flex:1 1 0;min-width:0;align-self:center;}
 #app [data-community="directorySearch"].hb-search-dock>.hb-directory-clear{order:2;align-self:center;}
}

/* Availability search retains the navy/white button palette while awaiting selection. */
#hb-available-search button[type="submit"],#hb-available-search button[type="submit"]:disabled{background:#192d4b;color:#fff;border:0;opacity:1;filter:none;box-shadow:none;}
#hb-available-search button[type="submit"]:enabled:hover{background:#233e63;color:#fff;}
#hb-available-search button[type="submit"]:focus-visible{outline:2px solid #192d4b;outline-offset:3px;}

/* Company billing fields follow the parent form spacing, including on mobile. */
.hb-client-billing>[data-company-billing]:not([hidden]){display:grid;gap:inherit;min-width:0;}
/* Waiting for a selection is idle, not an in-flight request. */
#hb-available-search button[type="submit"][data-idle-disabled]:disabled{cursor:default;}
#hb-available-search button[type="submit"]:enabled{cursor:pointer;}

/* Reconfirmation copy sits outside action buttons and wraps naturally. */
#bookingForm .hb-booking-terms-note{margin:16px 0;padding:14px 16px;line-height:1.55;overflow-wrap:anywhere;}
#bookingForm .form-actions{gap:12px;flex-wrap:wrap;}
#bookingForm .form-actions>.btn{padding:12px 18px;min-height:44px;white-space:normal;overflow-wrap:anywhere;line-height:1.4;}

/* Collaboration invitations use the existing lightweight card action style. */
.hb-business-actions button.hb-card-link[data-collab-workspace],button.hb-card-link[data-collab-specialist]{display:inline-flex;align-items:center;justify-content:flex-start;gap:9px;min-height:44px;max-width:100%;padding:8px 10px;border:0;border-radius:10px;background:transparent;color:#192d4b;font:inherit;font-size:15px;font-weight:700;line-height:1.4;text-decoration:none;box-shadow:none;cursor:pointer;white-space:normal;overflow-wrap:normal}
.hb-business-actions button.hb-card-link[data-collab-workspace]:hover,button.hb-card-link[data-collab-specialist]:hover{background:var(--hb-button-soft);color:#192d4b;text-decoration:none;border-color:var(--hb-button-soft-border)}
button.hb-card-link[data-collab-specialist][hidden]{display:none}
.hb-business-actions button.hb-card-link[data-collab-workspace] svg,button.hb-card-link[data-collab-specialist] svg{color:#e51e59;transform:none}

@media(max-width:650px){
 .hb-agenda-dock .day-controls{display:grid;grid-template-columns:minmax(0,1fr);width:100%;gap:10px;min-width:0}
 .hb-agenda-dock .day-controls>.btn,.hb-agenda-dock .day-controls>.hb-date-button,.hb-agenda-dock .day-controls>.hb-select{width:100%;max-width:100%;min-width:0;margin:0;flex:none}
 .hb-agenda-dock .day-controls>.btn{justify-content:center;gap:9px;padding:12px 14px;white-space:normal;overflow-wrap:normal}
 .hb-agenda-dock .day-controls>.btn svg{flex-shrink:0}
 .hb-agenda-dock .day-controls>.hb-date-button>span:first-child{white-space:nowrap;overflow-wrap:normal}
}

/* Bank account editor occupies the form width, including on smaller screens. */
.hb-wide-form>.hb-bank-editor{grid-column:1/-1;min-width:0;width:100%;padding:24px;margin-block:20px}
.hb-bank-editor>h3{font-size:21px;margin-bottom:12px}
.hb-bank-editor>.small-note{line-height:1.6;margin-bottom:20px}
.hb-bank-editor .hb-bank-row{padding:20px;margin:16px 0}
.hb-bank-editor .hb-bank-row-head{margin-bottom:18px}
.hb-bank-editor .hb-bank-row .form-grid{gap:20px 24px;align-items:start}
.hb-bank-editor .hb-field-error,.hb-bank-editor [data-iban-error]{display:block;font-size:13px;line-height:1.5;color:#e51e59;margin-top:6px}
@media(max-width:650px){.hb-wide-form>.hb-bank-editor{padding:16px}.hb-bank-editor .hb-bank-row{padding:14px}.hb-bank-editor .hb-bank-row .form-grid{grid-template-columns:minmax(0,1fr);gap:18px}}

.hb-bank-editor>[data-bank-save]{margin:12px 0 0 12px}.hb-bank-editor>[data-bank-feedback]{margin-top:14px}.hb-bank-picker>.btn{justify-self:start;margin-top:8px}@media(max-width:650px){.hb-bank-editor>[data-bank-save]{display:flex;width:100%;margin:12px 0 0}}

.hb-bank-editor-actions{display:flex;align-items:stretch;flex-wrap:wrap;gap:12px;margin-top:18px}
.hb-bank-editor .hb-bank-editor-actions>.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;margin:0;padding:11px 16px;line-height:1.4;white-space:normal}
.hb-bank-picker>p.error{color:#e51e59;font-size:13px;line-height:1.6}
@media(max-width:650px){.hb-bank-editor .hb-bank-editor-actions>.btn{flex:1 1 120px;width:auto}}

/* Mobile menu starts with language; actionable attention keeps the header visible. */
@media(max-width:650px){
 #app .hb-navigation-dock .hb-community-nav>.hb-menu-language{display:flex;order:-10;align-items:center;width:100%;padding:4px 0 12px;margin-bottom:6px;border-bottom:1px solid #e7ebf0}
 .hb-menu-language>.hb-select{width:100%;min-width:0}
 .hb-menu-language .hb-select-trigger{width:100%;min-height:44px}
}


button.hb-repair-link{display:block;width:fit-content;max-width:100%;padding:6px 0;margin:6px 0 0;border:0;border-radius:0;background:transparent;color:#192d4b;font:inherit;font-size:13px;font-weight:600;line-height:1.5;text-align:left;cursor:pointer;box-shadow:none}
button.hb-repair-link:hover{text-decoration:underline;text-underline-offset:3px}
button.hb-repair-link:focus-visible{outline:2px solid #192d4b;outline-offset:4px}

/* Clear hierarchy: operational information remains readable on every viewport. */
:root{--hb-info-size:16px;--hb-info-strong:18px}
:is(h1,h2,h3,.heading h1,.modal-head h2){font-weight:800}
:is(.btn,.form-actions>.btn,.detail-actions>.btn){font-size:15px;font-weight:700;line-height:1.45;min-height:44px;padding:11px 16px;white-space:normal;overflow-wrap:normal}
:is(.form-actions,.detail-actions,.hb-operation-actions,.hb-acct-actions){gap:12px;flex-wrap:wrap}
.field>span,.field>label{font-size:15px;font-weight:600;line-height:1.45}
:is(input,select,textarea,.hb-select-trigger,.hb-date-button){font-size:16px}
:is(.booking-main strong,.hb-visit-result>strong,.hb-finance-row>div>strong,.hb-received-row>div>strong){font-size:18px;font-weight:800;line-height:1.4}
:is(.booking-main small,.booking-time,.booking-end,.hb-visit-result>span,.hb-visit-result>small,.hb-finance-row small,.hb-received-row small){font-size:16px;line-height:1.5}
:is(.booking-time,.hb-visit-result>small){font-weight:700;color:#192d4b;font-variant-numeric:proportional-nums}
.booking-time{width:auto;min-width:48px}
.hb-visit-result{padding:14px 18px;gap:2px 14px;min-width:0}
.hb-visit-result>:not(svg){min-width:0;overflow-wrap:anywhere}
.detail-grid{gap:20px 24px}
.detail-grid small{font-size:14px;line-height:1.5;font-weight:600}
.detail-grid strong{font-size:18px;font-weight:700;line-height:1.5}
:is(.hb-booking-summary h3,.hb-booking-summary strong){font-size:22px;font-weight:800;line-height:1.4}
.hb-accepted-work{display:grid;gap:16px}
.hb-accepted-work>div{display:grid;gap:6px;min-width:0}
.hb-accepted-work small{font-size:14px;line-height:1.5}
.hb-accepted-work :is(p,strong,span){font-size:17px;line-height:1.5;overflow-wrap:anywhere}
.hb-accepted-work :is(strong,span){font-weight:700;color:#192d4b}
:is(.hb-finance-row,.hb-received-row){gap:16px;padding-block:16px;flex-wrap:wrap}
:is(.hb-finance-row,.hb-received-row)>strong{font-size:19px;font-weight:800;font-variant-numeric:proportional-nums}
:is(.hb-finance-row,.hb-received-row) .btn{font-size:15px;min-height:44px;padding:11px 15px}
.hb-invoice-sheet{font-size:16px;line-height:1.5}
.hb-invoice-sheet :is(td,dd){font-size:16px;line-height:1.5;overflow-wrap:anywhere}
.hb-invoice-sheet :is(th,dt){font-size:14px;font-weight:700;line-height:1.5}
.hb-invoice-sheet :is(.hb-invoice-summary strong,.hb-invoice-top-total strong){font-size:20px;font-variant-numeric:proportional-nums}
:is(.badge,.hb-acct-status){font-size:14px;font-weight:700;line-height:1.4;white-space:normal}
.small-note{font-size:14px;line-height:1.6}
@media(max-width:650px){
 .detail-grid{grid-template-columns:minmax(0,1fr);gap:16px}
 :is(.form-actions,.detail-actions)>.btn{flex:1 1 140px;max-width:100%}
 .hb-visit-result{padding:14px;gap:2px 12px}
 .hb-invoice-sheet :is(td,dd){font-size:15px}
}

/* Compact date and specialist message, keeping primary booking details prominent. */
.hb-visit-result>strong{margin-bottom:4px}
.hb-visit-result>small{font-size:14px;font-weight:700;line-height:1.4;color:#737780;margin:0}
.hb-accepted-work .hb-specialist-message{font-size:14px;font-weight:700;line-height:1.5;color:#111;margin:0}

/* Appointment summary: one content group and one aligned navigation affordance. */
.hb-visit-list .hb-visit-result{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border:1px solid #e7e9ee;border-radius:14px;background:#fff;text-align:left}
.hb-visit-result .hb-visit-result-body{display:grid;gap:7px;min-width:0;flex:1}
.hb-visit-result .hb-visit-result-name{font-size:18px;line-height:1.35;font-weight:800;color:#192d4b;overflow-wrap:anywhere}
.hb-visit-result .hb-visit-result-details{display:flex;align-items:center;gap:10px;min-width:0}
.hb-visit-result .hb-visit-result-info{display:grid;gap:0;min-width:0}
.hb-visit-result .hb-visit-result-avatar{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:50%;object-fit:cover;background:#f0f2f6;color:#788394;overflow:hidden}
.hb-visit-result .hb-visit-result-avatar svg{width:22px;height:22px;grid-area:auto}
.hb-visit-result .hb-visit-result-service{font-size:15px;line-height:1.45;font-weight:600;color:#363d49;overflow-wrap:anywhere}
.hb-visit-result .hb-visit-result-specialist{font-weight:400;color:#69717e}
.hb-visit-result .hb-visit-result-date{font-size:13px;line-height:1.45;font-weight:700;color:#858a94;font-variant-numeric:proportional-nums}
.hb-visit-result .hb-visit-result-arrow{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:#f5f6f8;color:#192d4b}
.hb-visit-result .hb-visit-result-arrow svg{grid-area:auto;width:17px;height:17px}
.hb-visit-list .hb-visit-actions[hidden]{display:none}
@media(hover:hover){.hb-visit-list .hb-visit-result:enabled:hover{background:#fafbfc;border-color:#cfd5df}.hb-visit-result:enabled:hover .hb-visit-result-arrow{background:#192d4b;color:#fff}}
.hb-visit-result:focus-visible{outline:2px solid #192d4b;outline-offset:3px}
@media(max-width:650px){.hb-visit-list .hb-visit-result{padding:16px;gap:12px}}

/* Distinct client and specialist identities across appointment surfaces. */
.hb-booking-client-identity{display:flex;align-items:center;gap:11px;min-width:0;margin:0 0 7px}
.hb-booking-client-avatar{display:grid;place-items:center;position:relative;flex:0 0 40px;width:40px;height:40px;border-radius:50%;overflow:hidden;background:#edf1f6;color:#192d4b;font-size:14px;font-weight:800;line-height:1}
.hb-booking-client-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hb-booking-client-name{min-width:0;overflow-wrap:anywhere;line-height:1.35}
.hb-booking-client-name>strong{font-size:18px;font-weight:800;color:#192d4b}
.hb-booking-specialist-line{display:flex;align-items:center;gap:7px;min-width:0;font-size:13px;line-height:1.4;color:#69717e;margin:8px 0 0}
.hb-booking-specialist-line>span{min-width:0;overflow-wrap:anywhere}
.hb-booking-specialist-avatar{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:50%;object-fit:cover;overflow:hidden;background:#f0f2f6;color:#788394}
.hb-booking-specialist-avatar svg{width:16px;height:16px;grid-area:auto}
.hb-visit-result .hb-booking-client-identity{margin:0}
.hb-visit-result .hb-visit-result-body{gap:6px}
.hb-visit-result .hb-visit-result-details{padding-left:51px}
.hb-visit-result .hb-visit-result-info{gap:0}
.hb-visit-result .hb-booking-specialist-line{margin-top:7px;font-size:13px}
@media(max-width:380px){.hb-visit-result .hb-visit-result-details{padding-left:0}}

img[data-booking-photo]{cursor:pointer;touch-action:manipulation}img[data-booking-photo]:focus-visible{outline:2px solid #192d4b;outline-offset:3px}

/* Image viewers are read-only: no text caret over the photo or its backdrop. */
#modal.hb-image-modal,#modal.hb-image-modal *{caret-color:transparent}
#modal.hb-image-modal :is(.hb-spot-lightbox,.hb-gallery-stage,.hb-spot-large){user-select:none;-webkit-user-select:none}

/* Mobile bottom navigation follows the existing header scroll state.
   Keep its reserved space stable so hiding it cannot move page content. */
@media(max-width:650px){
 #app > .hb-mobile-bottom{transform:translateY(0);transition:transform .2s ease}
 #app > .hb-navigation-dock.is-hidden ~ .hb-mobile-bottom{transform:translateY(calc(100% + 24px));pointer-events:none}
}
@media(max-width:650px) and (prefers-reduced-motion:reduce){
 #app > .hb-mobile-bottom{transition:none}
}

/* Selected business follows the existing scroll behavior without moving controls. */
@media screen{
}
@media(max-width:650px){
 #app .content>.hb-main-workspace{gap:6px;margin-bottom:20px;padding-block:8px}
 #app .content>.hb-main-workspace>label{font-size:13px;font-weight:700;line-height:1.35}
 #app .content>.hb-main-workspace .hb-workspace-cell{flex:1 1 100%;width:100%;min-width:0}
 #app .content>.hb-main-workspace .hb-select-trigger{min-height:46px;font-size:16px}
 #app .content>.hb-main-workspace>small{font-size:11px;line-height:1.4}
}

/* Short booking status actions stay together, with equal tap targets. */
.hb-booking-detail .detail-actions>.hb-booking-status-actions{display:flex;align-items:stretch;justify-content:center;gap:12px;flex:1 0 100%;min-width:0}
.hb-booking-detail .detail-actions>.hb-booking-status-actions:empty{display:none}
.hb-booking-detail .hb-booking-status-actions>.btn{width:auto;min-width:0;min-height:48px;max-width:100%;padding:11px 16px;gap:8px;line-height:1.35;white-space:normal}
@media(max-width:650px){
 .hb-booking-detail .detail-actions>.hb-booking-status-actions{gap:8px}
 .hb-booking-detail .hb-booking-status-actions>.btn{flex:1 1 0;width:auto;padding:10px 8px;font-size:14px}
 .hb-booking-detail .hb-booking-status-actions>.btn svg{width:18px;height:18px;flex:0 0 18px}
}

/* 0.3.546: readable mobile agenda, including the drag handle and reference. */
@media(max-width:650px){
 [data-live-agenda] .booking-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;align-items:center;gap:10px 12px;padding:16px 0;min-width:0}
 [data-live-agenda] .booking-row .booking-time{grid-column:1;grid-row:1;display:flex;align-items:center;gap:8px;width:auto;min-width:0;padding:0;font-size:15px;line-height:1.3;white-space:nowrap}
 [data-live-agenda] .booking-row .hb-booking-order{grid-column:2;grid-row:1;justify-self:end;min-width:0;width:auto;height:auto;padding:6px 9px;font-size:12px;line-height:1.2;white-space:nowrap}
 [data-live-agenda] .booking-row .booking-main{grid-column:1/-1;grid-row:2;width:100%;min-width:0}
 [data-live-agenda] .booking-row .booking-main strong{font-size:17px;line-height:1.35;overflow-wrap:anywhere}
 [data-live-agenda] .booking-row .booking-main small{margin-top:4px;font-size:14px;line-height:1.45;overflow-wrap:anywhere}
 [data-live-agenda] .booking-row .booking-end{grid-column:1/-1;grid-row:3;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;min-width:0;margin:0;font-size:14px;line-height:1.4}
 [data-live-agenda] .booking-row .booking-end>.badge{max-width:100%;white-space:normal;overflow-wrap:anywhere}
 [data-live-agenda] .booking-row .booking-end>span:last-child{margin-left:auto;white-space:nowrap;font-variant-numeric:proportional-nums}
 [data-live-agenda] .booking-row .hb-agenda-drag{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;padding:8px;margin:0}
}

/* 0.3.546: shared mobile rows and actions; allow real content to determine height. */
@media screen and (max-width:650px){
 .panel-head:has(.day-controls){flex-wrap:wrap;gap:14px}
 .panel-head .day-controls{display:grid;grid-template-columns:minmax(0,1fr);width:100%;gap:10px}
 .panel-head .day-controls>:is(.btn,.hb-date-button,.hb-select,select:not(.hb-select-source)){width:100%;min-width:0;max-width:100%;margin:0}
 .day-controls .hb-date-button{min-height:44px}
 .hb-calendar-header strong{min-width:0;text-align:center;overflow-wrap:anywhere}
 .hb-calendar-header button{flex:none;min-height:44px}
 .hb-calendar-footer{flex-wrap:wrap;gap:4px}
 .hb-calendar-footer button{min-height:44px;max-width:100%;white-space:normal}
 .hb-calendar-jump>*{min-width:0;max-width:100%}
 .hb-calendar-row>[role=gridcell]{min-width:0}
 :is(.hb-account-action,.hb-person-actions>.btn,.hb-business-actions>.btn){max-width:100%;min-width:0;min-height:44px;height:auto;white-space:normal;overflow-wrap:anywhere;line-height:1.4}
 .hb-account-action svg{flex-shrink:0}
 .hb-service-title h4{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
 .hb-admin-service-row>.detail-actions{flex-wrap:wrap}
 .hb-admin-service-row>.detail-actions .btn{white-space:normal;min-width:0;max-width:100%}
 :is(.hb-finance-row,.hb-received-row)>div{min-width:0;max-width:100%;overflow-wrap:anywhere}
 .hb-finance-row>div:first-child{flex-basis:100%}
 :is(.hb-finance-row,.hb-received-row)>.detail-actions{width:100%;margin:0;gap:10px}
 :is(.hb-finance-row,.hb-received-row)>strong{max-width:100%;overflow-wrap:anywhere}
 .hb-visit-result .hb-visit-result-details{padding-left:0}
 .hb-visit-result :is(.hb-visit-result-service,.hb-visit-result-date){overflow-wrap:anywhere}
 .hb-booking-detail .detail-grid>div,.hb-booking-summary>div{min-width:0;overflow-wrap:anywhere}
 .hb-booking-reference code{overflow-wrap:anywhere;white-space:normal}
}

/* 0.3.548: Apple blue specialist invitation icons, shared across entry points. */
button[data-collab-workspace] .hb-icon-invite,
button[data-collab-specialist] .hb-icon-invite,
.person-card button[data-action^="invite:"] .hb-icon-invite,
.person-card button[data-hb-action^="invite:"] .hb-icon-invite{color:#8396b3}

/* Selected business remains in the normal page flow on every screen. */
#app .content>.hb-main-workspace{position:static;top:auto;z-index:auto}

/* Integration information: centered decorative icon, separate from the text. */
.notice.hb-integration-note{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.notice.hb-integration-note>svg{display:block;flex:none;width:20px;height:20px;margin:0;cursor:default}
.notice.hb-integration-note>span{display:block;min-width:0;max-width:100%}

.hb-integration-note[hidden]{display:none!important}

/* Business actions share a predictable grid, including narrow cards. */
#hb-business-count{margin:18px 0 24px}
#hb-business-results .hb-business-actions{display:grid;grid-template-columns:minmax(0,1fr) 44px 44px;align-items:stretch;gap:8px;margin-top:auto;padding-top:18px}
#hb-business-results .hb-business-actions>:is(button,a){order:0;min-width:0;max-width:100%;margin:0;min-height:44px;height:auto;white-space:normal;overflow-wrap:anywhere;border-radius:10px;line-height:1.4}
#hb-business-results .hb-business-actions>.hb-business-open{grid-column:1/-1;order:-5;justify-content:center;background:#192c4b;color:#fff;border-color:transparent}
#hb-business-results .hb-business-actions>[data-business^="manage:"]{grid-column:1/-1;order:-4;width:auto;justify-content:center;border:1px solid #e5e5e7;padding:10px 12px}
#hb-business-results .hb-business-actions>.btn.secondary{grid-column:1/-1;background:var(--hb-button-soft);color:#34343d;border:1px solid #e9e9ed;padding:10px 12px;font-size:13px;justify-content:center;border-color:var(--hb-button-soft-border)}
#hb-business-results .hb-business-actions>[data-business^="received:"]{order:-3}
#hb-business-results .hb-business-actions>[data-business^="commission:"]{order:-2}
#hb-business-results .hb-business-actions>.hb-detail-link{grid-column:1/-1;order:-1;justify-content:center;font-size:13px}
#hb-business-results .hb-business-actions>.hb-account-action{grid-column:1;justify-content:flex-start;font-size:13px;padding:8px 12px}
#hb-business-results .hb-business-actions>[data-edit-space]{grid-column:2;width:44px;border:1px solid #e5e5e7}
#hb-business-results .hb-business-actions>:is([data-business^="archive:"],[data-business^="delete:"]){grid-column:3;width:44px;min-height:44px}
#hb-business-results .hb-business-actions>[data-business^="publish:"]{grid-column:1/-1;order:-1}
.hb-service-facts .hb-service-price>strong{font-size:24px;line-height:1.2;font-variant-numeric:proportional-nums}
.hb-service-facts .hb-service-price>small{display:block;font-size:12px;line-height:1.5;font-weight:400;color:#797984;margin-top:6px;overflow-wrap:anywhere}
.hb-place-toolbar{align-items:flex-end;gap:16px}
.hb-place-controls{align-items:end}
.hb-place-controls .field input{height:56px;min-height:56px;box-sizing:border-box}
.hb-place-toolbar>.hb-place-summary{min-height:56px;padding:8px 14px;box-sizing:border-box;margin:0}
@media(max-width:650px){.hb-place-toolbar{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.hb-place-controls{width:100%;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.hb-place-summary{width:100%}.hb-place-summary>svg:last-child{margin-left:auto}.hb-service-facts .hb-service-price>strong{font-size:22px}}

/* Stable financial colors: identity, never the card's position in the grid. */
.hb-dash-card[data-dash-tone=violet]{--chart-color:var(--hb-violet)}
.hb-dash-card[data-dash-tone=teal]{--chart-color:var(--hb-teal)}
.hb-dash-card[data-dash-tone=magenta]{--chart-color:var(--hb-magenta)}
.hb-dash-card[data-dash-tone=blue]{--chart-color:var(--hb-blue)}
.hb-space-excerpt .hb-rich-compact{position:relative}
.hb-space-excerpt .hb-rich-compact.is-truncated::after{content:'...';position:absolute;right:0;bottom:0;z-index:5;min-width:1.4em;padding-left:.2em;background:#fff;color:#616168;font-weight:700;line-height:1.55;text-align:right;pointer-events:none}
/* Activity: reference rail, clean content, compact status chips. */
#hb-activity-list .hb-activity-row{position:relative;border:1px solid #e6e8ef;border-radius:16px;padding:20px 22px;margin-bottom:14px;box-shadow:0 4px 16px #192c4b04}
#hb-activity-list .hb-activity-row-head{display:grid;grid-template-columns:100px minmax(0,1fr) minmax(180px,auto);align-items:center;gap:20px;padding:0;background:none;border-radius:0}
#hb-activity-list .hb-activity-reference{display:flex;flex-direction:column;justify-content:center;gap:5px;align-self:stretch;padding:12px;border-radius:12px;background:#f3eefb;border-left:3px solid #6835b5;min-width:0}
#hb-activity-list .hb-activity-reference strong{font-size:21px;font-weight:800;color:#6835b5;letter-spacing:-.02em;font-variant-numeric:proportional-nums;overflow-wrap:anywhere}
#hb-activity-list .hb-activity-reference small{font-size:11px;color:#776c88;font-variant-numeric:proportional-nums}
#hb-activity-list .hb-activity-client>strong{font-size:20px;color:#192c4b;line-height:1.3}
#hb-activity-list .hb-activity-client p{font-size:14px;line-height:1.55;margin:5px 0}
#hb-activity-list .hb-activity-client>small{font-size:12px;line-height:1.5}
#hb-activity-list .hb-activity-status{max-width:420px;gap:6px}
#hb-activity-list .hb-activity-status>span{background:#f6f7fa;font-size:12px;padding:6px 10px;border-radius:8px}
#hb-activity-list .hb-activity-row-actions{margin:14px 0 8px;gap:8px}
#hb-activity-list .hb-activity-row-actions .hb-account-action{border:1px solid #e9eaf0;border-radius:9px;min-height:40px;padding:8px 12px;font-size:13px}
#hb-activity-list .hb-activity-inline{padding-top:12px;margin-top:12px}
#hb-activity-list .hb-activity-events{border-left:1px solid #e5dff0;margin-left:4px;padding-left:16px}
#hb-activity-list .hb-activity-events li{position:relative;padding:10px 0;gap:0}
#hb-activity-list .hb-activity-dot{position:absolute;left:-21px;background:#6835b5;outline:4px solid #fff}
#hb-activity-list .hb-activity-dot.is-warning{background:#e51e59}
@media(max-width:950px){#hb-activity-list .hb-activity-row-head{grid-template-columns:90px minmax(0,1fr);gap:14px}#hb-activity-list .hb-activity-status{grid-column:1/-1;justify-content:flex-start;max-width:none}}
@media(max-width:650px){#hb-activity-list .hb-activity-row{padding:16px;border-radius:13px}#hb-activity-list .hb-activity-row-head{grid-template-columns:80px minmax(0,1fr);gap:12px}#hb-activity-list .hb-activity-reference{padding:10px 8px}#hb-activity-list .hb-activity-reference strong{font-size:19px}#hb-activity-list .hb-activity-client>strong{font-size:18px}#hb-activity-list .hb-activity-row-actions .hb-account-action{min-height:44px}}

html.hb-modal-open .hb-navigation-dock,html.hb-modal-restoring .hb-navigation-dock,html.hb-modal-restoring .hb-mobile-bottom{transition:none!important}

.hb-summary-scope{display:block;margin-top:.35rem;font-size:.75rem;color:#64748b;line-height:1.4}

#hb-activity-list .hb-activity-client{min-width:0}
#hb-activity-list .hb-activity-client .hb-booking-client-identity{margin:0}
#hb-activity-list .hb-activity-client .hb-booking-client-name>strong{font-size:20px}
#hb-activity-list .hb-activity-service{display:flex;flex-wrap:wrap;align-items:center;gap:5px;overflow-wrap:anywhere}
#hb-activity-list .hb-activity-specialist{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:100%}
#hb-activity-list .hb-activity-specialist>.hb-booking-client-avatar{width:24px;height:24px;flex-basis:24px;font-size:9px}
#hb-activity-list .hb-activity-specialist>span:last-child{min-width:0;overflow-wrap:anywhere}
@media(max-width:650px){#hb-activity-list .hb-activity-client .hb-booking-client-name>strong{font-size:18px}#hb-activity-list .hb-booking-client-identity{gap:8px}}

/* Croma: a consistent hierarchy across the screen and the PDF renderer. */
.hb-invoice-sheet.theme-navy{color:#17324d;--invoice-accent:#241644}
.hb-invoice-sheet.theme-navy>header{padding:28px;background:#eee;color:#17324d}
.hb-invoice-sheet.theme-navy h1{font-size:36px;letter-spacing:-.035em;font-weight:800}
.hb-invoice-sheet.theme-navy .hb-invoice-heading>strong{font-size:23px;font-weight:800;letter-spacing:.015em}
.hb-invoice-sheet.theme-navy .hb-invoice-parties h3{font-size:24px;font-weight:800;letter-spacing:-.025em;margin:16px 0 12px;color:#17324d}
.hb-invoice-sheet.theme-navy .hb-invoice-parties section>small{font-size:13px;font-weight:700;padding-bottom:10px;border-bottom-width:2px}
.hb-invoice-sheet.theme-navy .hb-invoice-parties dt{font-size:15px;font-weight:700!important;color:#17324d}
.hb-invoice-sheet.theme-navy .hb-invoice-parties dd{font-size:15px;font-weight:400!important;color:#17324d}
.hb-invoice-sheet.theme-navy .hb-invoice-parties dl>div{margin:6px 0;gap:6px}
.hb-invoice-sheet.theme-navy .hb-invoice-top-total{padding:17px 20px;gap:12px}
.hb-invoice-sheet.theme-navy .hb-invoice-top-total>strong,.hb-invoice-sheet.theme-navy .hb-invoice-summary .total strong{font-size:27px;font-weight:800!important;letter-spacing:-.02em;line-height:1.2}
.hb-invoice-sheet.theme-navy .hb-invoice-dates{background:#f4f6fb;border:0;border-radius:12px;padding:16px 20px;gap:18px 40px}
.hb-invoice-sheet.theme-navy .hb-invoice-dates small{font-weight:700}
.hb-invoice-sheet.theme-navy .hb-invoice-dates strong{font-size:16px;color:#17324d}
.hb-invoice-sheet.theme-navy thead th{background:var(--invoice-accent);color:#fff;font-weight:700!important;font-size:14px;padding:16px 10px;border-color:var(--invoice-accent)}
.hb-invoice-sheet.theme-navy td{padding:17px 10px}
.hb-invoice-sheet.theme-navy tbody tr:nth-child(odd){background:#f4f6fb}
.hb-invoice-sheet.theme-navy .hb-invoice-summary .total{padding:18px 20px}
@media(max-width:650px){.hb-invoice-sheet.theme-navy>header{padding:18px;gap:12px}.hb-invoice-sheet.theme-navy h1{font-size:27px}.hb-invoice-sheet.theme-navy .hb-invoice-heading>strong{font-size:18px}.hb-invoice-sheet.theme-navy .hb-invoice-parties h3{font-size:22px}.hb-invoice-sheet.theme-navy .hb-invoice-top-total>strong,.hb-invoice-sheet.theme-navy .hb-invoice-summary .total strong{font-size:23px}}

/* Classic: monochrome typography, white paper and logo on the right. */
.hb-invoice-sheet.theme-clean{--invoice-accent:#222;color:#222;background:#fff;box-shadow:none}
.hb-invoice-sheet.theme-clean>header{background:#fff;color:#222;border-color:#ccc;align-items:center}
.hb-invoice-sheet.theme-clean .hb-invoice-brand{order:2;justify-content:flex-end}
.hb-invoice-sheet.theme-clean .hb-invoice-brand img{background:none;box-shadow:none;border:0}
.hb-invoice-sheet.theme-clean .hb-invoice-heading{order:1;text-align:left}
.hb-invoice-sheet.theme-clean h1{font-size:34px;font-weight:800;letter-spacing:-.03em;color:#222}
.hb-invoice-sheet.theme-clean .hb-invoice-heading>strong{font-size:22px;color:#222}
.hb-invoice-sheet.theme-clean .hb-invoice-parties h3{font-size:23px;font-weight:800;color:#222}
.hb-invoice-sheet.theme-clean .hb-invoice-parties dt{font-weight:700!important;color:#222}
.hb-invoice-sheet.theme-clean .hb-invoice-parties dd{font-weight:400!important;color:#222}
.hb-invoice-sheet.theme-clean :is(.hb-invoice-top-total,.hb-invoice-summary .total,.hb-invoice-dates,th,td,footer){background:#fff!important;color:#222!important;border-color:#ccc}
.hb-invoice-sheet.theme-clean :is(.hb-invoice-top-total,.hb-invoice-summary .total){border-top:2px solid #222;border-bottom:1px solid #ccc;border-radius:0}
.hb-invoice-sheet.theme-clean .hb-invoice-top-total :is(strong,span),.hb-invoice-sheet.theme-clean .hb-invoice-summary .total strong{color:#222!important}
.hb-invoice-sheet.theme-clean :is(.hb-invoice-top-total,.hb-invoice-summary .total) strong{font-size:25px;font-weight:800!important}
.hb-invoice-sheet.theme-clean th{font-weight:700!important;border-top:2px solid #222}
.hb-invoice-sheet.theme-clean small{color:#606060}
@media(max-width:650px){.hb-invoice-sheet.theme-clean h1{font-size:26px}.hb-invoice-sheet.theme-clean .hb-invoice-heading>strong{font-size:18px}}

/* Two distinct rounded surfaces: table heading and item body. */
.hb-invoice-sheet.theme-navy table{border-collapse:separate;border-spacing:0}
.hb-invoice-sheet.theme-navy thead th{border:0;background:var(--invoice-accent)}
.hb-invoice-sheet.theme-navy thead th:first-child{border-radius:12px 0 0 12px}
.hb-invoice-sheet.theme-navy thead th:last-child{border-radius:0 12px 12px 0}
.hb-invoice-sheet.theme-navy tbody::before{content:"";display:table-row;height:8px}
.hb-invoice-sheet.theme-navy tbody td{background:#f4f6fb;border:0}
.hb-invoice-sheet.theme-navy tbody tr+tr td{border-top:1px solid #e0e5ef}
.hb-invoice-sheet.theme-navy tbody tr:first-child td:first-child{border-top-left-radius:12px}
.hb-invoice-sheet.theme-navy tbody tr:first-child td:last-child{border-top-right-radius:12px}
.hb-invoice-sheet.theme-navy tbody tr:last-child td:first-child{border-bottom-left-radius:12px}
.hb-invoice-sheet.theme-navy tbody tr:last-child td:last-child{border-bottom-right-radius:12px}

.hb-invoice-sheet.theme-navy tbody,.hb-invoice-sheet.theme-navy tbody tr:nth-child(n){background:transparent}

/* 0.3.565: agenda cards share Activity's reference treatment; drag has its own stable column. */
[data-live-agenda] .booking-row.hb-agenda-card{display:grid;grid-template-columns:100px minmax(0,1fr) minmax(100px,auto) 44px;grid-template-rows:auto;gap:18px;align-items:center;padding:20px;margin:14px 0;border:1px solid #e3e6f0;border-radius:18px;background:#fff;min-width:0}
[data-live-agenda] .hb-agenda-card:hover{border-color:#cec4e5;background:#fefeff}
[data-live-agenda] .hb-agenda-card .hb-agenda-reference{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;min-width:0;min-height:84px;padding:12px;border-left:2px solid #7039c6;border-radius:13px;background:#f3edfc;font-variant-numeric:proportional-nums}
[data-live-agenda] .hb-agenda-card .hb-booking-order{display:block;min-width:0;width:auto;height:auto;padding:0;border:0;border-radius:0;background:transparent;color:#7039c6;font-size:23px;font-weight:800;line-height:1.2}
[data-live-agenda] .hb-agenda-card .booking-time{display:block;width:auto;min-width:0;padding:0;margin:0;color:#63728a;font-size:15px;font-weight:600;line-height:1.4;white-space:nowrap}
[data-live-agenda] .hb-agenda-card .booking-main{grid-column:2;grid-row:1;min-width:0;width:auto}
[data-live-agenda] .hb-agenda-card .booking-main strong{font-size:19px;line-height:1.35;color:#192d4b;overflow-wrap:anywhere}
[data-live-agenda] .hb-agenda-card .booking-main small{display:block;margin:7px 0 5px;font-size:15px;line-height:1.45;overflow-wrap:anywhere}
[data-live-agenda] .hb-agenda-card .hb-booking-client-identity{min-width:0;gap:10px}
[data-live-agenda] .hb-agenda-card .hb-booking-client-identity .avatar{width:40px;height:40px;flex:0 0 40px}
[data-live-agenda] .hb-agenda-card .hb-booking-specialist-line{font-size:14px;color:#63728a;min-width:0;overflow-wrap:anywhere}
[data-live-agenda] .hb-agenda-card .booking-end{grid-column:3;grid-row:1;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:10px;min-width:0;margin:0;font-size:16px}
[data-live-agenda] .hb-agenda-card .booking-end>.badge{max-width:100%;white-space:normal;overflow-wrap:anywhere}
[data-live-agenda] .hb-agenda-card .booking-end>span:last-child{margin:0;font-weight:600;font-variant-numeric:proportional-nums;white-space:nowrap}
[data-live-agenda] .hb-agenda-card .hb-agenda-tools{grid-column:4;grid-row:1;align-self:start;display:flex;justify-content:flex-end;width:44px;min-height:44px}
[data-live-agenda] .hb-agenda-card .hb-agenda-drag{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;padding:10px;margin:0;border-radius:12px;color:#7d8799;background:transparent;touch-action:none}
[data-live-agenda] .hb-agenda-card .hb-agenda-drag:hover{background:#f3edfc;color:#7039c6}
[data-live-agenda] .hb-agenda-card .hb-agenda-drag:focus-visible{outline:2px solid #7039c6;outline-offset:2px}
@media(max-width:650px){
 [data-live-agenda] .booking-row.hb-agenda-card{grid-template-columns:minmax(0,1fr) 44px;grid-template-rows:auto auto auto;gap:14px 12px;padding:16px;margin:12px 0;border-radius:16px}
 [data-live-agenda] .hb-agenda-card .hb-agenda-reference{grid-column:1;grid-row:1;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px 14px;min-height:44px;padding:9px 12px;width:fit-content;max-width:100%}
 [data-live-agenda] .hb-agenda-card .hb-booking-order{font-size:21px}
 [data-live-agenda] .hb-agenda-card .booking-main{grid-column:1/-1;grid-row:2}
 [data-live-agenda] .hb-agenda-card .booking-end{grid-column:1/-1;grid-row:3;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 12px;font-size:15px}
 [data-live-agenda] .hb-agenda-card .hb-agenda-tools{grid-column:2;grid-row:1}
}

.hb-operation-feedback{margin-top:14px;padding:14px;border:1px solid #e2d8ee;border-radius:13px;background:#f8f5fc;color:#493963;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.hb-operation-feedback[hidden]{display:none}.hb-operation-feedback>p{margin:0}.hb-operation-conflict{display:grid;gap:5px;margin-top:12px;padding-top:12px;border-top:1px solid #e6dfee}.hb-operation-conflict .btn{justify-self:start;margin-top:6px}.hb-operation-actions [aria-busy=true]{cursor:default}

/* Financial lists share Activity's card layout, without changing other cards. */
.hb-invoice-register-list>.hb-finance-record,.hb-exp-list>.hb-finance-record{display:block;position:relative;background:#fff;border:1px solid #e6e8ef;border-radius:16px;padding:20px 22px;margin-bottom:14px;box-shadow:0 4px 16px #192c4b04;min-width:0}
.hb-finance-record>.hb-finance-record-head{display:grid;grid-template-columns:125px minmax(0,1fr) minmax(180px,auto);align-items:center;gap:20px}
.hb-finance-record-head>*{min-width:0;overflow-wrap:anywhere}
.hb-finance-record-reference{display:flex;flex-direction:column;justify-content:center;gap:5px;align-self:stretch;padding:12px;border-radius:12px;background:#f3eefb;border-left:3px solid #6835b5}
.hb-finance-record-reference strong{font-size:18px;font-weight:800;color:#6835b5;font-variant-numeric:proportional-nums;overflow-wrap:anywhere}
.hb-finance-record-reference small{font-size:11px;color:#776c88}
.hb-finance-record-client{display:flex;flex-direction:column;gap:5px}
.hb-finance-record-client>strong{font-size:20px;color:#192c4b;line-height:1.3}
.hb-finance-record-client p{font-size:14px;line-height:1.55;margin:0}
.hb-finance-record-client small,.hb-finance-record-status small{font-size:12px;color:#78869a;line-height:1.5}
.hb-finance-record-status{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.hb-finance-record-status>strong{font-size:20px;color:#192c4b}
.hb-finance-record-status>span{background:#f6f7fa;font-size:12px;padding:6px 10px;border-radius:8px}
.hb-finance-record-status>.is-outstanding{color:#e51e59}
.hb-finance-record>.hb-finance-record-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;text-align:left}
.hb-finance-record-actions .hb-account-action{border:1px solid #e9eaf0;border-radius:9px;min-height:40px;padding:8px 12px;font-size:13px}
@media(max-width:950px){.hb-finance-record>.hb-finance-record-head{grid-template-columns:110px minmax(0,1fr);gap:14px}.hb-finance-record-status{grid-column:1/-1;align-items:flex-start}}
@media(max-width:650px){.hb-invoice-register-list>.hb-finance-record,.hb-exp-list>.hb-finance-record{padding:16px;border-radius:13px}.hb-finance-record>.hb-finance-record-head{grid-template-columns:95px minmax(0,1fr);gap:12px}.hb-finance-record-reference{padding:10px 8px}.hb-finance-record-reference strong{font-size:16px}.hb-finance-record-client>strong{font-size:18px}.hb-finance-record-actions .hb-account-action{min-height:44px;max-width:100%;white-space:normal}}

.hb-finance-record-client .hb-booking-client-identity{min-width:0}
.hb-finance-record-client .hb-booking-client-name{min-width:0;overflow-wrap:anywhere}
.hb-finance-record-client .hb-booking-client-name strong{font-size:20px;color:#192c4b}
.hb-finance-record-client .hb-activity-specialist{display:inline-flex;align-items:center;gap:6px;vertical-align:middle}
.hb-finance-record-client .hb-activity-specialist .hb-booking-client-avatar{width:24px;height:24px;min-width:24px;flex:0 0 24px;font-size:10px}
.hb-payments-panel td .hb-account-action{white-space:nowrap}
@media(max-width:650px){.hb-finance-record-client .hb-booking-client-name strong{font-size:18px}}

/* Internal collection notes and extension availability: compact, scoped styling. */
.hb-collection-note-link{display:inline-flex;align-items:center;max-width:100%;border:0;background:transparent;padding:5px 0;font:inherit;font-size:12px;font-weight:400;color:#778294;cursor:pointer;text-align:left;overflow-wrap:anywhere}
.hb-collection-note-link:hover{color:#34445b;text-decoration:underline;background:transparent}
.hb-collection-notes{min-width:0}.hb-collection-notes textarea{width:100%;min-height:72px;box-sizing:border-box;resize:vertical}
.hb-collection-note-list{list-style:none;padding:0;margin:18px 0}.hb-collection-note-list li{padding:10px 0;border-top:1px solid #edf0f4}.hb-collection-note-list small{font-size:11px;color:#87909e}.hb-collection-note-list p{margin:5px 0 0;font-size:13px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.hb-collection-note-pages{display:flex;flex-wrap:wrap;gap:12px}
#hb-work-adjustment .hb-extension-clear,#hb-work-adjustment .hb-extension-impact{font-size:12px;line-height:1.5;font-weight:400;color:#85909e;margin:0}
#hb-work-adjustment .hb-extension-impact p{margin:4px 0 0;font-size:12px}

#modal[data-modal-key="collectionNotes"]{width:min(620px,calc(100vw - 28px));max-width:calc(100vw - 28px);box-sizing:border-box}
.hb-note-heading{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:13px;margin-bottom:14px;color:#7d8795}.hb-note-heading strong{color:#29354a}.hb-note-heading small{margin-left:auto;background:#f2f4f7;border-radius:20px;padding:4px 9px;font-size:11px;color:#778294}
.hb-note-info{display:flex;align-items:flex-start;gap:9px;padding:11px 13px;margin:0 0 18px;background:#f7f8fa;border-radius:12px;color:#788393}.hb-note-info>span{display:grid;place-items:center;flex:0 0 16px;height:16px;border:1px solid #bac2cd;border-radius:50%;font-size:10px;margin-top:2px}.hb-note-info p{margin:0;font-size:12px;line-height:1.55}
.hb-collection-notes .hb-note-form-actions{display:flex;justify-content:flex-end;align-items:center;gap:14px}.hb-collection-notes .hb-note-form-actions .btn{width:auto;min-width:100px;padding:9px 18px;font-size:13px}.hb-note-row-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.hb-note-row-head>div{display:flex;gap:14px}.hb-note-row-head .hb-collection-note-link{font-size:11px}.hb-collection-notes .error:empty{display:none}

/* Billix accents limited to the collection notes dialog. */
#modal[data-modal-key="collectionNotes"]>.modal-head h2{font-weight:800;color:#e51e59;letter-spacing:-.6px}
.hb-collection-notes .hb-note-heading strong{font-size:16px;font-weight:750;color:#192c4b}
.hb-collection-notes .hb-note-heading small{background:#fff2f3;color:#e51e59;font-weight:650}
.hb-collection-notes .hb-note-info{background:#f7f8fa;border-left:2px solid #e51e59;border-radius:0 12px 12px 0}
.hb-collection-notes .hb-note-info>span{color:#e51e59;border-color:#eab4cc;font-weight:700}
.hb-collection-notes .field>span{font-weight:700;color:#192c4b}
.hb-collection-notes .hb-note-form-actions .btn{background:#e51e59;border-color:#e51e59;color:#fff;font-weight:750;border-radius:12px;box-shadow:none}
.hb-collection-notes .hb-note-form-actions .btn:hover{background:#e51e59;border-color:#e51e59;color:#fff}
.hb-collection-notes .hb-collection-note-list li{padding:13px 0}
.hb-collection-notes .hb-collection-note-list p{font-weight:600;color:#192c4b;font-size:14px}
.hb-collection-notes .hb-note-row-head>div{align-items:center;gap:10px}
.hb-collection-notes .hb-note-edit{color:#e51e59;width:30px;height:30px;justify-content:center;padding:0;border-radius:8px;flex-shrink:0}
.hb-collection-notes .hb-note-edit:hover{background:#fff2f3;text-decoration:none}
.hb-collection-notes [data-note-delete]{color:#8a929e;font-weight:400;padding:7px 0;font-size:12px}
.hb-collection-notes [data-note-delete]:hover{color:#606b7b}
.hb-collection-notes .hb-collection-note-pages [data-invoice-view]{color:#e51e59;font-weight:700}
.hb-collection-notes .hb-collection-note-link:focus-visible{outline:2px solid #e51e59;outline-offset:3px}

.hb-owner-subscription{min-width:0}.hb-subscription-summary{padding:18px;border-radius:16px;background:#f7f8fa;margin-bottom:16px}.hb-subscription-summary>span{display:block;font-size:12px;font-weight:700;color:#e51e59;margin-bottom:9px}.hb-subscription-summary>strong{display:block;font-size:24px;color:#192c4b}.hb-subscription-summary small{font-size:13px;font-weight:500}.hb-subscription-summary p{font-size:13px;color:#788393;margin:10px 0 0}.hb-subscription-card,.hb-business-subscription-access{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:15px 0}.hb-subscription-card>span{display:flex;align-items:center;gap:8px}.hb-business-subscription-access>.small-note{flex:1 1 240px;margin:0;font-size:12px}

/* Subscription: separate fiscal details from card enrollment guidance. */
.hb-owner-subscription > #hb-platform-subscribe{margin-top:28px}

/* Billix subscription/card modals only. Disabled prerequisites are not loading. */
#modal[data-modal-key="platformSubscription"] .modal-head h2,#modal[data-modal-key="paymentCardTitle"] .modal-head h2{color:#192c4b;font-weight:800}
.hb-owner-subscription .hb-subscription-summary{background:#f3f6fb;border-top:3px solid #e51e59}
.hb-owner-subscription .hb-subscription-summary>span{display:flex;align-items:center;gap:8px;color:#e51e59;font-weight:800}
.hb-owner-subscription .hb-subscription-summary>span svg{width:19px;height:19px}
.hb-owner-subscription .hb-subscription-summary>strong{font-weight:800}
.hb-owner-subscription .hb-subscription-summary p{color:#40536e;font-weight:600;line-height:1.65}
.hb-billing-note{display:flex;align-items:flex-start;gap:11px;margin:20px 0;color:#40536e;line-height:1.65}
.hb-billing-note>svg,.hb-billing-blocked>svg{width:19px;height:19px;flex:0 0 19px;margin-top:3px;color:#e51e59}
.hb-billing-note p{margin:0}
.hb-owner-subscription .hb-subscription-card{padding:16px;background:#f3f6fb;border-radius:14px;gap:14px}
.hb-owner-subscription .hb-subscription-card>span{color:#192c4b;font-weight:700;min-width:0;flex:1 1 240px}
.hb-owner-subscription .hb-subscription-card>span>svg{flex:0 0 22px}
.hb-owner-subscription [data-subscription-card]{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#fff;color:#e51e59;border:1px solid #dce2eb;border-radius:10px;padding:11px 14px;font-weight:750;line-height:1.35;white-space:normal}
.hb-owner-subscription [data-subscription-card] svg{width:22px;height:22px;flex:0 0 22px}
.hb-owner-subscription [data-subscription-card]:hover{background:#fff0f1;color:#e51e59}
.hb-billing-test{margin:18px 0;color:#667085;font-size:13px;line-height:1.65}
.hb-billing-test>strong{display:inline-flex;align-items:center;gap:7px;background:#fff0f1;color:#e51e59;padding:5px 10px;border-radius:8px;font-size:12px;font-weight:750}
.hb-billing-test>strong svg{width:17px;height:17px;flex:0 0 17px}
.hb-billing-test p{margin:10px 0 0}
.hb-billing-section-title{display:flex;align-items:center;gap:9px;color:#192c4b;font-size:16px;font-weight:800;margin:0 0 16px}
.hb-billing-section-title svg{width:21px;height:21px;color:#e51e59}
.hb-owner-subscription #hb-platform-subscribe .field>span:first-child{color:#192c4b;font-weight:700}
.hb-owner-subscription #hb-platform-subscribe .check{padding:14px;background:#f3f6fb;border-radius:12px;color:#192c4b;font-weight:650;line-height:1.6}
.hb-owner-subscription #hb-platform-subscribe>.btn,.hb-payment-card-modal .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#e51e59;color:#fff;font-weight:750}
.hb-owner-subscription #hb-platform-subscribe>.btn:disabled,.hb-payment-card-modal button:disabled{cursor:default}
.hb-owner-subscription #hb-platform-subscribe>.btn:disabled{background:var(--hb-button-soft);color:#65748b;opacity:1;border:1px solid #dce2eb;box-shadow:none;border-color:var(--hb-button-soft-border)}
.hb-owner-subscription #hb-platform-subscribe>.btn[aria-busy="true"]{cursor:default}
.hb-billing-blocked{display:flex;gap:9px;align-items:flex-start;color:#e51e59;background:#fff5f5;border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.55}
.hb-billing-blocked strong{font-weight:650}
.hb-card-empty{display:flex;gap:12px;align-items:center;padding:18px;background:#f3f6fb;border-radius:14px;color:#192c4b;margin:20px 0}
.hb-card-empty svg{width:30px;height:30px;flex:0 0 30px;color:#e51e59}
.hb-payment-card-modal .hb-saved-payment-card{background:#f3f6fb;color:#192c4b}
.hb-card-setup-notice{display:flex;align-items:flex-start;gap:12px;border-left:3px solid #e51e59;border-radius:12px;background:#fff5f5;padding:18px;margin-top:22px;text-align:left}
.hb-card-setup-notice>svg{width:22px;height:22px;flex:0 0 22px;color:#e51e59;margin-top:2px}
.hb-card-setup-notice h3{color:#e51e59;font-size:16px;line-height:1.45;font-weight:750;margin:0 0 8px}
.hb-card-setup-notice p{color:#536178;font-size:14px;line-height:1.65;margin:0}
.hb-payment-card-modal .small-note{line-height:1.7;color:#667085}
@media(max-width:540px){.hb-owner-subscription .hb-subscription-card{padding:14px}.hb-owner-subscription [data-subscription-card]{width:100%}.hb-card-setup-notice{padding:14px}.hb-billing-section-title{font-size:15px}}

/* Navy actions keep a clean edge, including hover and keyboard focus. */
#hb-business-results .hb-business-actions>.hb-business-open:is(:hover,:active,:focus-visible){background:#192c4b;color:#fff;border-color:transparent}
#hb-business-results .hb-business-actions>.hb-business-open:focus-visible,.hb-acct-tabs [aria-pressed=true]:focus-visible,.hb-finance-areas [aria-pressed=true]:focus-visible{outline:2px solid #8aa1c1;outline-offset:3px;border-color:transparent}
.hb-business-subscription-access>[data-platform-subscription],.hb-business-subscription-access>[data-platform-subscription]:hover{color:#8396b3}

/* Shared error cards: same Billix treatment across forms, modals and error toasts.
   CSS-only decoration preserves textContent updates, escaping and :empty behavior. */
.error:not(:empty),.hb-booking-slot-error:not(:empty),p.hb-client-import-error:not(:empty){position:relative;box-sizing:border-box;min-width:0;max-width:100%;padding:16px 18px 16px 49px;background:#fff5f5;color:#e51e59;border:0;border-left:3px solid #e51e59;border-radius:13px;font-size:14px;font-weight:700;line-height:1.6;text-align:left;overflow-wrap:anywhere;box-shadow:none}
.error:not(:empty)::before,.hb-booking-slot-error:not(:empty)::before,p.hb-client-import-error:not(:empty)::before{content:"";position:absolute;left:17px;top:18px;width:19px;height:19px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d92832' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v6m0-10v.2'/%3E%3C/svg%3E");pointer-events:none}
.error :is(h3,strong){color:#e51e59;font-weight:750}.error h3{font-size:16px;margin:0 0 8px;line-height:1.45}
.error :is(p,small){color:#536178;font-weight:400;line-height:1.65}.error p{margin:8px 0 0}.error p:first-child{margin-top:0}
.error a{color:#8396b3;text-decoration:underline;text-underline-offset:3px}
.error:empty,.error[hidden],p.hb-client-import-error:empty,p.hb-client-import-error[hidden]{display:none!important}
.form-grid>.error,.grid.two>.error{grid-column:1/-1}
.hb-field-error:not(:empty),.hb-bank-editor [data-iban-error]:not(:empty){box-sizing:border-box;min-width:0;max-width:100%;padding:7px 10px;margin-top:6px;border:0;border-left:2px solid #e51e59;border-radius:7px;background:#fff5f5;color:#e51e59;font-size:12px;font-weight:600;line-height:1.5;overflow-wrap:anywhere;text-align:left}
.hb-field-error:empty,.hb-field-error[hidden],.hb-bank-editor [data-iban-error]:empty,.hb-bank-editor [data-iban-error][hidden]{display:none!important}
#toast.is-error{background:#fff5f5;color:#536178;border:0;border-left:3px solid #e51e59;border-radius:13px;box-shadow:0 8px 30px #192c4b18}
#toast.is-error strong{color:#e51e59;font-size:14px;font-weight:750}
#toast.is-error>svg,#toast.is-error .hb-toast-action>svg,#toast.is-error .hb-toast-action>span{color:#e51e59;flex-shrink:0}
#toast.is-error .hb-toast-action:focus-visible{outline-color:#8aa1c1}
.hb-billing-blocked{border-left:3px solid #e51e59}
@media(max-width:540px){.error:not(:empty),.hb-booking-slot-error:not(:empty),p.hb-client-import-error:not(:empty){padding:13px 13px 13px 42px;font-size:13px}.error:not(:empty)::before,.hb-booking-slot-error:not(:empty)::before,p.hb-client-import-error:not(:empty)::before{left:13px;top:15px;width:18px;height:18px}}

/* Compact resource cards: place identity, specialists and action on one row. */
.hb-resource-assignments .hb-resource-assignment{grid-template-columns:minmax(150px,.8fr) minmax(0,2fr) auto;gap:14px 20px;padding:14px 16px;margin:10px 0;background:#fff;border:1px solid #e6e8ef;border-radius:13px;box-shadow:none;align-items:center}
.hb-resource-assignments .hb-assignment-content{display:flex;align-items:center;gap:12px;min-width:0}
.hb-resource-assignments .hb-assignment-symbol{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 42px;box-sizing:border-box;background:#f3eefb;border-left:2px solid #6835b5;border-radius:9px;color:#6835b5}
.hb-resource-assignments .hb-assignment-symbol svg{width:23px;height:23px}
.hb-resource-assignments .hb-assignment-content h3{margin:0;font-size:16px;line-height:1.35;font-weight:750;color:#192c4b;overflow-wrap:anywhere;min-width:0}
.hb-resource-assignments .hb-assignment-people{display:flex;flex-wrap:wrap;gap:6px 18px;min-width:0;align-items:center}
.hb-resource-assignments .hb-assignment-link{flex-direction:row;align-items:center;gap:8px;padding:3px 5px;text-align:left;min-width:0}
.hb-resource-assignments .hb-assignment-link .hb-booking-client-avatar{width:30px;height:30px;flex:0 0 30px}
.hb-resource-assignments .hb-assignment-person{display:grid;gap:2px;min-width:0}
.hb-resource-assignments .hb-assignment-person strong{font-size:14px;color:#192c4b;font-weight:700;line-height:1.4}
.hb-resource-assignments .hb-assignment-person>span{font-size:12px;color:#788393;line-height:1.4}
.hb-resource-assignments .hb-assignment-people>.small-note{margin:0;font-size:13px;color:#788393}
.hb-resource-assignments .hb-assignment-actions{display:flex;justify-content:flex-end;min-width:0}
.hb-resource-assignments .hb-assignment-add{border:1px solid #e9eaf0;border-radius:9px;min-height:40px;padding:8px 12px;font-size:13px;font-weight:750;white-space:normal;text-align:left}
.hb-resource-assignments :is(.hb-assignment-link,.hb-assignment-add):focus-visible{outline:2px solid #8aa1c1;outline-offset:3px}
@media(max-width:900px){.hb-resource-assignments .hb-resource-assignment{grid-template-columns:minmax(0,1fr) auto;gap:10px 14px}.hb-resource-assignments .hb-assignment-content{grid-column:1}.hb-resource-assignments .hb-assignment-people{grid-column:1;grid-row:2}.hb-resource-assignments .hb-assignment-actions{grid-column:2;grid-row:2}}
@media(max-width:480px){.hb-resource-assignments .hb-resource-assignment{grid-template-columns:minmax(0,1fr);padding:12px}.hb-resource-assignments .hb-assignment-actions{grid-column:1;grid-row:3}.hb-resource-assignments .hb-assignment-add{min-height:44px}.hb-resource-assignments .hb-assignment-symbol{width:36px;height:36px;flex-basis:36px}.hb-resource-assignments .hb-assignment-symbol svg{width:21px;height:21px}}

/* Quiet reference captions shared by agenda, activity and finance records. */
[data-live-agenda] .hb-agenda-card .booking-time,
#hb-activity-list .hb-activity-reference small,
.hb-finance-record .hb-finance-record-reference small,
.hb-board-card-reference>span:not(.hb-board-spine-name){font-size:11px;font-weight:400;line-height:1.5;color:#776c88;font-variant-numeric:proportional-nums;letter-spacing:normal}
/* Financial dashboard cards stack on phones; labels keep room beside the controls. */
@media(max-width:700px){
 .hb-dash-grid[data-dash-scope],.hb-finance-chart,.hb-exp-kpi-grid,.hb-exp-dashboard{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;min-width:0;max-width:100%}
 .hb-dash-grid[data-dash-scope]>.hb-dash-card{grid-column:1/-1;min-width:0;max-width:100%;width:100%;box-sizing:border-box}
 .hb-dash-grid .hb-dash-header{gap:10px;padding:12px 14px;min-width:0;height:auto;min-height:52px}
 .hb-dash-grid .hb-dash-header h3{flex:1 1 auto;min-width:0;word-break:normal;overflow-wrap:break-word;white-space:normal;display:block;-webkit-line-clamp:unset}
 .hb-dash-grid .hb-dash-header>button{flex-shrink:0}
 .hb-finance-record>.hb-finance-record-head{grid-template-columns:minmax(0,1fr);gap:14px}
 .hb-finance-record .hb-finance-record-reference{align-self:start;justify-self:start;max-width:100%;box-sizing:border-box;min-width:0}
 .hb-finance-record .hb-finance-record-status{grid-column:1;align-items:flex-start;min-width:0}
 .hb-finance-record .hb-finance-record-actions{flex-wrap:wrap;min-width:0}
}

/* Consistent compact document and appointment references. */
#hb-activity-list .hb-activity-reference strong,
[data-live-agenda] .hb-agenda-card .hb-booking-order,
.hb-finance-record .hb-finance-record-reference strong,
.hb-board-card .hb-board-card-reference>strong{font-size:15px;font-weight:700;line-height:1.35;letter-spacing:normal}
#hb-activity-list .hb-activity-reference,
[data-live-agenda] .hb-agenda-card .hb-agenda-reference,
.hb-finance-record .hb-finance-record-reference{align-self:center;padding:10px;gap:4px;min-height:0}
.hb-finance-record .hb-finance-record-reference strong{overflow-wrap:anywhere;word-break:normal}
.hb-board-card .hb-board-invoice-number{font-size:13px;font-weight:600}

/* Document history follows the quiet description panels. */
.hb-invoice-viewer .hb-invoice-timeline{background:#f5f6f8;border:0;border-radius:16px;padding:16px 18px;margin:18px 0;color:#637087;font-size:14px;line-height:1.6}
.hb-invoice-viewer .hb-invoice-timeline>summary{display:flex;align-items:center;color:#192d4b;font-size:15px;font-weight:500}
.hb-document-history-body{padding-top:10px;overflow-wrap:anywhere}
.hb-invoice-viewer .hb-document-history-body p{padding:10px 0;margin:0}
.hb-document-history-body p+p{border-top:1px solid #e4e8ee}
.hb-document-history-body strong{font-weight:500;color:#192d4b}
/* Fixed date column keeps unread indicators aligned across varying dates. */
.hb-mailbox-row>.hb-unread-dot{margin:0;align-self:center}
@media(min-width:901px){.hb-mailbox-list-item{grid-template-columns:21px minmax(0,1fr) 154px 164px}.hb-mailbox-list-item>.hb-mailbox-row-actions{justify-content:flex-end}.hb-mailbox-date{font-variant-numeric:proportional-nums}}

/* Disabled email configuration is not an in-flight request. */
.hb-invoice-mail button:disabled,.hb-invoice-mail input:disabled{cursor:default}.hb-invoice-mail button[aria-busy="true"]{cursor:default}

/* Monthly invoice archive: solid, rounded pockets without shadows. */
.hb-vault-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 20px}.hb-vault-toolbar h3{margin:4px 0;font-size:22px}.hb-vault-toolbar small{color:#657184}.hb-vault-tabs{display:flex;gap:6px;flex-wrap:wrap}.hb-vault-tabs button{border:2px solid #c2c9d2;border-radius:12px;background:#fff;color:#344258;padding:10px 14px;font:inherit;font-weight:650;cursor:pointer}.hb-vault-tabs button[aria-pressed="true"],.hb-vault-tabs button[aria-expanded="true"]{border-color:#38465b;background:var(--hb-button-soft);color:#18273c;border-color:var(--hb-button-soft-border)}.hb-vault{margin-bottom:24px}.hb-vault[hidden]{display:none}.hb-vault-year{border-top:2px solid #d7dde4;padding:16px 0}.hb-vault-year>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;padding:4px 0 14px}.hb-vault-year>summary strong{font-size:24px}.hb-vault-year>summary span{font-size:13px;color:#657184}.hb-vault-months{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}.hb-vault-pocket{border:3px solid #aeb8c6;border-radius:20px;background:#f4f6f8;padding:12px;box-shadow:none}.hb-vault-pocket.is-current{border-color:#66778f}.hb-vault-pocket button{font:inherit;cursor:pointer;color:#24354c;box-shadow:none}.hb-vault-month{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border:0;border-bottom:2px solid #d0d7e0;background:transparent;padding:10px 2px 16px;text-transform:capitalize}.hb-vault-month span{font-weight:700}.hb-vault-month>strong{font-size:26px}.hb-vault-kinds{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:12px}.hb-vault-kinds button{border:2px solid #c5cdd7;border-radius:12px;padding:10px 6px;display:grid;gap:6px;text-align:center;background:white}.hb-vault-kinds span{font-size:12px}.hb-vault-kinds strong{font-size:18px}.hb-vault button:hover{border-color:#52657f;background:#e9eef4}.hb-vault button:focus-visible,.hb-vault-tabs button:focus-visible{outline:3px solid #52657f;outline-offset:3px}@media(max-width:600px){.hb-invoice-register{background:#fff}.hb-vault-toolbar{align-items:flex-start}.hb-vault-tabs{width:100%}.hb-vault-tabs button{flex:1;padding:10px 6px;font-size:12px}.hb-vault-months{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hb-vault-pocket{padding:9px;border-radius:17px}.hb-vault-kinds{gap:5px}.hb-vault-kinds button{padding:9px 2px}.hb-vault-kinds span{font-size:11px}.hb-vault-month span{font-size:13px}}
/* Compact monthly document stacks, aligned with the Today board. */
.hb-vault-tabs{padding:5px;border:1px solid #e3e5eb;border-radius:16px;background:#f5f6f9;gap:4px}.hb-vault-tabs button{border:0;border-radius:11px;background:transparent;padding:11px 16px;color:#596175;font-weight:600}.hb-vault-tabs button[aria-pressed="true"],.hb-vault-tabs button[aria-expanded="true"]{background:#222332;color:white;border:0}.hb-vault-months{display:block}.hb-vault-month-block{margin:12px 0 24px;border:0}.hb-vault-month-block>summary{display:flex;align-items:center;justify-content:space-between;padding:14px 4px;cursor:pointer}.hb-vault-month-block>summary strong{text-transform:capitalize;font-size:19px}.hb-vault-month-block>summary span{font-size:13px;color:#738094}.hb-vault-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:800px}.hb-vault-pair .hb-vault-pocket{border:1px solid #e6eaf1;background:#f4f6f9;padding:15px;border-radius:20px;min-width:0}.hb-vault-pocket h4{display:flex;justify-content:space-between;align-items:center;margin:0 0 15px;font-size:20px}.hb-vault-pocket h4 span{background:white;border-radius:8px;padding:4px 8px;font-size:13px}.hb-vault-card{border:1px solid #dfe5ef;border-top:4px solid #7044b5;border-radius:15px;background:#fff;overflow:hidden;position:relative;box-shadow:none}.hb-vault-card.is-credit{border-top-color:#279574}.hb-vault-card.is-unpaid{border-top-color:#e51e59}.hb-vault-card+.hb-vault-card{margin-top:-9px}.hb-vault-card-head{display:grid!important;grid-template-columns:1fr auto;gap:6px;width:100%;text-align:left;border:0!important;border-radius:0!important;background:white!important;padding:12px!important;min-height:65px}.hb-vault-card-head small{font-size:11px;color:#7c8799}.hb-vault-card-head span{grid-column:1/-1;font-size:12px;color:#68758b}.hb-vault-card-body{padding:14px}.hb-vault-card-body[hidden]{display:none}.hb-vault-card-body h3{font-size:19px;margin:0}.hb-vault-card-body>small{display:block}.hb-vault-amount{font-size:23px;display:block;padding:12px 0;border-top:1px solid #edf0f5}.hb-vault-state{font-size:13px;color:#67758a}.hb-vault-card-actions{display:grid;gap:8px;margin-top:12px}.hb-vault-card-actions .btn{width:100%;padding:10px;font-size:13px}.hb-vault-card-actions .btn:not(.secondary){background:#e51e59;color:#fff;border-color:#e51e59}.hb-vault-stack{min-width:0}.hb-vault-card-head:focus-visible{outline:3px solid #7044b5!important;outline-offset:-4px!important}.hb-history-card{border-radius:18px;padding:22px}.hb-history-service{font-weight:600;margin:12px 0}.hb-history-specialist{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:#768296;font-size:13px}.hb-history-specialist time{margin-left:auto}.hb-history-card .hb-booking-client-identity h3{margin:0}.hb-history-card .hb-short-reference{font-size:12px;color:#758097}.hb-history-card .hb-guest-actions{margin-top:16px}
/* Shared description rhythm for email events and invoice footnotes. */
.hb-document-history-body p,.hb-collection-note-list li{position:relative;padding:12px 0 12px 24px!important;border:0!important;margin:0 0 8px!important}.hb-document-history-body p:before,.hb-collection-note-list li:before{content:'';position:absolute;left:1px;top:19px;width:8px;height:8px;border-radius:50%;background:#e51e59}.hb-document-history-body p,.hb-collection-note-list p{font-size:14px!important;line-height:1.65!important;font-weight:400!important;color:#22334d}.hb-document-history-body strong{font-weight:650}.hb-invoice-sheet footer{line-height:1.65}.hb-invoice-sheet footer p{margin:7px 0}.hb-activity-events>li{align-items:flex-start}.hb-activity-events .hb-activity-dot{margin-top:7px;flex-shrink:0}
@media(max-width:600px){.hb-vault-pair{gap:9px}.hb-vault-pair .hb-vault-pocket{padding:8px;border-radius:16px}.hb-vault-pocket h4{font-size:16px}.hb-vault-card-body{padding:9px}.hb-vault-card-body h3{font-size:15px}.hb-vault-card-head{grid-template-columns:1fr;gap:3px;padding:9px!important}.hb-vault-card-body .avatar{width:30px;height:30px;min-width:30px}.hb-vault-amount{font-size:17px}.hb-vault-card-actions .btn{font-size:11px;padding:9px 4px}.hb-vault-card-body .hb-booking-client-identity{flex-wrap:wrap}.hb-vault-card-body{overflow-wrap:anywhere}.hb-history-specialist time{margin-left:0;width:100%}.hb-vault-tabs button{padding:10px 8px}}
/* Same card anatomy as Today; compact archive footprint. */
.hb-vault-pair.hb-board{max-width:660px;margin:0 0 16px;gap:16px}.hb-vault-pair .hb-vault-pocket{padding:13px}.hb-vault-pair.hb-board .hb-vault-card{padding:0;box-shadow:none;border-top:4px solid #7044b5}.hb-vault-pair.hb-board .hb-vault-card.is-credit{border-top-color:#279574}.hb-vault-pair.hb-board .hb-vault-card.is-unpaid{border-top-color:#e51e59}.hb-vault-pair .hb-vault-card-head{display:flex!important;flex-wrap:wrap;min-height:44px;margin:0!important;padding:11px 12px!important;border-bottom:1px solid #edf0f4!important}.hb-vault-pair .hb-vault-card-head .hb-board-spine-name{flex-basis:100%}.hb-vault-pair .is-front .hb-board-spine-name{display:none}.hb-vault-pair.hb-board .hb-vault-card-body{padding:13px}.hb-vault-pair.hb-board .hb-booking-client-identity h3{font-size:19px}.hb-vault-pair.hb-board .hb-board-service,.hb-vault-pair.hb-board .hb-board-card-top{font-size:15px}.hb-vault-pair.hb-board .hb-board-person,.hb-vault-pair.hb-board .hb-board-status,.hb-vault-pair.hb-board .hb-board-invoice-number{font-size:13px}.hb-vault-pair.hb-board .hb-board-card-foot>strong{font-size:23px}.hb-vault-pair.hb-board .hb-board-card-actions{display:grid;grid-template-columns:1fr;gap:9px}.hb-vault-pair.hb-board .hb-board-card-actions>.btn{font-size:13px;padding:10px;min-height:42px}.hb-vault-pair.hb-board .hb-board-card-actions>.btn:not(.secondary){background:#e51e59;border-color:#e51e59;color:white}.hb-vault-pair.hb-board .hb-board-card-actions>.btn.secondary{background:white;color:#192d4b;border-color:#dce2ea}.hb-vault-pair.hb-board .hb-booking-client-identity .avatar{width:38px;height:38px;min-width:38px}.hb-vault-pair.hb-board .hb-board-reference-row{padding:0}.hb-vault-pair .hb-vault-card+.hb-vault-card{margin-top:-6px}
@media(max-width:600px){.hb-vault-pair.hb-board{grid-template-columns:minmax(0,1fr);max-width:310px;gap:12px}.hb-vault-pair.hb-board .hb-vault-card-head{display:flex!important}.hb-vault-pair.hb-board .hb-booking-client-identity{flex-wrap:nowrap}}

.hb-vault-pair .hb-vault-details-link{border:0;background:transparent;padding:0;color:#192d4b;font:inherit;font-weight:700;text-align:left}.hb-vault-pair .hb-vault-details-link:hover{background:transparent;text-decoration:underline}
/* Compact archive: two months per desktop row, each with its own two pockets. */
.hb-invoice-register .hb-vault-months{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;max-width:1120px}
.hb-invoice-register .hb-vault-month-block{min-width:0;margin:0 0 14px}
.hb-invoice-register .hb-vault-month-block>summary{padding:10px 2px;gap:8px}
.hb-invoice-register .hb-vault-month-block>summary strong{font-size:17px}
.hb-invoice-register .hb-vault-month-block>summary span{font-size:11px}
.hb-invoice-register .hb-vault-pair.hb-board{width:100%;max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}
.hb-invoice-register .hb-vault-pair .hb-vault-pocket{padding:9px;border-radius:16px;min-width:0}
.hb-invoice-register .hb-vault-pocket h4{font-size:16px;margin-bottom:10px;gap:6px}
.hb-invoice-register .hb-vault-pocket h4 span{font-size:11px;padding:3px 6px}
.hb-invoice-register .hb-vault-pocket>.hb-vault-stack>.small-note{font-size:12px;line-height:1.5}
.hb-invoice-register .hb-vault-pair .hb-vault-card-head{min-height:35px;padding:8px 9px!important;gap:4px}
.hb-invoice-register .hb-vault-card-head strong{font-size:11px}
.hb-invoice-register .hb-vault-card-head span{font-size:10px!important}
.hb-invoice-register .hb-vault-pair.hb-board .hb-vault-card-body{padding:10px}
.hb-invoice-register .hb-vault-pair.hb-board .hb-booking-client-identity{gap:7px}
.hb-invoice-register .hb-vault-pair.hb-board .hb-booking-client-identity h3{font-size:16px;line-height:1.3}
.hb-invoice-register .hb-vault-pair.hb-board .hb-booking-client-identity .avatar{width:30px;height:30px;min-width:30px;font-size:11px}
.hb-invoice-register .hb-vault-pair.hb-board .hb-board-service,.hb-invoice-register .hb-vault-pair.hb-board .hb-board-card-top{font-size:13px;line-height:1.4;margin-bottom:8px}
.hb-invoice-register .hb-vault-pair.hb-board .hb-board-person{font-size:11px;line-height:1.4;margin-bottom:8px;gap:6px}
.hb-invoice-register .hb-vault-pair .hb-booking-specialist-avatar{width:22px;height:22px;min-width:22px}
.hb-invoice-register .hb-vault-pair.hb-board .hb-board-status,.hb-invoice-register .hb-vault-pair.hb-board .hb-board-invoice-number{font-size:11px;padding:4px 6px}
.hb-invoice-register .hb-vault-pair.hb-board .hb-collection-note-link{display:inline-block;width:auto;min-height:0;margin:4px 0 0;padding:0;border:0;background:transparent;color:#8290a2;font-size:11px;font-weight:400;line-height:1.5;text-align:left}
.hb-invoice-register .hb-vault-pair.hb-board .hb-collection-note-link:hover{color:#192d4b;text-decoration:underline;background:transparent}
.hb-invoice-register .hb-vault-pair.hb-board .hb-board-card-foot{margin-top:10px;padding-top:9px;gap:9px}
.hb-invoice-register .hb-vault-pair.hb-board .hb-board-card-foot>strong{font-size:19px}
.hb-invoice-register .hb-vault-pair.hb-board .hb-board-card-actions{gap:7px}
.hb-invoice-register .hb-vault-pair.hb-board .hb-board-card-actions>.btn{font-size:11px;min-height:35px;padding:8px 5px;border-radius:9px}
@media(max-width:1199px){.hb-invoice-register .hb-vault-months{grid-template-columns:minmax(0,1fr);max-width:550px}}
@media(max-width:480px){.hb-invoice-register .hb-vault-pair.hb-board{grid-template-columns:minmax(0,1fr);max-width:260px}.hb-invoice-register .hb-vault-pocket:has(.hb-vault-stack>.small-note){padding-bottom:8px}}
/* Stable editor and compact card spines. */
html{scrollbar-gutter:stable}
textarea:not([data-fixed-size]){box-sizing:border-box;min-height:0;resize:none;scrollbar-width:none!important;-ms-overflow-style:none}
textarea:not([data-fixed-size])::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}
.hb-invoice-register .hb-vault-months{margin-left:auto;margin-right:auto}
.hb-invoice-register .hb-vault>.small-note{margin-bottom:28px;padding-bottom:8px}
.hb-board-stack>.hb-board-card.is-folded,.hb-vault-stack>.hb-vault-card:not(.is-front){height:var(--hb-fold-height,48px);min-height:0;flex-shrink:0;overflow:hidden}
.hb-board-stack>.hb-board-card.is-folded .hb-board-card-reference,.hb-invoice-register .hb-vault-stack>.hb-vault-card:not(.is-front) .hb-vault-card-head{height:var(--hb-fold-height,48px);min-height:0!important;padding-top:3px!important;padding-bottom:3px!important;align-content:start}
.hb-board-stack>.hb-board-card.is-folded:focus-within,.hb-vault-stack>.hb-vault-card:not(.is-front):focus-within{height:auto;min-height:44px}
@media(max-width:480px){.hb-invoice-register .hb-vault-pair.hb-board{margin-left:auto;margin-right:auto}}
/* An empty archive pocket does not stretch to the neighbouring card stack. */
.hb-invoice-register .hb-vault-pair .hb-vault-pocket:has(>.hb-vault-stack>.small-note):not(:has(.hb-vault-card)){align-self:start;height:auto;min-height:0;padding-bottom:12px}
.hb-invoice-register .hb-vault-pocket:has(>.hb-vault-stack>.small-note):not(:has(.hb-vault-card)) .hb-vault-stack{min-height:0}
.hb-invoice-register .hb-vault-pocket:has(>.hb-vault-stack>.small-note):not(:has(.hb-vault-card)) .small-note{margin:0;padding:2px 0 0}

/* Compact empty pockets match Today; collection verdicts share a baseline. */
.hb-invoice-register .hb-vault-pocket:has(>.hb-vault-stack>.small-note):not(:has(.hb-vault-card)) .small-note{display:grid;place-items:center;text-align:center;color:#7b8899;border:1px dashed #dce3ec;border-radius:12px;padding:12px 10px;line-height:1.8;font-weight:400}
.hb-payments-panel td{vertical-align:middle}
.hb-payments-panel .hb-payment-invoice{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px}
.hb-payments-panel .hb-payment-invoice .hb-account-action{display:inline-flex;align-items:center;margin:0;line-height:1.4}
.hb-payments-panel .hb-payment-verdict{display:inline-block;margin:0;line-height:1.4;font-size:inherit;font-weight:700;color:#596579}
.hb-payments-panel .hb-payment-verdict.is-credit{color:#e51e59}
.hb-payments-panel .hb-payment-total{font-weight:700}

/* Each archive month is a self-contained card, with equal-width desktop columns. */
.hb-invoice-register .hb-vault-months{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:1120px;align-items:start;padding:8px 0 20px}
.hb-invoice-register .hb-vault-month-block{box-sizing:border-box;width:100%;min-width:0;margin:0;border:2px solid #dce2ea;border-radius:24px;background:#fff;box-shadow:none;overflow:hidden}
.hb-invoice-register .hb-vault-month-block>summary{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-height:68px;padding:16px 18px;margin:0;box-sizing:border-box;color:#192d4b}
.hb-invoice-register .hb-vault-month-block[open]>summary{border-bottom:1px solid #e7ebf1}
.hb-invoice-register .hb-vault-month-block>summary strong{flex:1;min-width:0;font-size:18px;line-height:1.35;overflow-wrap:anywhere}
.hb-invoice-register .hb-vault-month-block>summary span{flex:0 1 auto;max-width:45%;font-size:11px;line-height:1.5;text-align:right;color:#738094}
.hb-invoice-register .hb-vault-month-block>summary::before{flex-shrink:0;color:#738094}
.hb-invoice-register .hb-vault-month-block>summary:hover{background:#fafbfd}
.hb-invoice-register .hb-vault-month-block>summary:focus-visible{outline:2px solid #7044b5;outline-offset:-5px;border-radius:20px}
.hb-invoice-register .hb-vault-month-block>[data-vault-cards]{padding:14px;min-width:0}
.hb-invoice-register .hb-vault-month-block .hb-vault-pair.hb-board{margin:0 auto;width:100%;max-width:none;align-items:start}
.hb-invoice-register .hb-vault-month-block [data-vault-more]{display:block;max-width:100%;margin:14px auto 0;white-space:normal}
@media(max-width:1199px){.hb-invoice-register .hb-vault-months{grid-template-columns:minmax(0,1fr);max-width:560px;gap:18px}}
@media(max-width:560px){
 .hb-invoice-register .hb-vault-months{gap:16px;padding-top:4px}
 .hb-invoice-register .hb-vault-month-block{border-radius:20px}
 .hb-invoice-register .hb-vault-month-block>summary{min-height:62px;padding:14px 12px;gap:9px}
 .hb-invoice-register .hb-vault-month-block>summary strong{font-size:17px}
 .hb-invoice-register .hb-vault-month-block>summary span{font-size:10px}
 .hb-invoice-register .hb-vault-month-block>[data-vault-cards]{padding:10px}
 .hb-invoice-register .hb-vault-month-block .hb-vault-pair.hb-board{grid-template-columns:minmax(0,1fr);max-width:300px;gap:12px}
}

.hb-invoice-register .hb-vault-year{border-top:0}

/* Align the monthly archive with the full-width invoice filters. */
.hb-invoice-register .hb-vault-months{width:100%;max-width:none;margin-inline:0}
.hb-invoice-register .hb-vault-month-block[open]>summary{border-bottom:0}
.hb-invoice-register .hb-vault-month-block .hb-vault-pair.hb-board{max-width:550px;margin-inline:auto}
.hb-invoice-register .hb-vault-year>summary>span,.hb-invoice-register .hb-vault-month-block>summary>span{font-weight:700}
.hb-invoice-register .hb-vault-year>summary>span{font-size:13px}
.hb-invoice-register .hb-vault-month-block>summary>span{font-size:12px}
.hb-invoice-register .hb-vault>.small-note strong{font-weight:700;color:#4e5b6e}
.hb-list-result-count,.hb-invoice-register .hb-invoice-result-count{font-size:13px;font-weight:700;color:#657184;line-height:1.5;font-variant-numeric:proportional-nums}
@media(max-width:560px){.hb-invoice-register .hb-vault-month-block .hb-vault-pair.hb-board{max-width:300px}}

.hb-visit-addon .hb-addon-amount{font-size:14px;font-weight:700;color:#8396b3;line-height:1.5;white-space:nowrap}
.hb-visit-addon .hb-addon-verdict{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:4px;color:#657184;font-size:13px;line-height:1.5}

/* Quiet archive surfaces: pale months, contrasting pockets, original invoice cards. */
.hb-invoice-register .hb-vault-month-block{border:0;background:#f7f4ee;box-shadow:none}
.hb-invoice-register .hb-vault-month-block>summary,
.hb-invoice-register .hb-vault-month-block>summary>span,
.hb-invoice-register .hb-vault-month-block>summary::before{color:#17181b}
.hb-invoice-register .hb-vault-month-block>summary,.hb-invoice-register .hb-vault-month-block>summary:hover{background:#eee8dd}
.hb-invoice-register .hb-vault-pair .hb-vault-pocket{background:#e5e7eb;border:0;box-shadow:none}
.hb-invoice-register .hb-vault-pocket>h4{color:#536278}
.hb-invoice-register .hb-vault-pocket>h4 span{box-sizing:border-box;display:grid;place-items:center;flex-shrink:0;min-width:26px;height:26px;padding:3px 6px;border-radius:8px;background:#fff;color:#536278;font-size:12px;font-weight:700;line-height:1;font-variant-numeric:proportional-nums}
.hb-invoice-register .hb-vault-pocket:has(>.hb-vault-stack>.small-note):not(:has(.hb-vault-card)) .small-note{color:#647084;background:rgba(255,255,255,.25);border:0}

/* One quiet invoice stack per month; switch between collected and credited. */
.hb-invoice-register .hb-vault-months{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}
.hb-invoice-register .hb-vault-month-block>summary{padding:16px 12px;gap:7px;min-height:62px;flex-wrap:wrap}
.hb-invoice-register .hb-vault-month-block>summary strong{font-size:16px;flex:1 0 auto}
.hb-invoice-register .hb-vault-switch{display:grid;grid-template-columns:1fr 1fr;position:relative;isolation:isolate;align-items:center;gap:2px;max-width:100%;padding:3px;border-radius:10px;background:transparent}
.hb-invoice-register .hb-vault-switch button{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:6px 7px;border:0;border-radius:8px;background:transparent;color:#17181b;font-size:11px;font-weight:700;line-height:1.3;white-space:nowrap;box-shadow:none;position:relative;z-index:1}
.hb-invoice-register .hb-vault-switch button[aria-pressed="true"]{background:transparent;color:#17181b}
.hb-invoice-register .hb-vault-switch button:focus-visible{outline:2px solid #7044b5;outline-offset:1px}
.hb-invoice-register .hb-vault-switch button span{font-size:10px;color:inherit;font-variant-numeric:proportional-nums}
.hb-invoice-register .hb-vault-month-block .hb-vault-pair.hb-board{display:block;max-width:300px}
.hb-invoice-register .hb-vault-pair .hb-vault-pocket{padding:0;background:transparent;border:0;border-radius:0}
.hb-invoice-register .hb-vault-pocket[hidden]{display:none!important}
.hb-invoice-register .hb-vault-pocket>h4{display:none}
.hb-invoice-register .hb-vault-pair .hb-vault-pocket:has(>.hb-vault-stack>.small-note):not(:has(.hb-vault-card)){padding:0}
.hb-invoice-register .hb-vault-pocket:has(>.hb-vault-stack>.small-note):not(:has(.hb-vault-card)) .small-note{background:transparent;padding:18px 8px;color:#647084}

@media(max-width:1100px){.hb-invoice-register .hb-vault-months{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.hb-invoice-register .hb-vault-months{grid-template-columns:minmax(0,1fr)}}

/* Transparent track with a single sliding white selection. */
.hb-invoice-register .hb-vault-switch::before{content:"";position:absolute;z-index:0;left:3px;top:3px;bottom:3px;width:calc((100% - 8px)/2);background:#fff;border-radius:8px;transition:transform .2s ease;pointer-events:none}
.hb-invoice-register .hb-vault-switch:has(button[data-vault-select="credited"][aria-pressed="true"])::before{transform:translateX(calc(100% + 2px))}
.hb-invoice-register .hb-vault-switch button:hover{background:transparent;color:#17181b}
@media(prefers-reduced-motion:reduce){.hb-invoice-register .hb-vault-switch::before{transition:none}}

/* Empty monthly pockets use the same message frame as Today. */
.hb-invoice-register .hb-vault-pocket:has(>.hb-vault-stack>.small-note):not(:has(.hb-vault-card)) .small-note{display:grid;place-items:center;box-sizing:border-box;text-align:center;color:#17181b;font-size:14px;font-weight:700;line-height:1.8;margin:0;padding:12px 10px;border:1px dashed #dce3ec;border-radius:12px;background:transparent;min-height:0}
.hb-invoice-register .hb-vault-month-block .hb-vault-pair.hb-board:has(>.hb-vault-pocket:not([hidden])>.hb-vault-stack>.small-note){max-width:none}

/* Archive disclosure is separate from the invoice period selector. */
.hb-vault-archive-toolbar{box-sizing:border-box;width:100%;min-width:0;margin:28px 0;padding:20px 24px;gap:16px;border:0;border-radius:20px;background:#f7f4ee}
.hb-vault-disclosure{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:0;border-radius:10px;background:transparent;color:#192d4b;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.hb-vault-disclosure:hover{background:#f7f4ee}
.hb-vault-disclosure:focus-visible{outline:2px solid #192d4b;outline-offset:2px}
.hb-register-toolbar{margin-top:24px;padding-top:24px;border-top:1px solid #e7ebf1}
.hb-vault-toolbar>h3{margin:0;font-size:22px;line-height:1.35}
@media(max-width:600px){.hb-register-toolbar{gap:12px}.hb-vault-archive-toolbar{align-items:center}}

/* Archive stack selection never expands a folded card merely because it receives focus. */
.hb-invoice-register .hb-vault-stack{overflow-anchor:none}
.hb-invoice-register .hb-vault-stack>.hb-vault-card:not(.is-front):focus-within{height:var(--hb-fold-height,48px);min-height:0}
.hb-invoice-register .hb-vault-card-head{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:grab}
.hb-invoice-register .hb-vault-card.is-vault-pulling{position:relative;z-index:10;pointer-events:none;transition:none;box-shadow:0 8px 20px #192d4b20}
.hb-invoice-register .hb-vault-card.is-vault-pulling .hb-vault-card-head{cursor:grabbing}

/* Comfortable archive header spacing on narrow screens. */
.hb-vault-archive-toolbar .hb-vault-disclosure:hover{background:#eee8dd}
@media(max-width:600px){.hb-vault-archive-toolbar{margin:24px 0;padding:18px 16px;border-radius:18px;gap:12px;flex-wrap:nowrap}.hb-vault-archive-toolbar>h3{min-width:0;overflow-wrap:anywhere}.hb-vault-archive-toolbar .hb-vault-disclosure{flex-shrink:0;padding:8px}}

/* Archive grips use the same body-row placement and styling as Today. */
.hb-invoice-register .hb-vault-grip{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:grab}

/* Shared confirmations: never turn a horizontal flex basis into button height. */
.hb-confirm>.form-actions{align-items:stretch}
.hb-confirm>.form-actions>.btn{flex:0 1 auto;box-sizing:border-box;min-width:0;min-height:44px;height:auto;margin:0;line-height:1.45;padding:11px 16px;white-space:normal;overflow-wrap:anywhere}
@media(max-width:650px){
 .hb-confirm>.form-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));grid-auto-rows:1fr;gap:12px;width:100%;align-items:stretch}
 .hb-confirm>.form-actions>.btn{width:100%;max-width:100%;align-self:stretch}
}

/* Keep dismissal available throughout scrolling in every dialog family. */
dialog:not(.hb-image-modal)>.modal-head,
dialog>.hb-search-sheet-head,
dialog>.hb-preview-head,
dialog.jd-photo-editor>header,
dialog>.jd-draw-workspace-head{
 position:relative!important;top:auto!important;z-index:100;isolation:isolate;flex-shrink:0;overflow:visible;
}
dialog:not(.hb-image-modal):not(:has(#hb-support-form))>.modal-head,
dialog>.hb-search-sheet-head,dialog>.hb-preview-head{background:#fff}
/* A zero-height sticky rail preserves the compact confirmation layout. */
dialog>.hb-modal-close-rail{position:sticky;top:30px;z-index:100;height:0;overflow:visible;pointer-events:none}
dialog>.hb-modal-close-rail>.hb-dialog-close{position:absolute;top:-18px;right:-18px;width:40px;height:40px;background:#fff;pointer-events:auto}
/* Gallery dialogs use the viewport; they do not share the form scroller. */
dialog.hb-image-modal>.modal-head{position:fixed!important;top:max(12px,env(safe-area-inset-top))!important;right:max(16px,env(safe-area-inset-right));z-index:100;margin:0;background:transparent;border:0}

/* Appointment history follows the invoice register's lighter typography. */
.hb-history-card{font-size:14px;line-height:1.55;color:#192c4b}
.hb-history-card .hb-booking-client-name>strong,.hb-history-card .hb-booking-client-identity h3{font-size:20px;font-weight:700;line-height:1.3;color:#192c4b}
.hb-history-card .hb-history-service{font-size:14px;font-weight:400;line-height:1.55;margin:8px 0}
.hb-history-card>p:not(.hb-short-reference):not(.hb-history-specialist){font-size:14px;font-weight:400;line-height:1.55}
.hb-history-card>p>strong{font-size:16px;font-weight:600;color:#192c4b}
.hb-history-card .hb-history-specialist{font-size:12px;font-weight:400;line-height:1.5;color:#78869a}
.hb-history-card .hb-guest-actions>.btn{font-size:13px;font-weight:600;line-height:1.45;min-height:40px;padding:8px 12px;border:1px solid #e9eaf0;border-radius:9px;color:#3d3d43;background:#fff}
@media(max-width:650px){.hb-history-card .hb-guest-actions>.btn{min-height:44px}}

.hb-history-card>p>.hb-history-state{font-size:14px;font-weight:700}
.hb-history-card>p>.hb-history-state.is-credit{color:#e51e59}

/* Only the close control compensates for dialog scrolling; the title scrolls away. */
dialog .hb-scroll-close{position:relative;z-index:101;translate:0 var(--hb-close-scroll,0px);transition:none!important;background:#fff!important;color:#192d4b!important;flex-shrink:0}

/* Invoice export uses the Finance action appearance, with a visible short label. */
.hb-billing-tabs button.hb-invoice-export{display:inline-flex;align-items:center;justify-content:center;gap:9px;flex:0 1 auto;min-width:0;max-width:100%;min-height:44px;padding:12px 17px;border:1px solid transparent;border-radius:8px;background:#fff;color:#141414;font-size:15px;font-weight:800;letter-spacing:-.01em;text-align:left;white-space:normal;box-shadow:none}
.hb-billing-tabs button.hb-invoice-export:hover{background:var(--hb-button-soft);color:#141414;border-color:#a5a5ad;border-color:var(--hb-button-soft-border)}
.hb-billing-tabs button.hb-invoice-export svg{flex-shrink:0}

/* Invoice filters stay in document flow on desktop and mobile. */
#app .hb-search-dock.hb-billing-filter{position:relative;top:auto;z-index:auto;transform:none;transition:none}

/* Use the same proportional Inter digits throughout the interface. */
:root{font-variant-numeric:proportional-nums}
body,button,input,select,textarea{font-variant-numeric:proportional-nums}
/* Slightly smaller expense amounts; retain right alignment and visual hierarchy. */
.hb-exp-kpi-grid .hb-exp-kpi-value,.hb-exp-kpi-grid .hb-exp-kpi-value>strong{font-size:23px}
.hb-exp-list .hb-finance-record-status>strong{font-size:18px}
.hb-exp-dashboard .hb-exp-aging>strong,.hb-exp-dashboard .hb-exp-bars strong{font-size:16px}
@media(max-width:650px){.hb-exp-kpi-grid .hb-exp-kpi-value,.hb-exp-kpi-grid .hb-exp-kpi-value>strong{font-size:20px}}

/* Expense details: compact, left-aligned document layout. */
.hb-exp-detail{font-size:14px;line-height:1.5;color:#192c4b;text-align:left}
.hb-exp-detail-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.hb-exp-detail-head .hb-booking-client-identity{min-width:0;flex:1}
.hb-exp-status{display:inline-flex;padding:5px 10px;border-radius:7px;background:#f0edf8;color:#6936a6;font-size:12px;font-weight:700}
.hb-exp-document-meta{display:flex;flex-wrap:wrap;gap:8px 20px;margin:14px 0 20px;color:#78869a;font-size:13px}
.hb-exp-document-meta strong{color:#192c4b;margin-left:5px}
.hb-exp-detail .hb-exp-kpis{margin:0 0 20px;gap:10px}
.hb-exp-detail .hb-exp-kpis>div{background:#f6f7f9;border:0;border-radius:10px;padding:14px;gap:7px}
.hb-exp-detail .hb-exp-kpis>div>span{text-align:left;font-size:12px;color:#78869a}
.hb-exp-detail .hb-exp-kpis>div>strong{font-size:18px;font-weight:700;color:#192c4b;white-space:normal;overflow-wrap:anywhere;letter-spacing:normal}
.hb-exp-dates{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 18px;padding-bottom:18px;border-bottom:1px solid #edf0f4}
.hb-exp-dates dt,.hb-exp-note>span{font-size:12px;color:#78869a;margin-bottom:5px}
.hb-exp-dates dd{margin:0;font-size:14px;font-weight:600}
.hb-exp-note{margin-bottom:18px}.hb-exp-note p{margin:5px 0 0;overflow-wrap:anywhere}
.hb-exp-detail>.hb-guest-actions{justify-content:flex-start;margin:18px 0;gap:10px}
.hb-exp-detail>.hb-guest-actions>.btn{font-size:13px;min-height:40px;padding:8px 13px}
.hb-exp-payment-history{margin-top:22px;padding-top:18px;border-top:1px solid #edf0f4}
.hb-exp-payment-history>h3{margin:0 0 12px;font-size:15px;font-weight:700;text-align:left}
.hb-exp-payment-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #edf0f4}
.hb-exp-payment-row:last-child{border-bottom:0}.hb-exp-payment-row>div{min-width:0}
.hb-exp-payment-row>div>strong{font-size:13px;font-weight:600}.hb-exp-payment-row small{display:block;margin-top:4px;font-size:12px;color:#78869a;overflow-wrap:anywhere}
.hb-exp-payment-row>strong{font-size:16px;font-weight:700;text-align:right;overflow-wrap:anywhere}
@media(max-width:650px){
 .hb-exp-detail .hb-exp-kpis{grid-template-columns:1fr;gap:7px}
 .hb-exp-detail .hb-exp-kpis>div{flex-direction:row;align-items:center;gap:12px;padding:12px}
 .hb-exp-detail .hb-exp-kpis>div>span{width:auto;flex:1}
 .hb-exp-detail .hb-exp-kpis>div>strong{width:auto;font-size:17px;max-width:65%}
 .hb-exp-detail>.hb-guest-actions>.btn{min-height:44px;flex:1 1 140px}
 .hb-exp-payment-row{flex-wrap:wrap;gap:6px 12px}.hb-exp-payment-row>strong{margin-left:auto}
}

/* Meaningful accents and quiet payment metadata. */
.hb-exp-detail .hb-exp-document-meta strong{color:#8396b3;font-weight:700}
.hb-exp-detail .hb-exp-kpis>div:nth-child(2)>strong,.hb-exp-payment-row>strong{color:#8396b3}
.hb-exp-detail.has-outstanding .hb-exp-kpis>div:last-child>strong{color:#e51e59}
.hb-exp-status.expOutstanding,.hb-exp-status.expPartPaid{color:#e51e59;background:#fff1f2}
.hb-exp-status.expPaid{color:#8396b3;background:#edf5ff}
.hb-exp-status.card_archived{color:#78869a;background:#f3f4f6}
.hb-exp-detail .hb-exp-dates dd{font-size:13px}
.hb-exp-detail .hb-exp-note p{font-size:13px;color:#141414;font-weight:700}
.hb-exp-payment-row>div>strong{font-size:12px;font-weight:500;color:#64748b}
.hb-exp-payment-row small{font-size:12px;font-weight:400;line-height:1.5;color:#78869a}
.hb-exp-detail>.hb-guest-actions>.btn.secondary{color:#8396b3;font-weight:700;border-color:#e7edf4}
.hb-exp-detail-head .hb-booking-client-name>strong,.hb-exp-detail-head .hb-booking-client-identity h3{font-size:20px;font-weight:700}

/* Center expense dates/actions; payment history follows the mail event style. */
.hb-exp-detail .hb-exp-dates{text-align:center}
.hb-exp-detail>.hb-guest-actions{justify-content:center}
.hb-exp-payment-events{list-style:none;margin:0;padding:0}
.hb-exp-payment-events>.hb-exp-payment-row{display:grid;grid-template-columns:9px minmax(0,1fr) auto;align-items:start;gap:12px;padding:14px 0}
.hb-exp-payment-events .hb-activity-dot{margin-top:5px;background:#e51e59}
.hb-exp-payment-events>.hb-exp-payment-row>strong{align-self:center;font-size:16px;max-width:100%}
.hb-exp-payment-events>.hb-exp-payment-row>div>strong{font-size:13px;font-weight:600;color:#192c4b}
@media(max-width:650px){.hb-exp-detail>.hb-guest-actions>.btn{flex:0 1 auto;max-width:100%}}
@media(max-width:380px){.hb-exp-payment-events>.hb-exp-payment-row{grid-template-columns:9px minmax(0,1fr)}.hb-exp-payment-events>.hb-exp-payment-row>strong{grid-column:2;justify-self:end}}

/* Expense archive action uses the brand navy. */
.hb-exp-detail>.hb-guest-actions>.btn[data-exp-archive],.hb-exp-detail>.hb-guest-actions>.btn[data-exp-archive]:is(:hover,:active,:focus-visible){background:#192d4b;color:#fff;border-color:#192d4b}

/* Quiet, compact empty timeline message. */
.hb-activity-events>li.hb-activity-no-history{font-size:14px;font-weight:700;line-height:1.5;color:#19191c;padding:8px 0;overflow-wrap:anywhere}
.hb-activity-events>li.hb-activity-no-history strong{font-size:14px;font-weight:700;color:inherit}

/* Shared glass backdrop for every modal, including galleries and confirmations.
   Keep the page visible through the same soft glass used by drag pockets. */
dialog::backdrop{
 background:radial-gradient(ellipse at 25% 5%,rgba(255,255,255,.36),transparent 55%),radial-gradient(ellipse at 95% 95%,rgba(255,255,255,.22),transparent 50%),linear-gradient(135deg,rgba(255,255,255,.45),rgba(255,255,255,.12) 44%,rgba(236,240,245,.25))!important;
 -webkit-backdrop-filter:blur(4px) saturate(115%)!important;
 backdrop-filter:blur(4px) saturate(115%)!important;
}

/* Frosted glass pockets: Today and Archives share the same material. */
.hb-board .hb-board-column:not(.can-drop),
.hb-invoice-register .hb-vault-month-block,
.hb-vault-archive-toolbar{
 background:#F7F9FC;
 -webkit-backdrop-filter:blur(4px) saturate(115%);
 backdrop-filter:blur(4px) saturate(115%);
 border-color:transparent;
 box-shadow:0 5px 18px #192d4b0d,inset 1px 1px 3px #ffffffb3,inset -1px -2px 6px #192d4b0a;
}
.hb-board .hb-board-column>header,
.hb-invoice-register .hb-vault-month-block>summary,
.hb-invoice-register .hb-vault-month-block>summary:hover{
 background:#EEF0F3;
 -webkit-backdrop-filter:blur(8px) saturate(115%);
 backdrop-filter:blur(8px) saturate(115%);
 color:#192d4b;
}
.hb-vault-disclosure:hover,.hb-vault-archive-toolbar .hb-vault-disclosure:hover{background:rgba(228,235,244,.65)}

/* Enlarged, faint card reflection under the frosted pocket surface. */
.hb-board .hb-board-column,.hb-invoice-register .hb-vault-month-block{position:relative;isolation:isolate}
.hb-pocket-reflection{position:absolute;inset:0;z-index:-1;border-radius:inherit;overflow:hidden;pointer-events:none;user-select:none;opacity:.17;filter:blur(13px) saturate(.65);contain:strict}
.hb-board .hb-board-column>header,.hb-invoice-register .hb-vault-month-block>summary{position:relative;z-index:1}

/* Crisp pale edges around glass surfaces, with no outer or inset shadows. */
.hb-board .hb-board-column,
.hb-invoice-register .hb-vault-month-block,
.hb-vault-archive-toolbar{box-shadow:none!important;border:1px solid #e7ebf1}
.hb-invoice-register .hb-register-toolbar{border-top:0}
.hb-pocket-reflection{filter:none}

/* Action buttons retain crisp edges during pointer interaction. */
.btn:is(:hover,:active,:focus){box-shadow:none!important}

/* Compact export history with readable metadata and a quiet download action. */
.hb-export-history-intro{font-size:13px;line-height:1.65;margin:0 0 20px;color:#788394}
.hb-export-history{display:grid;gap:12px}
.hb-export-record{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;padding:18px;border:1px solid #e7ebf1;border-radius:14px;background:#fafbfd;box-shadow:none}
.hb-export-record-info{flex:1 1 270px;min-width:0;display:grid;gap:6px}
.hb-export-record-info>strong{font-size:15px;font-weight:700;line-height:1.4;color:#17181b;overflow-wrap:anywhere}
.hb-export-period{font-size:13px;font-weight:600;color:#192d4b;line-height:1.5}
.hb-export-created{font-size:12px;color:#788394;line-height:1.5}
.hb-export-filename{display:block;font-size:11px;font-weight:400;line-height:1.5;color:#8993a2;overflow-wrap:anywhere;margin-top:3px}
.hb-export-download{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0;color:#19191c;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap;box-shadow:none;background:transparent;border:0}
.hb-export-download svg{width:17px;height:17px;flex-shrink:0}
.hb-export-download:visited{color:#19191c}
.hb-export-download:hover{color:#19191c;text-decoration:underline;background:transparent;box-shadow:none}
.hb-export-download:focus-visible{outline:2px solid #19191c;outline-offset:3px;border-radius:4px}
.hb-export-record .hb-export-unavailable{flex:1 1 100%;min-width:0}
.hb-export-record .hb-export-unavailable .small-note{font-size:12px}
@media(max-width:600px){.hb-export-record{padding:14px;gap:8px}.hb-export-record-info{flex-basis:100%}.hb-export-download{justify-content:flex-start}}

#modal:has(.hb-export-history)>.modal-head h2{font-size:22px;line-height:1.3;font-weight:700}

/* Selected navigation actions need the same crisp edge as hovered actions. */
.btn.active,.btn.is-current,.btn[aria-current="page"]{box-shadow:none!important}
.hb-finance-nav .btn.active,.hb-finance-nav .btn.active:hover,.hb-finance-options .btn.is-current{border:1px solid #a5a5ad;background:var(--hb-button-soft);color:#141414;box-shadow:none!important;transform:none;filter:none;border-color:var(--hb-button-soft-border)}
/* Financial export form: restrained typography, consistent with export history. */
#modal:has(#finance-export-form)>.modal-head h2{font-size:22px;font-weight:700;line-height:1.3}
#finance-export-form{gap:16px}
#finance-export-form>p{margin:0 0 4px;font-size:13px;line-height:1.7;color:#788394;font-weight:400}
#finance-export-form .field>span{font-size:13px;font-weight:600;color:#192d4b}
#finance-export-form .check{font-size:13px;line-height:1.55;color:#647184;gap:10px}
#finance-export-form :is(input:not([type=checkbox]),select,.hb-select-trigger,.hb-date-button){font-size:14px}
#finance-export-form>.btn{font-size:14px;min-height:44px}

/* All summary metrics follow the shared right-aligned number rule. */
.stats>.stat>strong{display:block;width:100%;box-sizing:border-box;text-align:right!important}
.hb-visit-summary>button>strong{grid-column:1/-1;grid-row:1;display:block;width:100%;text-align:right}
.hb-visit-summary>button>svg{grid-row:2}

/* Center the primary image action itself; reserve equal space on both sides. */
.hb-upload-custom .hb-upload-actions,.hb-ad-row .hb-upload-actions{display:grid;grid-template-columns:minmax(44px,1fr) minmax(0,max-content) minmax(44px,1fr);align-items:center;justify-content:normal;gap:8px;width:100%;box-sizing:border-box;min-width:0}
.hb-upload-custom .hb-upload-actions>.hb-upload-pick{grid-column:2;grid-row:1;min-width:0;max-width:100%;margin:0}
.hb-upload-custom .hb-upload-actions>.hb-upload-pick>span{justify-content:center;text-align:center;white-space:normal;overflow-wrap:anywhere;box-shadow:none}
.hb-upload-custom .hb-upload-actions>button{grid-column:3;grid-row:1;justify-self:start;margin:0}

/* Shared reference tiles across Today, Activity, invoices and expenses.
   Lilac tint starts at the upper left and fades toward the lower right. */
[data-live-agenda] .hb-agenda-card .hb-agenda-reference,
#hb-activity-list .hb-activity-reference,
.hb-finance-record .hb-finance-record-reference{
 background:radial-gradient(ellipse at 82% 100%,rgba(255,255,255,.8),transparent 65%),linear-gradient(135deg,rgba(225,214,242,.48),rgba(250,248,254,.32) 52%,rgba(237,228,250,.62));
 border:1px solid #e3daef;
 -webkit-backdrop-filter:blur(4px) saturate(110%);
 backdrop-filter:blur(4px) saturate(110%);
 box-shadow:none;
}

/* Shared footer counts also cover board results and administrative pagination. */
.hb-board .hb-list-result-count,.hb-register-pagination .hb-list-result-count{font-size:13px;font-weight:700;color:#657184;line-height:1.5;font-variant-numeric:proportional-nums}

/* The archive disclosure owns the entire header hit area. */
.hb-vault-archive-toolbar{position:relative;cursor:pointer}
.hb-vault-archive-toolbar .hb-vault-disclosure{position:static}
.hb-vault-archive-toolbar .hb-vault-disclosure::after{content:"";position:absolute;inset:0;border-radius:inherit;cursor:pointer}
.hb-vault-archive-toolbar:has(.hb-vault-disclosure:focus-visible){outline:2px solid #192d4b;outline-offset:2px}
.hb-vault-archive-toolbar .hb-vault-disclosure:focus-visible{outline:none}

/* Forecasts: restrained Apple blue, compact controls, no button glass or shadows. */
.hb-forecast{min-width:0;width:100%;color:#192d4b}
.hb-forecast-toolbar,.hb-forecast-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.hb-forecast-toolbar{margin:0 0 12px}
.hb-forecast-legend{display:flex;align-items:center;gap:7px;font-size:12px;color:#657184;flex-wrap:wrap}
.hb-forecast-legend i{width:18px;height:2px;background:#e51e59;display:inline-block}
.hb-forecast-legend i.is-forecast{background:#8396b3;margin-left:8px}
.hb-forecast-horizons{display:flex;gap:6px;flex-wrap:wrap}
.hb-forecast-horizons button{font:inherit;font-size:12px;font-weight:600;min-height:36px;padding:7px 10px;border:1px solid #e2e7ef;border-radius:9px;background:white;color:#657184;cursor:pointer;box-shadow:none;transform:none}
.hb-forecast-horizons button[aria-pressed=true]{color:#141414;font-weight:700;border-color:#d7dbe2;background:var(--hb-button-soft);border-color:var(--hb-button-soft-border)}
.hb-forecast-horizons button:disabled{opacity:1;color:#8a919d;cursor:default}
.hb-forecast-horizons button[aria-pressed=true]:disabled{color:#141414}
.hb-forecast :is(button,.hb-chart-point):focus-visible{outline:2px solid #8396b3;outline-offset:3px}
.hb-forecast-scroll{overflow-x:auto;max-width:100%;scrollbar-width:thin;scrollbar-color:#d9e3ef transparent}
.hb-forecast-line{min-width:540px;max-width:900px;margin:auto}
.hb-forecast-line>svg{height:auto;max-height:330px}
.hb-exp-line .hb-forecast-path{stroke-width:1.8}
.hb-forecast-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:14px 0 10px;font-size:13px}
.hb-forecast-summary strong{font-size:17px;font-weight:700;color:#8396b3;text-align:right;margin-left:auto}
.hb-forecast-caption{font-size:12px;color:#657184}
.hb-forecast-about{font:inherit;font-size:13px;font-weight:700;color:#141414;background:transparent;border:0;padding:8px 0;min-height:36px;cursor:pointer;box-shadow:none}
.hb-forecast-about:hover{text-decoration:underline}
.hb-forecast-note,.hb-forecast-empty{font-size:12px;color:#788394;line-height:1.6;margin:8px 0}
.hb-forecast-empty{font-size:13px;font-weight:600;color:#657184}
.hb-forecast-empty span{display:block;font-weight:400;font-size:12px;margin-top:4px}
#modal:has(.hb-forecast-modal){width:min(860px,calc(100vw - 24px));max-width:860px}
#modal:has(.hb-forecast-modal)>.modal-head h2{font-size:22px;line-height:1.3}
.hb-forecast-explanation{border-top:1px solid #e7ebf1;margin-top:18px;padding-top:12px;font-size:13px;line-height:1.65;color:#657184}
.hb-forecast-explanation p{margin:8px 0 14px;font-size:13px}
.hb-forecast-models{display:grid;gap:10px;margin:14px 0}
.hb-forecast-models>div{display:flex;align-items:baseline;justify-content:space-between;gap:16px}
.hb-forecast-models strong{font-size:13px;color:#192d4b;text-align:right;flex-shrink:0}
.hb-forecast-explanation small{font-size:12px}
.hb-forecast-table-wrap{overflow-x:auto;margin:20px 0 12px}
.hb-forecast-table-wrap table{width:100%;border-collapse:collapse;font-size:13px}
.hb-forecast-table-wrap :is(th,td){padding:10px 8px;border-bottom:1px solid #e7ebf1;text-align:right;white-space:nowrap}
.hb-forecast-table-wrap :is(th,td):first-child{text-align:left}
.hb-forecast-table-wrap th{font-size:12px;color:#657184;font-weight:600}
.hb-forecast-table-wrap td:nth-child(2){color:#8396b3;font-weight:700}
@media(max-width:600px){.hb-forecast-horizons button{min-height:44px}.hb-forecast-about{min-height:44px}.hb-forecast-line{min-width:520px}.hb-forecast-summary strong{font-size:16px}}

/* Dark controls on the pale expense dashboard headers. */
.hb-exp-dashboard .hb-dash-card .hb-dash-config,.hb-exp-dashboard .hb-dash-card .hb-dash-config:hover{color:#141414}
.hb-forecast-explanation h3{font-size:14px;font-weight:700;color:#141414;margin:8px 0}
.hb-forecast-candidates{color:#192d4b;font-weight:600}

.hb-exp-dashboard .hb-dash-card .hb-dash-config svg{color:#141414;stroke:currentColor}

/* Compact inbox: quick actions are independent of bulk selection. */
.hb-mailbox-list-item{position:relative;border-bottom:1px solid #eceef1;box-shadow:none!important}
.hb-mailbox-list-item.is-important{border-left:3px solid #e51e59}
.hb-mailbox-list-item:is(:hover,:focus-within){background:#f2f3f5!important}
.hb-mailbox-row-actions .icon-btn{box-shadow:none!important;border:1px solid transparent;color:#606875}
.hb-mailbox-row-actions .icon-btn:focus-visible{outline:2px solid #8396b3;outline-offset:1px}
.hb-mailbox-row-actions .icon-btn:hover{background:#fff;border-color:#dde1e7;color:#192d4b}
.hb-mailbox-row-actions .icon-btn[data-mailbox-action=trash]:hover{color:#e51e59;border-color:#f0d1df;background:#fff}
.hb-mailbox-row strong,.hb-mailbox-subject{font-size:13px}
.hb-mailbox-row.is-unread strong,.hb-mailbox-row.is-unread .hb-mailbox-subject{font-weight:700}
.hb-mailbox-row:not(.is-unread) .hb-mailbox-subject{font-weight:500}
@media(min-width:901px){
 .hb-mailbox-list-item,.hb-mail-skeleton>div{height:60px}
 .hb-mailbox-list-item{display:grid;grid-template-columns:21px minmax(0,1fr) 150px;gap:10px;padding:0 14px}
 .hb-mailbox-list-item>input{grid-column:1;grid-row:1}
 .hb-mailbox-list-item>.hb-mailbox-row{grid-column:2;grid-row:1;padding:0;gap:12px;position:relative}
 .hb-mailbox-initial{width:30px;height:30px;font-size:12px}
 .hb-mailbox-row-copy{display:grid;grid-template-columns:minmax(105px,24%) minmax(0,auto) minmax(0,1fr);align-items:center;gap:8px;flex:1;min-width:0}
 .hb-mailbox-row-top,.hb-mailbox-row-top strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
 .hb-mailbox-subject{max-width:100%;min-width:0;overflow:hidden}
 .hb-mailbox-snippet{font-size:13px;font-weight:400;color:#737984;min-width:0}
 .hb-mailbox-snippet::before{content:'· ';color:#9499a3}
 .hb-mailbox-row-copy>small{grid-column:1 / -1;font-size:10px;line-height:12px}
 .hb-mailbox-list-item>.hb-mailbox-row-actions,.hb-mailbox-list-item>.hb-mailbox-date{grid-column:3;grid-row:1;justify-self:end}
 .hb-mailbox-list-item>.hb-mailbox-row-actions{padding:0;gap:2px;z-index:1}
 .hb-mailbox-list-item>.hb-mailbox-date{padding:0;font-size:12px;pointer-events:none}
 .hb-mail-date-full{display:none}.hb-mail-date-compact{display:inline}
 .hb-mailbox-row>.hb-unread-dot{position:static;flex:none;width:6px;height:6px;margin:0;order:-1}
}
@media(min-width:901px) and (hover:hover) and (pointer:fine){
 .hb-mailbox-list-item>.hb-mailbox-row-actions{opacity:0;pointer-events:none}
 .hb-mailbox-list-item>.hb-mailbox-row-actions .icon-btn{visibility:visible}
 .hb-mailbox-list-item:is(:hover,:focus-within)>.hb-mailbox-row-actions{opacity:1;pointer-events:auto}
 .hb-mailbox-list-item:is(:hover,:focus-within)>.hb-mailbox-date{visibility:hidden}
}
@media(hover:none),(pointer:coarse){
 .hb-mailbox-list-item>.hb-mailbox-row-actions{opacity:1;pointer-events:auto}
 .hb-mailbox-list-item>.hb-mailbox-row-actions .icon-btn{visibility:visible}
}
@media(min-width:901px) and (hover:none){.hb-mailbox-list-item>.hb-mailbox-date{display:none}}
@media(max-width:900px){.hb-mailbox-list-item>.hb-mailbox-row-actions .icon-btn{visibility:visible}.hb-mailbox-list-item,.hb-mail-skeleton>div{height:112px}}

/* Mail columns retain the same origin regardless of unread/attachment state. */
.hb-mail-unread-slot{display:grid;place-items:center;width:8px;min-width:8px}
.hb-mail-unread-slot .hb-unread-dot{position:static;display:block;width:6px;height:6px;margin:0;border-radius:50%;background:#e51e59}
.hb-mail-sender{min-width:0;text-align:left;overflow:hidden}
.hb-mail-sender strong,.hb-mail-sender small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hb-mail-sender small{font-size:10px;color:#7c8290;margin-top:2px}
.hb-mail-preview{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:13px;line-height:20px}
.hb-mail-subject{font-weight:500;color:#303640}.hb-mail-excerpt{font-weight:400;color:#777e88}.hb-mail-separator{color:#a2a8b2;font-weight:400}
.hb-mailbox-row.is-unread .hb-mail-subject{font-weight:700;color:#171b23}
.hb-mail-attachment-slot{width:20px;display:grid;place-items:center}
.hb-mailbox-list-item.is-unread>.hb-mailbox-date{font-weight:700;color:#252c38}
@media(min-width:901px){
 .hb-mailbox-list-item{grid-template-columns:21px minmax(0,1fr) 88px;column-gap:12px;border-left:3px solid transparent}
 .hb-mailbox-list-item.is-important{border-left-color:#e51e59}
 .hb-mailbox-list-item>.hb-mailbox-row{display:grid;grid-template-columns:8px 30px minmax(120px,24%) minmax(0,1fr) 20px;column-gap:10px;width:100%;height:100%}
 .hb-mailbox-list-item>.hb-mailbox-date{width:88px;text-align:right}
 .hb-mailbox-list-item>.hb-mailbox-row-actions{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:146px;justify-content:flex-end;background:#f2f3f5;padding:3px;border-radius:8px}
 .hb-mailbox-list-item:is(:hover,:focus-within) .hb-mail-attachment-slot{visibility:hidden}
}
@media(max-width:900px){
 .hb-mailbox-list-item{position:relative;grid-template-columns:20px minmax(0,1fr);grid-template-rows:58px 36px;gap:2px 7px;padding:7px 9px;height:112px}
 .hb-mailbox-list-item>.hb-mailbox-row{display:grid;grid-column:2;grid-row:1;grid-template-columns:8px 28px minmax(0,1fr) 18px;grid-template-rows:25px 27px;column-gap:6px;row-gap:2px;align-items:center;padding:0;width:100%}
 .hb-mail-unread-slot{grid-column:1;grid-row:1}.hb-mailbox-initial{grid-column:2;grid-row:1;width:26px;height:26px;font-size:10px}
 .hb-mail-sender{grid-column:3 / -1;grid-row:1;padding-right:68px}.hb-mail-sender strong{font-size:12px}.hb-mail-sender small{display:none}
 .hb-mail-preview{grid-column:2 / 4;grid-row:2;font-size:12px}.hb-mail-attachment-slot{grid-column:4;grid-row:2;width:18px}
 .hb-mailbox-list-item>.hb-mailbox-date{position:absolute;top:11px;right:10px;font-size:10px;text-align:right;max-width:68px;padding:0}
 .hb-mailbox-list-item>.hb-mailbox-row-actions{grid-column:2;grid-row:2;justify-self:end;padding:0;gap:4px}
 .hb-mailbox-list-item>.hb-mailbox-row-actions .icon-btn{height:36px;width:36px}
}
/* Open conversation: compact header, readable messages and a calm reply area. */
.hb-mailbox-thread{min-width:0;padding:24px}
.hb-mailbox-thread-head{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:0 0 18px;border-bottom:1px solid #e7eaf0}
.hb-mailbox-thread-head>div:first-child{flex:1 1 100%;min-width:0}
.hb-mailbox-thread-head h2{font-size:21px;line-height:1.35;font-weight:700;letter-spacing:-.3px;margin:0 0 10px;overflow-wrap:anywhere;color:#192d4b}
.hb-mailbox-thread-head>div:first-child>strong{font-size:13px;display:block;color:#1b2230}
.hb-mailbox-thread-head>div:first-child>span,.hb-mailbox-thread-head>div:first-child>small{display:block;font-size:12px;color:#767e8b;overflow-wrap:anywhere}
.hb-mailbox-detail-actions{margin-right:auto}.hb-mailbox-detail-actions .hb-mailbox-row-actions{padding:0}
.hb-mailbox-conversation{display:flex;flex-direction:column;gap:14px;padding:18px 0}
.hb-mailbox-bubble,.hb-mailbox-bubble.is-mine{width:100%;max-width:none;margin:0;padding:18px 20px;border:1px solid #e7eaf0;border-radius:14px;background:#fff;box-shadow:none}
.hb-mailbox-bubble.is-mine{background:#f8faff;border-color:#e4eaf5}
.hb-mailbox-bubble>header{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:14px}
.hb-mailbox-bubble>header strong{font-size:13px;font-weight:700;color:#202735}.hb-mailbox-bubble>header small{font-size:11px;color:#7b8390;text-align:right}
.hb-mailbox-bubble .hb-support-message{font-size:14px;line-height:1.65;color:#343b47}
.hb-mailbox-bubble>small{display:block;margin-top:12px;font-size:11px;color:#7b8390;overflow-wrap:anywhere}
.hb-mailbox-thread .hb-mailbox-compose{padding:18px;border:1px solid #e4e8ef;border-radius:14px;background:#fff;min-width:0}
@media(max-width:600px){.hb-mailbox.has-thread>.hb-mailbox-thread{padding:14px 10px}.hb-mailbox-thread-head h2{font-size:18px}.hb-mailbox-bubble,.hb-mailbox-bubble.is-mine{padding:14px}.hb-mailbox-bubble>header{flex-wrap:wrap;gap:4px}.hb-mailbox-thread .hb-mailbox-compose{padding:12px}.hb-mailbox-thread-head>.btn{font-size:12px}}

/* Mail density and date placement, including narrow desktop windows. */
#app .hb-mailbox-list-item{min-height:0;box-sizing:border-box}
#app .hb-mailbox-list-item .hb-mail-sender strong{font-size:14px;line-height:20px}
#app .hb-mailbox-list-item .hb-mail-preview{font-size:14px;line-height:20px}
@media(min-width:901px){
 #app .hb-mailbox-list-item,.hb-mail-skeleton>div{height:50px}
}
@media(max-width:900px){
 #app .hb-mailbox-list-item,.hb-mail-skeleton>div{height:96px}
 #app .hb-mailbox-list-item{display:grid;grid-template-columns:20px minmax(0,1fr);grid-template-rows:48px 32px;gap:2px 7px;padding:6px 9px}
 #app .hb-mailbox-list-item>.hb-mailbox-row{height:48px;min-height:0;grid-template-rows:23px 23px;row-gap:2px;align-self:start}
 #app .hb-mailbox-list-item>.hb-mailbox-date{grid-area:auto;position:absolute;inset:8px 10px auto auto;transform:none;align-self:auto;justify-self:auto;margin:0;padding:0;max-width:88px;font-size:11px;line-height:20px;white-space:nowrap}
 #app .hb-mailbox-list-item .hb-mail-sender{padding-right:90px}
 #app .hb-mailbox-list-item>.hb-mailbox-row-actions{position:static;transform:none;grid-area:2 / 2;align-self:center;justify-self:end;height:32px;margin:0;padding:0;gap:6px}
 #app .hb-mailbox-list-item>.hb-mailbox-row-actions .icon-btn{width:34px;height:32px;min-height:0;padding:6px;border-color:transparent;background:transparent;border-radius:7px}
 #app .hb-mailbox-list-item>.hb-mailbox-row-actions .icon-btn:hover{border-color:#dde1e7;background:#fff}
 #app .hb-mailbox-list-item>.hb-mailbox-row-actions svg{width:19px;height:19px}
 #app .hb-mailbox-list-item>input{align-self:start;margin-top:15px}
}

/* Mail conversation accents, crisp edges and the Billix navy action. */
#app .hb-mailbox.has-thread{border:1px solid #e1e6ef;border-radius:18px;background:#fff;overflow:hidden}
#app .hb-mailbox-thread-head{padding:18px;border:1px solid #e5e8f1;border-radius:14px;background:linear-gradient(120deg,#f3f4fc 0%,#f6faff 58%,#fff 100%);box-shadow:none}
#app .hb-mailbox-thread-head h2{color:#192d4b}
#app .hb-mailbox-thread-head [data-support-status][data-resolved="true"]{background:#192d4b;color:#fff;border:1px solid #192d4b;font-weight:700;box-shadow:none}
#app .hb-mailbox-thread-head [data-support-status][data-resolved="true"]:hover{background:#243e61;border-color:#243e61;color:#fff}
#app .hb-mailbox-thread-head [data-support-status][data-resolved="true"] svg{color:#fff;stroke:currentColor}
#app .hb-mailbox-bubble{border-color:#e3e7ef;background:#fff}
#app .hb-mailbox-bubble.is-mine{background:#fff;border-color:#dce6f3}
#app .hb-mailbox-bubble>header strong{display:flex;align-items:center;gap:8px}
#app .hb-mailbox-bubble>header strong::before{content:'';display:block;flex:none;width:6px;height:6px;border-radius:50%;background:#e51e59}
#app .hb-mailbox-bubble.is-mine>header strong::before{background:#8396b3}
@media(max-width:600px){#app .hb-mailbox-thread-head{padding:14px}#app .hb-mailbox-thread-head [data-support-status]{min-height:40px}}

/* Rounded outer mailbox in both list and conversation views. */
#app .hb-mailbox,#app .hb-mailbox.has-thread{border:1px solid #e1e6ef;border-radius:18px;background:#fff;overflow:clip;box-shadow:none}

/* Quiet suggestion feedback, consistent in mail and forms. */
#app .hb-ml-panel{padding:10px 12px;margin:10px 0;border-color:#e6e9f0;box-shadow:none}
#app .hb-ml-panel>.hb-account-action{font-size:13px;line-height:1.4;font-weight:600;min-height:32px;padding:5px 8px}
#app .hb-ml-panel .hb-ml-result{font-size:12px;line-height:1.5;font-weight:500;color:#737d8e;margin-top:6px;gap:7px}
#app .hb-ml-panel .hb-ml-result small{font-size:11px;line-height:1.5;color:#7b8391}
#app .hb-ml-panel .hb-ml-choice>strong{font-size:12px;font-weight:600;color:#26364d}

/* Clear mail hierarchy: stronger identity, comfortable message text. */
#app .hb-mailbox-thread-head h2{font-size:24px;line-height:1.3;font-weight:700;color:#111318;margin-bottom:14px;letter-spacing:-.35px}
#app .hb-mailbox-thread-head>div:first-child>strong{font-size:17px;line-height:1.45;font-weight:700;color:#111318;margin:5px 0 2px}
#app .hb-mailbox-thread-head>div:first-child>span{font-size:14px;line-height:1.5;font-weight:600;color:#17191e}
#app .hb-mailbox-thread-head>div:first-child>small{font-size:13px;line-height:1.5;font-weight:600;color:#24262c}
#app .hb-mailbox-bubble>header strong{font-size:16px;line-height:1.45;font-weight:700;color:#111318}
#app .hb-mailbox-bubble .hb-support-message{font-size:16px;line-height:1.65;font-weight:400;color:#20242b;overflow-wrap:anywhere}
@media(max-width:600px){#app .hb-mailbox-thread-head h2{font-size:21px}#app .hb-mailbox-thread-head>div:first-child>strong{font-size:16px}}

/* Sender fallback colours use external CSS to respect CSP. */
#app .hb-mailbox-initial.hb-mail-avatar-0{background:#2855a6;color:#ffffff}
#app .hb-mailbox-initial.hb-mail-avatar-1{background:#6651ad;color:#ffffff}
#app .hb-mailbox-initial.hb-mail-avatar-2{background:#a33e73;color:#ffffff}
#app .hb-mailbox-initial.hb-mail-avatar-3{background:#e51e59;color:#ffffff}
#app .hb-mailbox-initial.hb-mail-avatar-4{background:#22776f;color:#ffffff}
#app .hb-mailbox-initial.hb-mail-avatar-5{background:#306c83;color:#ffffff}
#app .hb-mailbox-initial.hb-mail-avatar-6{background:#cae6ed;color:#000000}
#app .hb-mailbox-initial.hb-mail-avatar-7{background:#ddd0f3;color:#000000}
#app .hb-mailbox-initial.hb-mail-avatar-8{background:#f5c0d7;color:#000000}
#app .hb-mailbox-initial.hb-mail-avatar-9{background:#cce5cd;color:#000000}
#app .hb-mailbox-initial.hb-mail-avatar-10{background:#f2dfa6;color:#000000}
#app .hb-mailbox-initial.hb-mail-avatar-11{background:#d3ddf4;color:#000000}

/* Desktop quick actions; retain the existing mobile presentation. */
@media(min-width:901px){
#app .hb-mailbox-list-item>.hb-mailbox-row-actions{gap:6px}
#app .hb-mailbox-list-item>.hb-mailbox-row-actions .icon-btn{background:#fff;border:1px solid #cbd3df;color:#192d4b;border-radius:8px;box-shadow:none;flex-shrink:0}
#app .hb-mailbox-list-item>.hb-mailbox-row-actions .icon-btn svg{stroke-width:1.9}
#app .hb-mailbox-list-item>.hb-mailbox-row-actions .icon-btn:hover{background:#192d4b;border-color:#192d4b;color:#fff}
#app .hb-mailbox-list-item>.hb-mailbox-row-actions .icon-btn[data-mailbox-action=trash]{color:#e51e59;border-color:#efc8d9;background:#fff5f6}
#app .hb-mailbox-list-item>.hb-mailbox-row-actions .icon-btn[data-mailbox-action=trash]:hover{background:#e51e59;border-color:#e51e59;color:#fff}
#app .hb-mailbox-list-item>.hb-mailbox-row-actions .icon-btn.is-flagged{background:#ede7fa;border-color:#cbbbe8;color:#593a91}
@media(min-width:901px){#app .hb-mailbox-list-item>.hb-mailbox-row-actions{right:36px;width:auto;padding:3px 6px;background:#f2f3f5}#app .hb-mailbox-list-item>.hb-mailbox-row-actions .icon-btn{width:34px;height:34px;padding:6px}}
}

/* Video attachments and presentation previews: still frame with a clear Play affordance. */
.hb-video-thumb{position:relative;display:block;width:96px;height:64px;flex:none;overflow:hidden;border-radius:10px;background:#192d4b}
.hb-video-thumb>video,.hb-video-thumb>img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.hb-video-play{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.hb-video-play svg{width:30px;height:30px;padding:5px;border-radius:50%;background:#192d4be6;fill:#fff;border:1px solid #ffffffa0}
.hb-video-card{display:flex;align-items:center;gap:12px;max-width:100%;padding:8px;border:1px solid #e0e5ed;border-radius:12px;background:#fff;color:#192d4b;font:inherit;font-size:14px;font-weight:600;text-align:left;cursor:pointer;box-shadow:none}
.hb-video-card>span:last-child{overflow-wrap:anywhere;min-width:0}
.hb-profile-video{padding:16px;border:1px solid #e0e5ed;border-radius:14px;background:#fff}
.hb-profile-video h3{font-size:17px;margin:0 0 8px}.hb-profile-video .form-actions{margin-top:12px}
.hb-mail-file-visual .hb-video-thumb{width:100%;height:100%}
.hb-video-modal .hb-gallery-stage video{max-height:75vh;max-width:100%;width:auto;border-radius:12px}
.hb-video-download{display:block;padding:12px 20px;color:#8396b3;font-size:13px;overflow-wrap:anywhere}
[data-studio-video-section]{border:1px solid #dce3ed;border-radius:14px;padding:16px}

/* Compact video, edit and archive actions share one row. */
#hb-business-results .hb-business-actions{grid-template-columns:minmax(0,1fr) 44px 44px 44px}
#hb-business-results .hb-business-actions>.hb-business-video{grid-column:2;order:0;display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;padding:10px;border:1px solid #e5e5e7;background:#fff;color:#192d4b;box-shadow:none}
#hb-business-results .hb-business-actions>.hb-business-video svg{width:22px;height:22px;flex:none}
#hb-business-results .hb-business-actions>[data-edit-space]{grid-column:3}
#hb-business-results .hb-business-actions>:is([data-business^="archive:"],[data-business^="delete:"]){grid-column:4}
#hb-business-results .hb-business-actions>.hb-business-video:hover{background:#f5f6f8}
@media(max-width:400px){#hb-business-results .hb-business-actions>.hb-account-action{grid-column:1/-1}}

/* Video attachments use the same compact frame as other media. */
.hb-studio-video{display:flex;align-items:center;gap:10px;min-width:0}
.hb-studio-video .hb-video-card{min-width:0;max-width:100%}
.hb-studio-video .hb-video-card>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hb-studio-video .hb-video-thumb video{width:100%;height:100%;margin:0;border-radius:0;background:transparent;object-fit:cover}
.hb-studio-video [data-remove-video]{flex:none}

/* Compact upload feedback and clear playback controls on card covers. */
.hb-studio-status{font-size:13px;font-weight:700;line-height:1.5;color:#192d4b}
.hb-studio-video:not(:empty){margin-bottom:18px}
.hb-video-download{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:10px;margin:8px 16px;color:#111;border-radius:10px;box-sizing:border-box}
.hb-video-download svg{width:22px;height:22px}
.hb-video-download:hover{background:#f1f2f4;color:#111}
.hb-presentation-photo,.hb-business-media,.hb-card-media{position:relative}
.hb-play-badge{width:68px;height:68px;padding:17px;box-sizing:border-box;border:1px solid rgba(255,255,255,.85);background:rgba(255,255,255,.9);color:#192d4b;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;z-index:2}
.hb-play-badge svg{width:100%;height:100%;fill:currentColor;transform:translateX(2px)}
.hb-play-badge:hover{background:#fff;color:#111;box-shadow:none}
.hb-play-badge:focus-visible{outline:2px solid #192d4b;outline-offset:3px}

/* Quiet metadata and visible media controls. */
.hb-published-since{font-size:13px;font-weight:700;line-height:1.5;color:#252529}
.hb-gallery-counter{font-size:13px;letter-spacing:.02em;font-weight:700;color:#111}
.hb-gallery-arrow,.hb-gallery-arrow:hover{color:#111}
.hb-gallery-arrow svg{stroke:currentColor}
.hb-gallery-video{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:8px;background:transparent;border:0;color:#111;box-shadow:none}
.hb-gallery-video svg{width:28px;height:28px;fill:currentColor}
.hb-gallery-video:hover{background:transparent;color:#333}
.hb-play-badge{background:rgba(28,31,34,.65);border:1px solid rgba(255,255,255,.6);color:#fff;transition:background-color .15s ease}
.hb-play-badge:hover{background:rgba(28,31,34,.78);color:#fff}
#hb-business-results .hb-business-actions>.hb-business-video{border:0;background:transparent;color:#111;padding:5px;box-shadow:none}
#hb-business-results .hb-business-actions>.hb-business-video svg{width:34px;height:34px;fill:currentColor;stroke:none}
#hb-business-results .hb-business-actions>.hb-business-video:hover{background:transparent;color:#333}

/* Center the triangle bounds within the circular control. */
.hb-play-badge svg{display:block;transform:none;margin:0}
#hb-business-results .hb-business-actions>.hb-business-video svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}

/* Smaller, softly rounded Play with its visual center on the circle center. */
.hb-play-badge{width:64px;height:64px;padding:0;display:grid;place-items:center}
.hb-play-badge svg{width:30px;height:30px;fill:currentColor;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;transform:none}

.hb-specialist-presentation-actions .hb-specialist-presentation-link{display:inline-flex;align-items:center;justify-content:center;align-self:center;margin:0;padding:4px 0;border:0;background:transparent;color:#8396b3;font:inherit;font-size:13px;font-weight:650;line-height:1.4;cursor:pointer;box-shadow:none}
.hb-specialist-presentation-link:hover{text-decoration:underline;text-underline-offset:3px}
.hb-specialist-presentation-link:focus-visible{outline:2px solid #8396b3;outline-offset:3px;border-radius:5px}
.hb-public-presentation{max-width:560px;margin:0 auto;padding:8px 4px 16px}
.hb-public-presentation h2{font-size:21px;line-height:1.3;margin:14px 0 6px;color:#111}
.hb-public-presentation>strong{font-size:14px;color:#444}
.hb-public-presentation .hb-preserve{font-size:15px;line-height:1.65;color:#252529;overflow-wrap:anywhere}
.hb-presentation-links{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:20px}
.hb-presentation-links:empty{display:none}

/* Specialist identity and compact, shared presentation actions. */
.hb-specialist-presentation-actions{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:nowrap;margin:3px 0 7px;min-height:32px}
.hb-specialist-video-action{display:inline-grid;place-items:center;flex:0 0 32px;width:32px;height:32px;min-height:32px;padding:2px;border:0;background:transparent;color:#111;box-shadow:none;cursor:pointer}
.hb-specialist-video-action svg{width:28px;height:28px;fill:none;stroke:currentColor}
.hb-specialist-video-action:hover{opacity:.72;background:transparent;box-shadow:none}
.hb-specialist-video-action:active{box-shadow:none;filter:none}
.hb-specialist-video-action:focus-visible{outline:2px solid #8396b3;outline-offset:2px;border-radius:8px}
.hb-specialist-portal-card{padding:16px;align-self:start;overflow:hidden;border:1px solid #e1e3e8;border-radius:20px;box-shadow:none;min-width:0;display:flex;flex-direction:column;gap:8px;background:#fff}
.hb-collaboration-person{position:relative;text-align:center;margin:-16px -16px 0;padding:18px 16px 0;background:linear-gradient(180deg,#192d4b 0,#192d4b 48px,#fff 48px)}
.hb-collaboration-avatar .hb-professional-avatar{width:68px;height:68px;object-fit:cover;border:3px solid #fff;border-radius:50%;margin:0 auto 8px;display:block}
.hb-collaboration-name{display:flex;align-items:center;justify-content:center;position:relative;gap:5px;padding:0 0 0 33px}
.hb-collaboration-name h2{margin:0;font-size:21px;line-height:1.3;font-weight:750;color:#111;overflow-wrap:anywhere}
.hb-collaboration-name .hb-person-edit{position:static;display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;min-height:28px;padding:5px;border:0;border-radius:6px;background:transparent;box-shadow:none;color:#62636c;cursor:pointer}
.hb-collaboration-name .hb-person-edit:hover{background:#f4f4f4;color:#19191c}
.hb-collaboration-name .hb-person-edit:focus-visible{outline:2px solid #8396b3;outline-offset:2px}
.hb-collaboration-name svg{width:18px;height:18px}
.hb-collaboration-profession{display:block;margin-top:3px;font-size:14px;color:#192d4b}
.hb-collaboration-city{display:block;margin-top:4px;font-size:13px;color:#59616d}
.hb-collaboration-bio{font-size:14px;line-height:1.5;color:#30343b;margin:7px 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.hb-specialist-portal-card .hb-application-business{border-top:1px solid #eceef1;padding-top:10px;margin:0;gap:10px;min-width:0;align-items:center}
.hb-specialist-portal-card .hb-application-cover{width:52px;height:52px;min-width:52px;max-width:52px;flex:0 0 52px;border-radius:10px;object-fit:cover}
.hb-specialist-portal-card .hb-application-business strong{font-size:15px}
.hb-specialist-portal-card .hb-application-business small{font-size:12px}
.hb-specialist-portal-card>.detail-actions{margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:8px;width:100%;align-self:stretch}
.hb-specialist-portal-card>.detail-actions .btn{font-size:13px;font-weight:650;line-height:1.35;min-height:44px;width:100%;height:100%;min-width:0;margin:0;padding:9px 8px;white-space:normal;text-align:center;justify-content:center;gap:6px}
.hb-specialist-portal-card>.detail-actions .btn svg{width:17px;height:17px;flex-shrink:0}

.hb-specialist-portal-card>.badge{align-self:center;margin:0;padding:2px 7px;font-size:12px;line-height:1.4;font-weight:650}
.hb-specialist-portal-card .hb-application-business>span{min-width:0;gap:2px}
.hb-specialist-portal-card .hb-application-business strong,.hb-specialist-portal-card .hb-application-business small{margin:0;line-height:1.4;overflow-wrap:anywhere}
.hb-specialist-presentation-actions:empty{display:none}
/* Compact public specialist information, with actions following content. */
.hb-public-service-card{gap:4px;height:auto;align-self:start}
.hb-public-service-card .hb-person-identity{gap:4px;padding-top:16px}
.hb-public-service-card .hb-person-identity .avatar{margin-bottom:2px}
.hb-public-service-card .hb-specialist-presentation-actions{margin:0;min-height:30px}
.hb-public-service-card .hb-live-badge{margin:0;min-height:22px}
.hb-public-service-card>.hb-specialist-places{margin:0;padding:3px 6px;min-height:28px}
.hb-public-service-card>.hb-portfolio-link,.hb-public-service-card>.hb-cv-link{margin:0;padding-top:3px;padding-bottom:3px}
.hb-public-service-card .hb-card-catalog{margin:3px 0 0;padding:9px;gap:6px}
.hb-public-service-card>.hb-person-actions{margin-top:3px;padding-top:4px}
/* These rooms keep their local toolbars in the page flow. */
#app:has(.hb-team-grid) :is(.hb-search-dock,.hb-agenda-dock,.hb-context-actions),
#app:has(.hb-business-zone-intro) :is(.hb-search-dock,.hb-business-tabs,.hb-context-actions){position:static!important;top:auto!important;transform:none!important;transition:none!important;box-shadow:none!important}
/* Keep the responsive column widths; each column stacks independently. */
#app .hb-specialist-masonry{grid-auto-rows:1px;row-gap:0;align-items:start;align-content:start}
#app .hb-specialist-masonry>article{height:auto;min-height:0;align-self:start;margin-block:0}
#app .hb-team-grid.hb-specialist-masonry .hb-person-footer{margin-top:8px}
#app .hb-team-grid.hb-specialist-masonry .hb-person-actions{margin-top:0}

/* Compact availability messages in booking time controls. */
.hb-select.hb-time-empty .hb-select-trigger{font-size:13px;font-weight:700;line-height:1.4;min-height:44px}
.hb-select.hb-time-empty .hb-select-value{font-size:13px;font-weight:700;line-height:1.4}

.hb-collection-note-link:has(.hb-collection-note-label):hover,.hb-invoice-register .hb-vault-pair.hb-board .hb-collection-note-link:has(.hb-collection-note-label):hover{text-decoration:none}
.hb-collection-note-link:hover .hb-collection-note-label{text-decoration:underline;text-underline-offset:3px}

/* Compact search results and clear filter typography. */
.hb-week-result{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:start;gap:12px;padding:16px;cursor:default}
.hb-week-avatar .avatar{display:block;width:48px;height:48px;min-width:48px;object-fit:cover;border-radius:50%}
.hb-week-avatar img[data-booking-photo]{cursor:pointer}
.hb-week-result-book{display:flex;flex-direction:column;gap:4px;min-width:0;width:100%;border:0;padding:0;background:transparent;color:inherit;font:inherit;text-align:left;box-shadow:none;cursor:pointer}
.hb-week-result-book:hover,.hb-week-result-book:active{background:transparent;box-shadow:none;filter:none}
.hb-week-result-book>strong{font-size:16px;font-weight:750;line-height:1.3}
.hb-week-result-book>span{font-size:14px;line-height:1.4}
[data-community="directorySearch"] .hb-select-trigger,[data-week-controls] .hb-select-trigger{font-weight:650;font-size:15px;line-height:1.35}
[data-community="directorySearch"] .field>span,[data-week-controls] .field>span{font-weight:700}
.hb-select-panel .hb-option{min-height:42px;padding:8px 12px;margin:1px 0;font-size:15px;font-weight:600;line-height:1.35;border-radius:10px}
.hb-select-panel .hb-option[aria-selected="true"]{font-weight:750}
.hb-select-panel .hb-select-search{font-size:15px;font-weight:600}

/* Weekly availability: wide bars rise from their baseline. */
.hb-availability .hb-week-bar{fill:#e51e59;stroke:none;transform-box:fill-box;transform-origin:center bottom;animation:hb-week-bar-rise .65s cubic-bezier(.22,.61,.36,1) both}
@keyframes hb-week-bar-rise{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@media(prefers-reduced-motion:reduce){.hb-availability .hb-week-bar{animation:none}}

.hb-specialist-portal-card>.detail-actions>.btn:last-child:nth-child(odd){grid-column:1/-1}

/* Keep specialist content compact without reducing touch targets. */
#app .hb-team-grid .person-card{gap:4px}
#app .person-card>.hb-specialist-availability{margin:0}
#app .person-card>.hb-specialist-presentation-actions{margin:0;min-height:30px}
#app .person-card>.hb-service-lifecycle{margin:0;padding:2px 0;gap:6px}
#app .person-card>.hb-person-actions{margin:0;padding-top:0;gap:5px 8px}
#app .hb-team-grid.hb-specialist-masonry .hb-person-footer{margin-top:4px;padding-top:3px}
#app .person-card>.hb-person-links:empty{display:none}

/* Full-width specialist identity must include the card's horizontal padding. */
#app .hb-specialist-portal-card>.hb-collaboration-person{width:calc(100% + 32px);max-width:none;box-sizing:border-box;align-self:stretch}

/* Commission setup: separate the issuer summary, editable fields and agreement. */
#hb-commission-setup{gap:20px}
#hb-commission-setup>.small-note{margin:0}
#hb-commission-setup .hb-commission-issuer{line-height:1.55}
#hb-commission-setup .hb-commission-issuer>p{margin:8px 0 0;font-size:13px;line-height:1.5}
#hb-commission-setup .hb-commission-issuer-edit{margin:0;min-width:0}
#hb-commission-setup .hb-commission-issuer-edit>summary{font-size:14px;font-weight:650;line-height:1.5;cursor:pointer}
#hb-commission-setup .hb-commission-issuer-edit[open]>summary{margin-bottom:16px}
#hb-commission-setup [data-new-commission-entity]{margin-top:18px;row-gap:16px;column-gap:20px}
#hb-commission-setup .field{gap:8px;margin:0;min-width:0}
#hb-commission-setup>.check{margin:0;align-items:flex-start;gap:10px;line-height:1.5}
#hb-commission-setup>.check>input{font-size:inherit;box-sizing:border-box;width:21px;height:21px;min-height:21px;flex:0 0 21px;margin:0;margin-top:calc((1.5em - 21px)/2);align-self:flex-start}
#hb-commission-setup>.error:empty{display:none}

#hb-commission-setup>.hb-commission-auto{padding:12px 14px;border:1px solid #e7e9ed;border-radius:12px;background:#fafbfc;font-size:13px;line-height:1.55;color:#333;font-weight:550}
#hb-commission-setup>.hb-commission-description-help{margin-top:-10px;font-size:13px;line-height:1.5}

.hb-commission-agreements{margin:18px 0;padding:14px 0;border-top:1px solid #e7e9ed;border-bottom:1px solid #e7e9ed}
.hb-commission-agreements h4{font-size:14px;margin:0 0 10px;font-weight:700}
.hb-commission-agreements>a{display:flex;align-items:center;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;padding:8px 0;font-size:13px;font-weight:650;color:#8396b3}
.hb-commission-agreements small{font-size:12px;color:#646b76;font-weight:500}
.hb-commission-agreements p{font-size:13px;margin:0;line-height:1.5}

.hb-terms-renegotiate>summary{cursor:pointer;font-size:13px;font-weight:700;color:#8396b3;padding:8px 0}
.hb-terms-renegotiate[open]>summary{margin-bottom:12px}

/* Compact business-card tools: clear icons, red hover, no button frames. */
#hb-business-results .hb-business-actions>:is([data-edit-space],[data-business^="archive:"],[data-business^="delete:"]){border:0;background:transparent;box-shadow:none}
#hb-business-results .hb-business-actions>[data-collab-workspace]{white-space:nowrap}
@media(hover:hover){
 #hb-business-results .hb-business-actions>:is([data-edit-space],[data-collab-workspace],[data-business^="archive:"],[data-business^="delete:"],.hb-business-video):hover{color:#e51e59;background:transparent;border-color:transparent;box-shadow:none;text-decoration:none}
 #hb-business-results .hb-business-actions>:is([data-edit-space],[data-collab-workspace],[data-business^="archive:"],[data-business^="delete:"],.hb-business-video):hover svg{color:inherit}
}

.hb-commission-agreements .hb-agreement-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;padding:8px 0}
.hb-commission-agreements .hb-agreement-row>.hb-agreement-open{display:inline;flex:none;padding:0;color:#e51e59;text-decoration:none!important}
.hb-commission-agreements .hb-agreement-row>.hb-agreement-open:is(:hover,:focus-visible){text-decoration:underline!important;text-decoration-color:#e51e59;text-underline-offset:4px}
.hb-commission-agreements .hb-agreement-row>small{margin-left:auto;font-size:12px;color:#6b7280;text-decoration:none}

/* Compact service/account actions keep their labels on one line. */
#app .hb-team-grid .hb-person-actions>.hb-specialist-compact-action{font-size:13px;padding:8px;gap:6px;white-space:nowrap;overflow-wrap:normal;flex:0 0 auto;min-height:44px}
#app .hb-team-grid .hb-person-actions>.hb-specialist-compact-action svg{width:18px;height:18px;flex-shrink:0}

.hb-connect-account-help{font-size:16px;line-height:1.6;color:#343b46}
.hb-connect-account-help p{margin:0 0 12px}
.hb-connect-account-help strong{font-weight:700;color:#111}
.hb-connect-account-help .hb-connect-account-person{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin-bottom:12px}
.hb-connect-account-person>span,.hb-connect-account-help .hb-connect-account-scope{font-size:15px;color:#59616d}
.hb-connect-account-help .hb-connect-account-scope{margin-bottom:0}

/* Dense desktop rows; mobile retains the natural reference/details/action order. */
@media(min-width:951px){
 #hb-activity-list .hb-activity-row,.hb-invoice-register-list>.hb-finance-record{display:grid;grid-template-columns:100px minmax(180px,1fr) auto minmax(160px,auto);align-items:center;gap:12px 20px;padding:16px 20px}
 #hb-activity-list .hb-activity-row-head,.hb-invoice-register-list .hb-finance-record>.hb-finance-record-head{display:contents}
 #hb-activity-list .hb-activity-reference,.hb-invoice-register-list .hb-finance-record-reference{grid-column:1;grid-row:1}
 #hb-activity-list .hb-activity-client,.hb-invoice-register-list .hb-finance-record-client{grid-column:2;grid-row:1}
 #hb-activity-list .hb-activity-row-actions,.hb-invoice-register-list .hb-finance-record>.hb-finance-record-actions{grid-column:3;grid-row:1;margin:0;justify-content:center;max-width:260px}
 #hb-activity-list .hb-activity-status,.hb-invoice-register-list .hb-finance-record-status{grid-column:4;grid-row:1;max-width:280px}
 #hb-activity-list .hb-activity-inline{grid-column:1/-1;margin-top:0}
}
.hb-agenda-duration{font-weight:650;white-space:nowrap;color:#69717d}
.hb-vault-month-title{display:flex;align-items:center;flex-wrap:wrap;gap:5px 8px;min-width:0}
.hb-vault-month-title .hb-month-range-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;padding:7px;background:transparent;border:0;color:#e51e59;border-radius:9px;box-shadow:none}
.hb-month-range-button svg{width:20px;height:20px}
.hb-month-range-button:hover,.hb-month-range-button[aria-pressed="true"]{background:#e51e590d}
.hb-vault-month-title [data-vault-range-label]{font-size:12px;font-weight:700;color:#e51e59}
#modal .hb-invoice-range-calendar{position:static;width:320px;max-width:100%;max-height:none;margin:auto;padding:0;border:0;box-shadow:none;overflow:visible}
.hb-invoice-range-calendar .hb-calendar-header{justify-content:center}
.hb-invoice-range-calendar .hb-calendar-row button.in-range:not(.selected){background:#e51e5910;color:#e51e59}
.hb-invoice-range-calendar .hb-range-help{font-size:12px;line-height:1.5;margin:0 0 12px;color:#69717d}
.hb-invoice-range-calendar .hb-range-selection{font-size:13px;font-weight:700;color:#192d4b;min-height:20px;margin:10px 0}
.hb-invoice-range-calendar .form-actions{display:flex;gap:10px;justify-content:center}
.hb-invoice-range-calendar .form-actions button{font-size:13px;font-weight:700;min-height:44px;padding:8px 20px}
.hb-invoice-range-calendar .form-actions [data-range-ok]{background:#192d4b;color:#fff}
@media(max-width:650px){#hb-activity-list .hb-activity-row-actions,.hb-invoice-register-list .hb-finance-record-actions{gap:8px;margin-top:10px}.hb-agenda-reference .booking-time{white-space:normal;font-size:12px}}

@media(min-width:951px){
 .hb-calendar-agenda [data-live-agenda] .booking-row.hb-agenda-card{grid-template-columns:115px minmax(0,1fr) minmax(100px,auto) 44px;padding:16px 20px;gap:16px}
 .hb-calendar-agenda .booking-main{display:grid;grid-template-columns:minmax(150px,1fr) minmax(140px,1fr);align-items:center;gap:3px 20px}
 .hb-calendar-agenda .booking-main>:first-child{grid-column:1;grid-row:1/3}
 .hb-calendar-agenda .booking-main>small{grid-column:2;grid-row:2;margin:2px 0}
 .hb-calendar-agenda .booking-main>.hb-booking-specialist-line{grid-column:2;grid-row:1;margin:0}
 .hb-calendar-agenda .hb-agenda-reference .booking-time{font-size:12px;white-space:nowrap}
}

/* Invoice, expense and agenda alignment: keep the mobile flow independent. */
.hb-invoice-register-list .hb-activity-service{display:flex;flex-wrap:wrap;align-items:center;gap:5px;overflow-wrap:anywhere}
.hb-finance-record-dates{min-width:0;display:flex;flex-direction:column;gap:5px}
.hb-finance-record-dates p{margin:0;font-size:14px;line-height:1.55}
.hb-finance-record-dates small{font-size:12px;color:#78869a;line-height:1.5}
.hb-calendar-agenda .booking-main>small{font-size:14px;line-height:1.55}
.hb-calendar-agenda .hb-agenda-duration{font-size:inherit}
.hb-invoice-register .hb-vault-month-block>summary>.hb-vault-month-title{flex:1 1 auto;max-width:none;text-align:left}
.hb-invoice-register .hb-vault-month-title>strong{flex:0 0 auto}
.hb-invoice-register .hb-vault-month-block>summary>.hb-vault-switch{margin-left:auto;flex-shrink:0}
@media(min-width:951px){
 .hb-invoice-register-list>.hb-finance-record{grid-template-columns:100px minmax(160px,1fr) minmax(160px,1fr) auto minmax(120px,auto);gap:12px 16px}
 .hb-invoice-register-list .hb-finance-record-dates{grid-column:3;grid-row:1}
 .hb-invoice-register-list .hb-finance-record>.hb-finance-record-actions{grid-column:4}
 .hb-invoice-register-list .hb-finance-record-status{grid-column:5}
 .hb-exp-list>.hb-finance-record{display:grid;grid-template-columns:100px minmax(160px,1fr) auto minmax(120px,auto);align-items:center;gap:12px 20px;padding:16px 20px}
 .hb-exp-list .hb-finance-record-head{display:contents}
 .hb-exp-list .hb-finance-record-reference{grid-column:1;grid-row:1}
 .hb-exp-list .hb-finance-record-client{grid-column:2;grid-row:1;min-width:0}
 .hb-exp-list .hb-finance-record-actions{grid-column:3;grid-row:1;margin:0;justify-content:center;max-width:300px}
 .hb-exp-list .hb-finance-record-status{grid-column:4;grid-row:1}
}
@media(max-width:950px){
 .hb-invoice-register-list .hb-finance-record-dates{grid-column:2}
 .hb-calendar-agenda .booking-main{display:flex;flex-direction:column;align-items:flex-start}
 .hb-calendar-agenda .booking-main>:first-child{order:0}
 .hb-calendar-agenda .booking-main>.hb-booking-specialist-line{order:1}
 .hb-calendar-agenda .booking-main>small{order:2;margin:3px 0 0}
}
@media(max-width:420px){.hb-invoice-register-list .hb-finance-record-dates{grid-column:1/-1}}

/* Compact expense metadata; month calendar stays beside the month name. */
.hb-exp-list .hb-finance-record-client{min-width:0;max-width:100%}
.hb-exp-line-meta{display:flex;align-items:center;gap:6px 14px;min-width:0;max-width:100%;font-size:14px;line-height:1.55}
.hb-exp-line-meta .hb-exp-category{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:0 1 auto}
.hb-exp-line-meta>small{flex:0 0 auto;white-space:nowrap}
.hb-invoice-register .hb-vault-month-block>summary>.hb-vault-month-title>strong{flex:0 0 auto!important}
.hb-invoice-register .hb-vault-month-block>summary>.hb-vault-month-title{justify-content:flex-start;gap:5px 8px}
.hb-today-calendar{border-radius:18px;padding:18px;border:1px solid #e6e8ef;box-shadow:none}
.hb-today-calendar .hb-calendar-row button{font-weight:650}
.hb-today-calendar .hb-calendar-row button.selected{background:#e51e59;color:#fff;border-color:#e51e59}
.hb-today-calendar .hb-calendar-row button[aria-current="date"]:not(.selected){color:#e51e59;font-weight:800}
.hb-today-calendar .hb-calendar-footer button{font-weight:700;color:#192d4b}
@media(max-width:380px){.hb-exp-line-meta{flex-wrap:wrap}.hb-exp-line-meta .hb-exp-category{max-width:100%}.hb-exp-line-meta>small{white-space:normal}}

.hb-activity-mail{flex:0 0 auto;padding:8px!important}.hb-activity-mail svg{width:20px;height:20px}.hb-activity-mail:hover{color:#e51e59}
.hb-activity-conversation-context{display:flex;flex-direction:column;gap:5px;margin-bottom:16px;font-size:14px}.hb-activity-conversation-context>span{font-size:13px;color:#69717d;overflow-wrap:anywhere}
[data-activity-messages] .hb-mailbox-bubble{margin-bottom:12px}[data-activity-conversation] [data-activity-resolve]{margin:10px 0;background:#192d4b;color:#fff;border-color:#192d4b;font-size:13px}[data-activity-conversation] [data-activity-resolve][hidden]{display:none}

/* Activity: keep each control readable, wrapping only when the row runs out of room. */
@media(min-width:951px){
 #hb-activity-list .hb-activity-row{display:flex;flex-wrap:wrap;gap:12px 20px}
 #hb-activity-list .hb-activity-reference{flex:0 0 100px}
 #hb-activity-list .hb-activity-client{flex:1 1 240px;min-width:200px}
 #hb-activity-list .hb-activity-row-actions{order:1;flex:0 1 auto;max-width:none;justify-content:flex-start}
 #hb-activity-list .hb-activity-status{order:2;flex:0 1 auto;max-width:none;margin-left:auto}
 #hb-activity-list .hb-activity-inline{order:3;flex-basis:100%;width:100%}
}
#hb-activity-list .hb-activity-status{display:flex;flex-wrap:wrap;gap:6px}
#hb-activity-list .hb-activity-status>span{white-space:normal;font-weight:650}
#hb-activity-list .hb-activity-status>span.is-warning,.hb-activity-summary>span.is-warning{color:#e51e59}

.hb-activity-history-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:12px 0;font-size:13px;font-weight:650}.hb-activity-history-tools .hb-account-action,[data-activity-hide]{color:#e51e59}.hb-activity-history-tools .check{margin:0}[data-activity-reply] header{flex-wrap:wrap;gap:8px}[data-activity-reply] input[type=checkbox]{flex:0 0 auto;width:18px;height:18px}[data-activity-hide] svg{width:18px;height:18px}

.hb-card-history-link{display:inline-block;width:auto;border:0;background:none;box-shadow:none;padding:4px 0;margin:4px 0;color:#68758a;font:inherit;font-size:12px;font-weight:650;cursor:pointer;text-underline-offset:4px}.hb-card-history-link:hover{color:#e51e59;text-decoration:underline;text-decoration-color:#e51e59}.hb-card-history .hb-activity-dot{width:6px;height:6px;flex-basis:6px;background:#e51e59}.hb-card-history .hb-activity-events strong{font-size:13px}.hb-card-history .hb-activity-events p{font-size:12px}

/* Progressive booking history */
.hb-history-skeleton{padding:8px 0}.hb-history-skeleton>div{display:flex;align-items:flex-start;gap:16px;padding:16px 0}.hb-history-skeleton i{width:6px;height:6px;border-radius:50%;margin-top:7px;flex:none;background:#f0c9da}.hb-history-skeleton span{display:block;height:42px;width:min(80%,380px);border-radius:6px;background:linear-gradient(100deg,#f0f1f4 20%,#fafafa 45%,#f0f1f4 70%);background-size:200% 100%;animation:hb-history-shimmer 1.4s linear infinite}@keyframes hb-history-shimmer{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.hb-history-skeleton span{animation:none}}

/* Archive: note on the left, compact history on the right. */
.hb-vault-card .hb-vault-history-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:4px}
.hb-vault-card .hb-vault-history-row>.hb-collection-note-link{min-width:0;margin:0}
.hb-vault-card .hb-vault-history-row>.hb-card-history-link{flex:0 0 auto;width:auto;min-height:0;margin:0 0 0 auto;padding:5px 0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#68758a;font:inherit;font-size:12px;font-weight:650;line-height:1.5;text-align:right}
.hb-vault-card .hb-vault-history-row>.hb-card-history-link:hover{color:#e51e59;background:transparent;text-decoration:underline;text-decoration-color:#e51e59}

/* Today agenda: client, specialist, service flow across available space. */
.hb-today-agenda [data-live-agenda] .booking-main{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px 24px;min-width:0}
.hb-today-agenda [data-live-agenda] .booking-main>.hb-booking-client-identity{order:0;flex:0 1 auto;min-width:0;max-width:100%;margin:0}
.hb-today-agenda [data-live-agenda] .booking-main>.hb-booking-specialist-line{order:1;flex:0 1 auto;min-width:0;max-width:100%;margin:0;align-items:center}
.hb-today-agenda [data-live-agenda] .booking-main>small{order:2;flex:0 1 auto;min-width:0;max-width:100%;margin:0;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
@media(max-width:650px){.hb-today-agenda [data-live-agenda] .booking-main{gap:6px 14px}.hb-today-agenda [data-live-agenda] .booking-main>.hb-booking-client-identity{flex-basis:100%}}

/* Close controls stay in viewport coordinates, without scroll-event compensation. */
dialog .hb-scroll-close{position:fixed!important;top:var(--hb-close-top)!important;left:var(--hb-close-left)!important;right:auto!important;bottom:auto!important;width:var(--hb-close-width)!important;height:var(--hb-close-height)!important;margin:0!important;translate:none!important;transform:none!important;transition:none!important}
dialog>.modal-head:has(.hb-scroll-close),dialog>.hb-search-sheet-head:has(.hb-scroll-close),dialog>.hb-preview-head:has(.hb-scroll-close),dialog>header:has(.hb-scroll-close){backdrop-filter:none!important;filter:none!important;transform:none!important;contain:none!important;will-change:auto!important}

/* Due date uses the same discreet typography as the invoice party labels. */
.hb-invoice-sheet .hb-invoice-summary .hb-invoice-due,.hb-invoice-sheet .hb-invoice-summary .hb-invoice-due strong{font-size:13px;font-weight:700;color:#676767;line-height:1.5}

.hb-invoice-sheet footer .hb-invoice-note{white-space:pre-wrap;overflow-wrap:anywhere}

/* Natural address wrapping and compact invoice history. */
.hb-invoice-sheet .hb-invoice-parties dl>.hb-invoice-address{display:block;overflow-wrap:anywhere}
.hb-invoice-sheet .hb-invoice-parties .hb-invoice-address dt,.hb-invoice-sheet .hb-invoice-parties .hb-invoice-address dd{display:inline;margin:0}
.hb-invoice-sheet .hb-invoice-parties .hb-invoice-address dt{margin-right:5px}
.hb-invoice-viewer .hb-invoice-timeline>summary{font-size:13px;font-weight:700}
.hb-invoice-viewer .hb-document-history-body{padding-top:8px}
.hb-invoice-viewer .hb-document-history-body p{padding:5px 0 5px 18px!important;margin:0!important;line-height:1.45!important}
.hb-invoice-viewer .hb-document-history-body p:before{top:12px;width:6px;height:6px}

.hb-activity-legacy{margin-top:12px}
.hb-activity-legacy>summary{font-size:13px;font-weight:700;color:#637087;cursor:pointer}
.hb-legacy-events{list-style:none;margin:10px 0 0;padding:0}
.hb-legacy-events>li{display:flex;align-items:flex-start;gap:10px;padding:6px 0}
.hb-legacy-events .hb-activity-dot{width:6px;height:6px;flex-basis:6px;margin-top:6px}
.hb-legacy-events>li>div{min-width:0;overflow-wrap:anywhere}
.hb-legacy-events strong{font-size:13px;font-weight:650;color:#22334d;line-height:1.4}
.hb-legacy-events small{display:block;font-size:12px;color:#78869a;line-height:1.4;margin-top:2px}

.hb-activity-summary>.hb-history-current-state{color:#e51e59;font-weight:750;font-size:14px;background:#fff1f2;padding:5px 10px;border-radius:9px;line-height:1.4}
/* Domain directory: editorial names, large counts, quiet captions. */
.hb-domain-row{--domain-ink:var(--hb-navy,#19191c);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:10px 8px;border-radius:10px}
.hb-domain-row:nth-child(odd){--domain-ink:var(--hb-brand,#e51e59)}
.hb-domain-name{border:0;background:transparent;padding:0;min-width:0;text-align:left;color:var(--domain-ink);letter-spacing:-.055em;text-transform:uppercase;overflow-wrap:anywhere;cursor:pointer;box-shadow:none}
.hb-domain-name{font-family:inherit;font-weight:900;font-size:clamp(24px,5.5vw,62px);line-height:1.02}
.hb-domain-counts{display:flex;gap:20px;align-items:flex-start}
.hb-domain-counts button{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:76px;border:0;background:transparent;padding:6px 3px;color:var(--domain-ink);font-family:inherit;cursor:pointer;box-shadow:none;border-radius:7px}
.hb-domain-counts strong{font-size:clamp(24px,5.5vw,62px);line-height:1.02;font-weight:900;letter-spacing:-.045em;font-variant-numeric:tabular-nums}
.hb-domain-counts small{font-size:12px;font-weight:400;line-height:1.25;color:#55555d;text-transform:lowercase}
.hb-domain-counts button[aria-pressed=true]{background:var(--hb-button-soft);border-color:var(--hb-button-soft-border)}
.hb-domain-row button:focus-visible{outline:2px solid var(--domain-ink);outline-offset:3px}
@media(hover:hover){.hb-domain-row button:hover{background:var(--hb-button-soft);border-color:var(--hb-button-soft-border)}}
.hb-directory-person-bio{font-size:14px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:650px){.hb-domain-row{grid-template-columns:minmax(0,1fr);gap:7px;padding:12px 4px}.hb-domain-name,.hb-domain-counts strong{font-size:clamp(26px,7vw,44px)}.hb-domain-counts{justify-content:flex-end;gap:22px}.hb-domain-counts button{min-width:68px;min-height:44px}.hb-domain-counts small{font-size:11px}}

#modal:has(.hb-domain-poster){width:min(1000px,calc(100vw - 28px));max-width:1000px}
/* Domain totals read as the next word, not a separate column. */
.hb-domain-legend{font-size:10px;font-weight:400;line-height:1.4;text-transform:uppercase;letter-spacing:.06em;color:#74747d;margin:0 0 14px 8px;text-align:left}
.hb-domain-row{display:block;font-family:inherit;font-size:clamp(24px,5.5vw,62px);font-weight:900;line-height:1.04;letter-spacing:-.055em;color:var(--domain-ink)}
.hb-domain-name{display:inline;font:inherit;line-height:inherit;color:inherit;vertical-align:baseline;border-radius:5px}
.hb-domain-counts{display:inline-flex;gap:0;align-items:baseline;vertical-align:baseline;white-space:nowrap;color:inherit;font:inherit}
.hb-domain-counts button{display:inline;min-width:0;min-height:0;gap:0;margin:0;padding:0 2px;font:inherit;line-height:inherit;color:inherit;vertical-align:baseline}
.hb-domain-counts>span{font:inherit;color:inherit}
.hb-space-card .hb-space-copy h2,.hb-business-card .hb-space-copy h2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
.hb-directory-specialist{min-width:0;align-self:start}
.hb-directory-specialist>.person-card{width:100%;margin:0}
.hb-directory-specialist-place{font-size:12px;line-height:1.4;text-align:center;margin:0 0 8px;color:#696972}
.hb-directory-specialist-place a{color:inherit;font-weight:700}
.hb-week-body:has([name=weekCity]){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;column-gap:24px}
.hb-week-body:has([name=weekCity]) [data-week-controls]{display:block;width:100%}
.hb-week-body:has([name=weekCity]) [data-week-chart]{text-align:center}
.hb-week-body:has([name=weekCity]) [data-week-chart] p{margin:0}
.hb-week-body:has([name=weekCity]) [data-week-results]{grid-column:1/-1}
@media(max-width:650px){.hb-domain-row,.hb-domain-name,.hb-domain-counts{font-size:clamp(26px,7vw,44px)}.hb-domain-counts{gap:0}.hb-domain-counts button{min-width:0;min-height:0}.hb-week-body:has([name=weekCity]){grid-template-columns:minmax(0,1fr);gap:14px}.hb-week-body:has([name=weekCity]) [data-week-chart]{text-align:left}}

#app #hb-directory-results.hb-specialist-masonry>.hb-directory-specialist,#app #hb-directory-results.hb-specialist-masonry>.hb-space-card{height:auto;min-height:0;align-self:start;margin-block:0}

/* Explore: business context belongs to each specialist identity. */
.hb-directory-specialist .hb-person-identity .hb-directory-specialist-place{display:block;width:100%;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;line-height:1.4;color:#696972;margin:5px 0 0;text-align:center}
.hb-directory-specialist-place a{font-weight:600;color:inherit}
.hb-directory-specialist-place a:hover{color:#e51e59}

/* Compact business link shared visually by Explore and specialist room. */
.hb-directory-specialist .hb-directory-business{border-top:1px solid #eceef1;padding-top:10px;margin:10px 0;gap:10px;align-items:center;text-align:left;min-width:0;width:100%}
.hb-directory-specialist .hb-directory-business .hb-application-cover{width:52px;height:52px;min-width:52px;max-width:52px;flex:0 0 52px;border-radius:10px;object-fit:cover}
.hb-directory-business>span:last-child{min-width:0;gap:2px;flex:1}
.hb-directory-business strong{font-size:15px;line-height:1.4}
.hb-directory-business small{font-size:12px;line-height:1.4}
.hb-directory-business strong,.hb-directory-business small,.hb-specialist-portal-card .hb-application-business strong,.hb-specialist-portal-card .hb-application-business small,.hb-directory-specialist .hb-person-title h3,.hb-directory-specialist .hb-person-profession,.hb-collaboration-name h2,.hb-collaboration-profession,.hb-collaboration-city,.hb-collaboration-bio{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere;max-width:100%}

.hb-directory-intro{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;margin:0 0 24px}
.hb-directory-intro p{margin:0;min-width:0}
.hb-directory-switch{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;box-shadow:none;color:#17171c;font:inherit;font-size:14px;font-weight:700;padding:4px 0;cursor:pointer}
.hb-directory-switch:hover{color:#e51e59;background:transparent;box-shadow:none}

/* Empty Explore results occupy normal document flow, never masonry's 1px row. */
#app #hb-directory-results:has(>.hb-empty-state){display:block;grid-auto-rows:auto;min-height:0}
#app #hb-directory-more:empty{display:none}


/* Domain poster: one hover surface for the name and both counters. */
@media(hover:hover){.hb-domain-poster>.hb-domain-row:hover{background:#f4f5f8}.hb-domain-poster>.hb-domain-row:hover button{background:transparent!important;box-shadow:none}}

/* Compact base and VAT rows without changing total or due-date styling. */
.hb-invoice-sheet .hb-invoice-summary>p:not(.total):not(.hb-invoice-due){padding:4px 14px;margin:0;line-height:1.4;align-items:baseline}

.hb-community-nav [data-support-inbox] .hb-mail-unread-number,[data-platform-support] .hb-mail-unread-number{color:#e51e59!important;font-weight:800;font-size:inherit;line-height:inherit;background:none!important;border:0;padding:0;margin-left:5px;box-shadow:none;border-radius:0}

/* City instructions align with the selector itself, below its label. */
.hb-week-body [data-week-controls]:has(.hb-week-city-clear){display:grid;grid-template-columns:minmax(0,620px) auto;align-items:end;gap:12px;max-width:740px}
.hb-week-body [data-week-controls]:has(.hb-week-city-clear) .field{min-width:0;margin:0}
.hb-week-body .hb-week-city-clear{height:50px;min-height:50px;margin:0;white-space:nowrap}
.hb-week-body:has([name=weekCity]) [data-week-controls] .hb-select-trigger{height:50px;min-height:50px}
.hb-week-body:has([name=weekCity]) [data-week-chart]{align-self:end;min-height:50px;display:flex;align-items:center;justify-content:center}
@media(max-width:650px){.hb-week-body:has([name=weekCity]) [data-week-chart]{min-height:0;justify-content:flex-start}}

.hb-week-body .hb-week-city-clear{width:50px;min-width:50px;height:50px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:12px}
.hb-week-body .hb-week-city-clear svg{width:30px;height:30px;flex:none}
.hb-week-body [data-week-chart]:empty,.hb-week-body [data-week-results]:empty{display:none}

/* Compact month controls; the status selector wraps as one group only when needed. */
.hb-invoice-register .hb-vault-month-block>summary{column-gap:5px;row-gap:6px;padding-inline:10px}
.hb-invoice-register .hb-vault-month-block>summary>.hb-vault-month-title{flex:0 1 auto;column-gap:2px}
.hb-invoice-register .hb-vault-month-title .hb-month-range-button{width:30px;min-width:30px;height:36px;padding:7px 4px}
.hb-invoice-register .hb-vault-month-title [data-vault-range-label]:empty{display:none}
.hb-invoice-register .hb-vault-switch button{padding-inline:5px;gap:4px}

/* Large archives: virtual compact index and a single full preview. */
:is(.hb-invoice-register,.hb-board) .hb-vault-index{height:260px;max-height:35dvh;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#cbc4dc transparent;overflow-anchor:none;border-bottom:1px solid #e7e6ed;touch-action:pan-y}
:is(.hb-invoice-register,.hb-board) .hb-vault-index-item{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:8px;row-gap:2px;width:100%;height:52px;min-height:52px;padding:7px 10px;border:0;border-left:3px solid transparent;border-radius:8px;background:transparent;color:#192d4b;text-align:left;box-shadow:none;font:inherit;line-height:17px;touch-action:pan-y}
:is(.hb-invoice-register,.hb-board) .hb-vault-index-item strong{font-size:12px;font-weight:750}
:is(.hb-invoice-register,.hb-board) .hb-vault-index-item time{font-size:11px;color:#777080}
:is(.hb-invoice-register,.hb-board) .hb-vault-index-item>span{grid-column:1/-1;font-size:12px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:is(.hb-invoice-register,.hb-board) .hb-vault-index-item:hover{background:#f0edf6}
:is(.hb-invoice-register,.hb-board) .hb-vault-index-item[aria-pressed=true]{border-left-color:#7044b5;background:#eee8f6}
.hb-invoice-register [data-vault-kind=credited] .hb-vault-index-item[aria-pressed=true]{border-left-color:#279574;background:#eaf4ef}
:is(.hb-invoice-register,.hb-board) .hb-vault-index-count{text-align:right;font-size:11px;font-weight:700;color:#777080;padding:6px 4px 9px;font-variant-numeric:tabular-nums}
.hb-invoice-register .hb-vault-preview>.hb-vault-card{margin:0}
.hb-vault-load{display:grid;gap:8px;padding:10px}
.hb-vault-load i{height:20px;border-radius:6px;background:linear-gradient(100deg,#eeeaf3 20%,#faf9fc 45%,#eeeaf3 70%);background-size:200% 100%;animation:hb-vault-loading 1.3s linear infinite}
@keyframes hb-vault-loading{to{background-position:-200% 0}}
@media(prefers-reduced-motion:reduce){.hb-vault-load i{animation:none}}

.hb-board-preview>.hb-board-card{margin:0}.hb-board-browser{min-width:0;width:100%}.hb-board-browser .hb-vault-index{flex:none}

/* Direct and monthly invoices: compact line fields, readable on narrow dialogs. */
#finance-issue-form .hb-finance-line,#finance-monthly-issue .hb-finance-line{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
#finance-issue-form .hb-finance-line>.field:first-child,#finance-monthly-issue .hb-finance-line>.field:first-child{grid-column:1/-1}
.hb-monthly-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
@media(max-width:600px){#finance-issue-form .hb-finance-line,#finance-monthly-issue .hb-finance-line{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:340px){#finance-issue-form .hb-finance-line,#finance-monthly-issue .hb-finance-line{grid-template-columns:minmax(0,1fr)}}

.hb-monthly-total{display:block;text-align:right;font-size:13px;font-weight:700;line-height:1.6;color:#192d4b;padding:8px 0}

/* 0.3.815 — compact finance rows and the shared month calendar */
.hb-calendar-months{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.hb-calendar-months button{min-height:42px;font-size:14px;font-weight:650;text-transform:capitalize}
.hb-date-button>span:last-child{display:inline-flex;flex:none}
#app .hb-finance-dock{position:static;box-shadow:none;transition:none;padding:12px 0;border:0;border-radius:0}
#app .hb-finance-dock>.hb-finance-nav{margin-bottom:12px;gap:6px;flex-wrap:wrap}
#app .hb-finance-dock .btn{font-size:13px;min-height:38px;padding:8px 10px;line-height:1.3}
#app .hb-finance-dock .hb-finance-toolbar{flex-wrap:wrap;align-items:center;gap:12px}
.hb-finance-issuer{display:flex;align-items:center;gap:12px;flex:1 1 260px;min-width:0}
.hb-finance-issuer>div{display:grid;gap:4px;min-width:0}
.hb-finance-issuer small{font-size:12px;color:var(--muted);font-weight:600}
.hb-finance-issuer strong{font-size:14px;line-height:1.4;overflow-wrap:anywhere}
.hb-finance-issuer>.btn{flex:none;color:#8396b3}
.hb-finance-configuration{font-size:13px;flex:0 1 340px;min-width:0}
.hb-finance-configuration summary{cursor:pointer;font-weight:650;color:#8396b3;padding:8px 0}
.hb-finance-configuration>div{padding:8px 0;display:grid;gap:8px}
.hb-finance-stored{font-size:13px;font-weight:600}
.hb-finance-identity-warning{flex-basis:100%;font-size:12px;font-weight:650;color:#e51e59}
#app .hb-finance-secondary{flex-wrap:wrap;gap:8px;align-items:center}
#app .hb-finance-options{flex-wrap:wrap;justify-content:flex-start;gap:4px;overflow:visible}
#app .hb-finance-row{padding:10px 12px;gap:12px}
#app .hb-finance-row>div>strong{font-size:14px;line-height:1.4}
#app .hb-finance-row small{font-size:12px;font-weight:600;line-height:1.4;margin-top:3px}
#app .hb-finance-row>.hb-finance-amount{font-size:15px;font-weight:750;text-align:right;white-space:nowrap}
#app .hb-finance-row .btn{font-size:12px;min-height:36px;padding:7px 9px;line-height:1.35}
#app .hb-finance-document-row{display:grid;grid-template-columns:minmax(110px,1fr) minmax(110px,.5fr) minmax(240px,1fr)}
#app .hb-finance-document-row>.detail-actions{justify-content:flex-end;margin:0;width:auto;gap:6px}
#app .hb-finance-office .hb-acct-filters{gap:12px;align-items:end}
#app .hb-finance-office .hb-acct-filters .field>span{font-size:12px;font-weight:650}
#app .hb-finance-office .hb-acct-filters :is(input:not(.hb-date-source),.hb-date-button){min-height:42px;font-size:14px}
#app .hb-finance-pockets .hb-fp-toolbar{align-items:end;gap:10px}
#app .hb-finance-pockets .hb-fp-toolbar h3{align-self:center;font-size:16px;margin-block:0}
#app .hb-finance-pockets .hb-fp-toolbar>.field{min-width:160px}
#app .hb-finance-pockets .hb-fp-toolbar :is(.btn,.hb-date-button){min-height:42px;font-size:13px}
#app .hb-finance-pockets .hb-board-column>header h3{font-size:18px;line-height:1.3}
#app .hb-finance-pockets .small-note{font-size:12px;line-height:1.5}
@media(max-width:770px){
 #app .hb-finance-document-row{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}
 #app .hb-finance-document-row>.detail-actions{grid-column:1/-1;justify-content:flex-start}
 #app .hb-finance-secondary{flex-direction:row}
 .hb-finance-configuration{flex-basis:100%}
}
@media(max-width:360px){.hb-finance-issuer{flex-wrap:wrap}#app .hb-finance-pockets .hb-fp-toolbar>.field{max-width:none;flex:1 1 100%}#app .hb-finance-document-row>.detail-actions .btn{width:100%;justify-content:center}}

#app .hb-finance-issuer{flex-direction:column;align-items:flex-start;gap:5px}
#app .hb-finance-account-link{display:inline-flex;align-self:flex-start;width:auto;min-width:0;min-height:30px;margin:0;padding:3px 0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#8396b3;font:inherit;font-size:13px;font-weight:650;text-align:left;cursor:pointer}
#app .hb-finance-account-link:hover{color:#e51e59;background:transparent;box-shadow:none;text-decoration:underline;text-underline-offset:3px}
#app .hb-finance-account-link:focus-visible{outline:2px solid #e51e59;outline-offset:3px;border-radius:3px}

/* 0.3.816 — identity actions share one baseline; common empty states */
#app .hb-finance-identity-block{flex:1 1 100%;min-width:0}
#app .hb-finance-identity-block .hb-finance-issuer{margin-bottom:4px}
#app .hb-finance-identity-actions{display:flex;align-items:baseline;justify-content:space-between;gap:16px;width:100%}
#app .hb-finance-identity-actions .hb-finance-account-link{align-self:baseline;flex:none}
#app .hb-finance-identity-actions .hb-finance-configuration{margin-left:auto;flex:0 1 420px;min-width:0}
#app .hb-finance-identity-actions .hb-finance-configuration summary{text-align:right;padding:3px 0;min-height:30px;box-sizing:border-box;line-height:24px}
#app .hb-finance-identity-actions .hb-finance-configuration>div{text-align:right;justify-items:end;overflow-wrap:anywhere}
#app .hb-finance-configuration [data-finance-personal-setup]{justify-self:end;width:fit-content;max-width:100%;min-width:0;white-space:normal}
#app .hb-finance-identity-block>.hb-finance-identity-warning{display:block;margin-top:10px}
#app .hb-finance-pockets>.small-note{margin:8px 0 20px;line-height:1.6}
@media(max-width:360px){#app .hb-finance-identity-actions{gap:8px}#app .hb-finance-identity-actions .hb-finance-configuration{flex-basis:auto;font-size:12px}}

/* 0.3.818 — finance controls share a readable scale and a left-aligned filter row. */
#app .hb-finance-office :is(.hb-finance-areas,.hb-finance-nav,.hb-finance-options,.hb-finance-create) .btn{font-size:14px;font-weight:650;line-height:1.35;min-height:42px;padding:9px 12px;gap:8px;white-space:normal;max-width:100%}
#app .hb-finance-office :is(.hb-finance-areas,.hb-finance-nav,.hb-finance-options,.hb-finance-create) .btn svg{width:18px;height:18px;flex-shrink:0}
#app .hb-finance-pockets .hb-fp-toolbar{margin-bottom:12px}
#app .hb-finance-pockets .hb-fp-filters{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:flex-start;gap:12px;margin:0 0 18px;min-width:0}
#app .hb-finance-pockets .hb-fp-filters>.field{flex:0 1 180px;min-width:0;max-width:100%;margin:0}
#app .hb-finance-pockets .hb-fp-filters>.field>span{font-size:13px;font-weight:650}
#app .hb-finance-pockets .hb-fp-filters :is(.btn,.hb-date-button){min-height:42px;font-size:14px;line-height:1.35}
#app .hb-finance-pockets .hb-fp-filters>.btn{font-weight:650;padding:9px 12px;margin:0;white-space:normal}
@media(max-width:600px){#app .hb-finance-pockets .hb-fp-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px}#app .hb-finance-pockets .hb-fp-filters>.field{width:100%}#app .hb-finance-pockets .hb-fp-filters>.btn{align-self:end;justify-content:center}}
@media(max-width:340px){#app .hb-finance-pockets .hb-fp-filters{grid-template-columns:minmax(0,1fr)}}

/* Own accounting precedes received grants, using the same compact cards. */
#app .hb-received-own{margin:0 0 24px}
#app .hb-received-own>h3{font-size:17px;font-weight:700;margin:0 0 6px}
#app .hb-received-own>.small-note{margin:0 0 14px;line-height:1.5}
/* 0.3.820 — compact accounting cards, direct category actions. */
#app .hb-received-own .hb-received-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:start}
#app .hb-received-own .hb-received-card{grid-template-columns:34px minmax(0,1fr);gap:8px 10px;padding:15px;border-radius:18px;align-self:start}
#app .hb-received-own .hb-received-avatar{width:34px;height:34px;border-radius:50%;font-size:17px}
#app .hb-received-own .hb-received-card-text{display:contents}
#app .hb-received-own .hb-received-card-text>small{display:none}
#app .hb-received-own .hb-received-card h3{grid-column:2;margin:0;align-self:center;font-size:16px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#app .hb-received-own .hb-received-card-text>strong{grid-column:1/-1;font-size:14px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:3px 0 0}
#app .hb-received-own .hb-received-card p{grid-column:1/-1;margin:0;font-size:12px}
#app .hb-received-own .hb-received-permissions{grid-column:1/-1;margin:4px 0 0;gap:6px;display:grid}
#app .hb-received-permissions>button{display:flex;align-items:center;gap:6px;background:var(--hb-button-soft);color:#192d4b;border:1px solid transparent;padding:7px 8px;border-radius:9px;font-family:inherit;font-size:12px;font-weight:600;line-height:1.35;text-align:left;cursor:pointer;min-width:0;box-shadow:none;border-color:var(--hb-button-soft-border)}
#app .hb-received-permissions>button:hover{color:#e51e59;border-color:#ecd6d9;background:#fff;box-shadow:none}
#app .hb-received-permissions>button:focus-visible{outline:2px solid #e51e59;outline-offset:2px}
#app .hb-received-permissions>button>strong{margin-left:auto;color:inherit;font-size:13px;flex-shrink:0}
#app .hb-received-own .hb-received-card>.btn{grid-column:1/-1;min-height:32px;padding:5px 0;font-size:13px;font-weight:650;line-height:1.3;margin:0}
@media(max-width:1200px){#app .hb-received-own .hb-received-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:950px){#app .hb-received-own .hb-received-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#app .hb-received-own .hb-received-grid{grid-template-columns:minmax(0,1fr)}}
#modal .hb-received-detail h3{font-size:18px;margin-bottom:5px}
#modal .hb-received-filters{gap:10px;margin:16px 0}
#modal .hb-received-filters .btn{min-height:40px;font-size:13px;padding:8px 10px}
#modal .hb-received-detail .hb-empty-state{padding:22px 16px}

/* 0.3.821 — compact monthly accounting register. */
#modal .hb-received-detail .hb-received-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;padding:10px 0;flex-wrap:initial}
#modal .hb-received-detail .hb-received-row:has(>.hb-received-amount){grid-template-columns:minmax(0,1fr) auto auto}
#modal .hb-received-detail .hb-received-row>div:first-child{gap:3px}
#modal .hb-received-detail .hb-received-row>div>strong{font-size:14px;font-weight:700;line-height:1.3}
#modal .hb-received-detail .hb-received-row small{font-size:12px;line-height:1.35}
#modal .hb-received-detail .hb-received-amount{font-size:14px;font-weight:700;text-align:right;white-space:nowrap}
#modal .hb-received-detail .hb-received-row .hb-acct-actions{width:auto;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:200px}
#modal .hb-received-detail .hb-received-row .btn{font-size:12px;min-height:34px;line-height:1.3;padding:6px 8px;gap:6px;white-space:normal;overflow-wrap:anywhere}
#modal .hb-received-detail .hb-received-row .btn svg{width:17px;height:17px;flex:none}
#modal .hb-received-detail .hb-received-month{font-size:13px;font-weight:700;color:#192d4b;margin:18px 0 3px;padding-bottom:6px;border-bottom:1px solid #e7ebf2;text-transform:capitalize}
#modal .hb-received-detail [data-received-note]{font-size:12px;line-height:1.45;margin:0 0 12px;color:#656873}
#modal .hb-received-detail [data-received-note]:empty{display:none}
#modal .hb-received-filters>.field{flex:0 1 180px;margin:0}
#modal .hb-received-filters>[data-received-export]{color:#8396b3;font-weight:650}
@media(max-width:480px){#modal .hb-received-detail .hb-received-row:has(>.hb-received-amount){grid-template-columns:minmax(0,1fr) auto}#modal .hb-received-detail .hb-received-row .hb-acct-actions{grid-column:1/-1;max-width:100%;justify-content:flex-start}#modal .hb-received-filters>.field{flex:1 1 140px}}

/* 0.3.822 — entity identity, aligned credit rows and comfortable Open action. */
#app .hb-received-own .hb-received-card>.btn{padding:7px 12px;min-height:36px;color:#e51e59;border:1px solid transparent;border-radius:10px}
#app .hb-received-own .hb-received-card>.btn:hover{color:#e51e59;background:#fff2f3;border-color:#f1c9db;box-shadow:none}
#app .hb-received-own .hb-received-entity-link{grid-column:1/-1;text-align:left;padding:0;margin:3px 0 0;border:0;background:none;color:inherit;font:inherit;font-size:14px;font-weight:700;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}
.hb-received-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.hb-received-avatar.hb-received-info-button{padding:0;border:0;cursor:pointer;border-radius:50%;overflow:hidden}
.hb-received-info-button:focus-visible,.hb-received-entity-link:focus-visible{outline:2px solid #e51e59;outline-offset:3px}
#modal .hb-received-entity-info>h3{font-size:18px;margin:0 0 8px}
#modal .hb-received-entity-info .small-note{font-size:13px;line-height:1.5}
#modal .hb-received-info-section{margin-top:18px}
#modal .hb-received-info-section h3{font-size:14px;margin:0 0 8px}
#modal .hb-received-info-person{display:flex;align-items:center;gap:10px;padding:8px 0}
#modal .hb-received-info-person .hb-received-avatar{width:36px;height:36px;flex:none;border-radius:50%;font-size:16px;overflow:hidden}
#modal .hb-received-info-person strong{font-size:14px;line-height:1.4}
#modal .hb-received-info-person small{display:block;font-size:12px;color:#656873;line-height:1.4}
#modal .hb-received-detail .hb-received-invoice:has(>.hb-received-amount){grid-template-columns:minmax(0,1fr) auto 36px;gap:8px}
#modal .hb-received-detail .hb-received-invoice .hb-acct-actions{grid-column:auto;width:36px;justify-content:center}
#modal .hb-received-detail .hb-received-invoice .btn{width:36px;padding:8px;justify-content:center}
#modal .hb-received-detail .hb-received-invoice.is-credit strong,#modal .hb-received-detail .hb-received-invoice.is-credit .btn{color:#e51e59}

#modal .hb-received-detail .hb-received-invoice .hb-received-amount{color:#19191c}
#modal .hb-received-detail .hb-received-invoice.is-credit .hb-received-amount{color:#e51e59}
#modal .hb-received-detail .hb-received-invoice .hb-acct-actions .btn{color:#727780}

.hb-exp-credit-amount,.hb-exp-detail.is-credit .hb-exp-kpis>div:first-child strong,#modal .hb-received-expense.is-credit .hb-received-amount{color:#e51e59}

/* Shared archive action, independent of document tabs. */
.hb-received-card-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px}
#app .hb-received-own .hb-received-card-actions>.btn:first-child{padding:7px 12px;min-height:36px;color:#e51e59;border:1px solid transparent;border-radius:10px;font-size:13px;font-weight:650;gap:8px}
#app .hb-received-own .hb-received-card-actions>.btn:first-child:hover{background:#fff2f3;border-color:#f1c9db;box-shadow:none}
.hb-received-card-actions>.hb-received-archive-icon,#modal .hb-received-period-title>.hb-received-archive-icon{color:#19191c;width:36px;height:36px;min-height:36px;flex:none;padding:8px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:10px;background:transparent;box-shadow:none}
.hb-received-archive-icon svg{width:20px;height:20px}
.hb-received-card-actions>.hb-received-archive-icon:hover,#modal .hb-received-period-title>.hb-received-archive-icon:hover{color:#19191c;background:#f3f4f6;border-color:#e7e8ec;box-shadow:none}
.hb-received-period-title{display:flex;align-items:center;gap:12px;flex-basis:100%;font-size:14px;font-weight:650}
#modal .hb-received-filters{row-gap:8px}

/* Image dismissal belongs to the viewport, never to a previous form slot. */
#modal.hb-image-modal>.modal-head{left:auto!important;bottom:auto!important;width:auto!important;transform:none!important}
#modal.hb-image-modal>.modal-head [data-action=close]{position:relative!important;inset:auto!important;translate:none!important;transform:none!important;margin:0!important;width:44px!important;height:44px!important;display:inline-flex;align-items:center;justify-content:center;background:#fff!important;color:#192d4b!important}
#modal.hb-image-modal .hb-close-slot{display:none!important}

/* Compact billing client and invoice editors. */
.hb-client-delete{border:0;background:transparent;color:#e51e59;font-family:inherit;font-size:13px;font-weight:600;line-height:1.4;padding:8px;cursor:pointer;border-radius:8px;white-space:nowrap}
.hb-client-delete:hover{background:#fff0f1;color:#e51e59}
.hb-client-view-title{display:flex;gap:14px;align-items:center;margin-bottom:18px}.hb-client-view-title>svg{width:32px;height:32px;color:#e51e59;flex:none}.hb-client-view-title h3{font-size:21px;margin:0 0 4px;overflow-wrap:anywhere}.hb-client-view-title small{color:#777;font-size:13px}
.hb-client-view dl{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0}.hb-client-view dl>div{min-width:0}.hb-client-view dt{font-size:12px;color:#73737b;margin-bottom:5px}.hb-client-view dd{font-size:15px;font-weight:600;margin:0;overflow-wrap:anywhere}
#modal:has(#finance-issue-form),#modal:has(#finance-monthly-issue){width:min(960px,calc(100vw - 28px));max-width:960px}
#finance-issue-form,#finance-monthly-issue{gap:16px}
#finance-issue-form .field,#finance-monthly-issue .field{min-width:0;margin:0}
#finance-issue-form .field>span,#finance-monthly-issue .field>span{font-size:13px;font-weight:650;line-height:1.35;min-height:19px}
.hb-issue-dates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#finance-issue-form .small-note,#finance-monthly-issue .small-note{font-size:13px;line-height:1.5;margin:0;color:#73737b}
#finance-issue-form [data-finance-lines],#finance-monthly-issue [data-finance-lines]{display:grid;gap:12px}
#finance-issue-form .hb-finance-line,#finance-monthly-issue .hb-finance-line{background:#f7f7f9;border:1px solid #e8e8ed;border-radius:14px;padding:16px;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:12px}
#finance-issue-form .hb-finance-line>.field:first-child,#finance-monthly-issue .hb-finance-line>.field:first-child{grid-column:1/-1}
.hb-finance-line>[data-finance-line-remove]{grid-column:1/-1;justify-self:end;padding:3px 6px}
#finance-issue-form [data-finance-line-add]{justify-self:start;width:auto;font-size:13px;padding:9px 12px}
#finance-issue-form .hb-monthly-total,#finance-monthly-issue .hb-monthly-total{display:block;background:#f4f5f8;border:1px solid #e8e8ed;border-radius:12px;padding:14px 18px;text-align:right;font-size:20px;font-weight:700;color:#192c4b}
#finance-client-form .hb-finance-toolbar{margin-bottom:0;gap:12px}#finance-client-form [data-finance-lookup-note]{font-size:13px;line-height:1.45;margin:0}
@media(max-width:600px){#finance-issue-form .hb-finance-line,#finance-monthly-issue .hb-finance-line{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.hb-client-view dl{grid-template-columns:1fr}}
@media(max-width:370px){.hb-issue-dates{grid-template-columns:1fr}#finance-issue-form .hb-finance-line,#finance-monthly-issue .hb-finance-line{grid-template-columns:1fr}}

#modal:has(#finance-monthly-setup){width:min(760px,calc(100vw - 28px));max-width:760px}
#finance-monthly-setup{gap:16px}#finance-monthly-setup .small-note{font-size:13px;line-height:1.5;margin:0;color:#73737b}
#finance-monthly-setup .form-grid{align-items:start;gap:16px}#finance-monthly-setup .field{margin:0;min-width:0}
#finance-monthly-setup .field>span{font-size:13px;line-height:1.35;font-weight:650;min-height:19px}
:is(#finance-issue-form,#finance-monthly-issue,#finance-monthly-setup) :is(input:not([type=hidden]),.hb-select-trigger){height:46px;min-height:46px;font-size:14px;font-weight:600;padding:10px 12px;border-radius:10px;box-sizing:border-box}
:is(#finance-issue-form,#finance-monthly-issue,#finance-monthly-setup) .hb-select-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
:is(#finance-issue-form,#finance-monthly-issue,#finance-monthly-setup) .form-actions>.btn:not(.secondary){background:#e51e59;color:#fff;border-color:#e51e59;font-weight:700}
.hb-vat-field{min-width:0;display:grid;gap:8px;align-self:start}.hb-vat-field>input[type=number]{width:100%;color:#e51e59;font-weight:700}

.hb-finance-pockets .hb-board-reference-row{display:flex;align-items:center}.hb-fp-grip{flex:none;margin-left:auto;background:transparent;border:0;color:#192c4b;font-size:24px;padding:5px 12px;cursor:grab;touch-action:none}.hb-fp-grip:active{cursor:grabbing}
.hb-fp-detail{display:grid;gap:5px;margin:8px 0 14px;font-size:12px;color:#74747c}.hb-fp-detail strong{color:#19191c;font-weight:650}
.hb-finance-pockets .hb-board-card-actions{display:flex;flex-wrap:wrap;gap:8px}.hb-finance-pockets .hb-board-card-actions>.btn{flex:1 1 100px;min-height:38px;font-size:13px;padding:8px 10px}
.hb-finance-pockets [data-fp-delete]{color:#e51e59;background:transparent;border-color:transparent}
.hb-fp-preview h3{font-size:21px;margin:0 0 8px}.hb-fp-preview-lines{display:grid;gap:10px;margin:16px 0}.hb-fp-preview-lines>div{display:grid;gap:5px;background:#f7f7f9;border:1px solid #e8e8ed;border-radius:10px;padding:12px}.hb-fp-preview-lines span{font-size:13px;color:#73737b}
.hb-fp-dragging{overscroll-behavior:none}.hb-fp-drag-targets{top:50%!important;bottom:auto!important;transform:translate(-50%,-50%)!important}

/* Billing dialogs share the roomy invoice layout used from Today's cards. */
#modal:has(:is(#finance-client-form,#finance-issue-form,#finance-monthly-setup,#finance-monthly-issue)){width:min(1200px,calc(100vw - 40px));max-width:1200px;padding:28px;box-sizing:border-box}
.hb-fx-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:16px;padding:16px;background:#f7f7f9;border:1px solid #e8e8ed;border-radius:14px}
.hb-fx-grid>[data-finance-fx]{display:contents}.hb-fx-grid>[data-finance-fx][hidden]{display:none!important}
.hb-fx-grid [data-fx-source],.hb-fx-grid [data-fx-status],.hb-fx-grid [data-fx-refresh],.hb-fx-grid [data-finance-fx]>.small-note:last-child{grid-column:1/-1}
.hb-fx-grid [data-fx-refresh]{justify-self:start;padding:8px 12px;color:#e51e59;font-weight:700;margin:0}
.hb-fx-grid [data-fx-status]:empty{display:none}.hb-fx-grid [data-fx-status].is-error{color:#e51e59!important;font-weight:650}
.hb-fx-grid .field>span{min-height:36px!important;display:flex;align-items:end}
#finance-client-form .form-grid,#finance-monthly-setup .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
@media(max-width:800px){.hb-fx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#modal:has(:is(#finance-client-form,#finance-issue-form,#finance-monthly-setup,#finance-monthly-issue)){width:calc(100vw - 20px);padding:18px}.hb-fx-grid{padding:12px;gap:12px}.hb-fx-grid .field>span{min-height:36px!important}}
@media(max-width:420px){.hb-fx-grid,#finance-client-form .form-grid,#finance-monthly-setup .form-grid{grid-template-columns:1fr}.hb-fx-grid .field>span{min-height:19px!important}}

/* Client details already start with the client name. */
#modal[data-modal-key="financeClientView"]>.modal-head h2{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#modal[data-modal-key="financeClientView"]>.modal-head{justify-content:flex-end;margin-bottom:0}

/* Give the CV download breathing room after professional-profile media. */
#modal .hb-professional-profile > a.hb-portfolio-link[download]{margin-top:18px}

/* Fixed business context for invitations opened from a business card. */
.hb-invite-business{display:flex;flex-direction:column;gap:10px;min-width:0}
.hb-invite-business>span{font-size:16px;font-weight:600}
.hb-invite-business>strong{font-size:18px;line-height:1.5;overflow-wrap:anywhere}

/* Spacious work dialogs, matching the invoice workspace. */
#modal:has(:is(#specialistForm,#serviceForm,#resourceForm,#bookingForm,#inviteForm,#collab-invite-form,#hb-auto-settings,#hb-client-billing,#hb-visit-move,#hb-work-adjustment,.hb-schedule-form,.hb-owner-subscription)){width:min(1200px,calc(100vw - 40px));max-width:1200px;max-height:calc(100dvh - 40px);padding:28px;box-sizing:border-box;overflow-y:auto;overflow-x:hidden}
#modal:has(:is(#specialistForm,#serviceForm,#resourceForm,#bookingForm,#inviteForm,#collab-invite-form,#hb-auto-settings,#hb-client-billing,#hb-visit-move,#hb-work-adjustment,.hb-schedule-form,.hb-owner-subscription))>.form{min-width:0}
@media(max-width:600px){#modal:has(:is(#specialistForm,#serviceForm,#resourceForm,#bookingForm,#inviteForm,#collab-invite-form,#hb-auto-settings,#hb-client-billing,#hb-visit-move,#hb-work-adjustment,.hb-schedule-form,.hb-owner-subscription)){width:calc(100vw - 20px);max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:18px}}
/* Make service creation identifiable wherever it is offered. */
#app .btn:is([data-action="addService"],[data-action^="specialistAddService:"],[data-action^="resourceService:"]){background:#e51e59!important;color:#fff!important;border-color:#e51e59!important}
#app .btn:is([data-action="addService"],[data-action^="specialistAddService:"],[data-action^="resourceService:"]):hover{background:#e51e59!important;color:#fff!important;border-color:#e51e59!important}

/* Keep shared image-upload labels aligned with their centered preview. */
.hb-upload.hb-upload-custom>strong{align-self:stretch;text-align:center;max-width:100%;overflow-wrap:anywhere}
.hb-upload.hb-upload-custom>.hb-upload-hint,.hb-upload.hb-upload-custom>.hb-upload-info{text-align:center;max-width:100%;overflow-wrap:anywhere}
.hb-upload.hb-upload-custom>.hb-upload-actions{justify-content:center;max-width:100%}

.hb-received-own-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.hb-received-own-heading h3{margin:0}.hb-received-own-heading [data-finance-history]{color:#19191c}

/* Shared explanatory copy: readable secondary text and restrained emphasis. */
#modal .small-note:not(.error){font-size:15px;line-height:1.65;color:#62636c;overflow-wrap:anywhere}
#modal .small-note strong{font-weight:650;color:#24252b}
.hb-modal-guide{padding:18px 20px;border-radius:16px;background:#f5f5f7;color:#62636c;font-size:15px;line-height:1.65;min-width:0;overflow-wrap:anywhere;margin:0 0 18px}
.hb-modal-guide p{margin:0;max-width:90ch}.hb-modal-guide p+p{margin-top:9px}.hb-modal-guide strong{font-weight:650;color:#24252b}
#modal .form>.hb-modal-guide{margin-bottom:0}
@media(max-width:600px){.hb-modal-guide{padding:15px 16px;border-radius:12px}#modal .small-note:not(.error),.hb-modal-guide{font-size:15px}}

/* All modal help blocks, including content loaded after opening. */
dialog .hb-modal-explanation{display:block;box-sizing:border-box;max-width:100%;padding:16px 20px;border-radius:16px;background:#f5f5f7;color:#62636c;font-size:15px;line-height:1.65;overflow-wrap:anywhere;margin:12px 0}
dialog .hb-modal-explanation strong{font-weight:650;color:#24252b}
dialog .hb-modal-explanation[hidden]{display:none}
dialog .hb-modal-explanation:empty{display:none}
dialog .form>.hb-modal-explanation{margin:0}
@media(max-width:600px){dialog .hb-modal-explanation{padding:14px 16px;border-radius:12px}}

/* Compact explanatory blocks: emphasis without oversized paragraph gaps. */
#modal .hb-modal-guide,dialog .hb-modal-explanation{padding:12px 16px;line-height:1.4;margin-block:8px;border-radius:12px}
#modal .hb-modal-guide p{line-height:1.4;margin:0;max-width:none}
#modal .hb-modal-guide p+p{margin-top:3px}
#modal .small-note.hb-modal-explanation{line-height:1.4}
#modal .hb-modal-plain{margin:4px 0;line-height:1.4}
#serviceForm .hb-service-guidance{margin:0}

.hb-confirm #hb-confirm-text,.hb-confirm .hb-confirm-detail{text-align:left;white-space:pre-line;line-height:1.4}
.hb-confirm #hb-confirm-text strong{font-weight:650;color:#24252b}

/* Finance stack headers retain the same geometry when selected or lifted. */
.hb-finance-pockets .hb-board-stack>.hb-board-card .hb-board-card-reference{height:48px;min-height:48px!important;padding:10px 14px!important;display:flex;align-items:center;justify-content:space-between;gap:12px;touch-action:none;transition:none}
.hb-finance-pockets .hb-board-card .hb-board-spine-name{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;font-size:12px;color:#788393}
.hb-finance-pockets .hb-board-card.is-folded:focus-within{height:var(--hb-fold-height,48px);min-height:0}
.hb-finance-pockets .hb-board-card,.hb-finance-pockets .hb-board-reference-row{transition:none}

/* Compact document history, shared by invoice viewers. */
.hb-invoice-viewer .hb-invoice-timeline{background:transparent;border:0;border-radius:0;padding:12px 2px;margin:10px 0;color:#68758a;font-size:12px;line-height:1.4}
.hb-invoice-viewer .hb-invoice-timeline>summary{width:fit-content;gap:8px;color:#68758a;font-size:12px;font-weight:650;line-height:1.4}
.hb-invoice-viewer .hb-invoice-timeline>summary:before{content:'';width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#e51e59}
.hb-invoice-viewer .hb-invoice-timeline>summary:hover{color:#e51e59}
.hb-invoice-viewer .hb-invoice-timeline>summary:focus-visible{outline:2px solid #e51e59;outline-offset:4px;border-radius:3px}
.hb-invoice-viewer .hb-invoice-timeline .hb-document-history-body{margin-top:8px}
.hb-invoice-viewer .hb-invoice-timeline .hb-document-history-body p{padding:4px 0 4px 14px!important;margin:0!important;font-size:12px!important;line-height:1.4!important;color:#68758a;overflow-wrap:anywhere}
.hb-invoice-viewer .hb-invoice-timeline .hb-document-history-body p:before{left:0;top:10px;width:6px;height:6px;background:#e51e59}
.hb-invoice-viewer .hb-invoice-timeline .hb-document-history-body strong{font-size:13px;font-weight:650;color:#22334d}
.hb-invoice-viewer .hb-invoice-timeline .hb-document-history-body time{display:inline-block;margin-inline-start:8px;color:#68758a;font-size:12px}
.hb-invoice-viewer .hb-invoice-timeline .hb-document-history-body .small-note:before{display:none}
@media(max-width:480px){.hb-invoice-viewer .hb-invoice-timeline .hb-document-history-body time{display:block;margin-inline-start:0;margin-top:2px}}

/* Date values share a compact, muted treatment across calendar controls. */
.hb-date-button>span:first-child{font-size:14px!important;font-weight:700!important;color:#68758a!important;line-height:1.35}

.hb-commission-expenses .hb-cp-scroll{max-height:620px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:2px}
.hb-commission-expenses [data-cp-list]{display:grid;gap:12px}
.hb-commission-expenses .hb-board-card{position:relative;margin:0;min-width:0}
.hb-commission-expenses .hb-board-card-foot{display:grid;gap:8px}
.hb-commission-expenses .hb-board-client{overflow-wrap:anywhere}
.hb-commission-expenses .hb-board-card-body{padding:16px}
.hb-commission-expenses .hb-board-card-actions{display:flex;flex-wrap:wrap;gap:8px}
@media(max-width:700px){.hb-commission-expenses .hb-board-grid{grid-template-columns:minmax(0,1fr)}.hb-commission-expenses .hb-cp-scroll{max-height:65vh}}

/* Plain reference numbers, shared by agenda, activity, invoices and expenses. */
[data-live-agenda] .hb-agenda-card .hb-agenda-reference,
#hb-activity-list .hb-activity-reference,
.hb-finance-record .hb-finance-record-reference,
.hb-history-reference{
 background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;
 padding:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;
}
[data-live-agenda] .hb-agenda-card .hb-agenda-reference strong,
#hb-activity-list .hb-activity-reference strong,
.hb-finance-record .hb-finance-record-reference strong,
.hb-history-reference strong{color:#192c4b}
[data-live-agenda] .hb-agenda-card .hb-agenda-reference small,
#hb-activity-list .hb-activity-reference small,
.hb-finance-record .hb-finance-record-reference small,
.hb-history-reference small{color:#78869a;font-size:12px;line-height:1.35}
#hb-booking-history .hb-history-list{gap:12px}
#hb-booking-history .hb-history-card{display:grid;grid-template-columns:100px minmax(0,1fr) auto;align-items:center;gap:18px;padding:16px 20px}
.hb-history-reference{min-width:0;font-size:15px;overflow-wrap:anywhere}
.hb-history-info{min-width:0}
.hb-history-info>p{margin:5px 0;line-height:1.4}
.hb-history-info .hb-history-specialist{margin:5px 0}
.hb-history-info .hb-history-specialist time{margin-left:8px}
.hb-history-info .hb-history-state{font-size:13px}
.hb-history-info .hb-history-state.is-credit{color:#e51e59}
#hb-booking-history .hb-history-card .hb-guest-actions{margin:0;gap:8px;justify-content:flex-end}
#hb-booking-history .hb-history-card .hb-guest-actions>.btn{flex:0 0 auto;width:auto}
@media(max-width:900px){
 #hb-booking-history .hb-history-card{grid-template-columns:80px minmax(0,1fr);gap:10px 14px;padding:16px}
 #hb-booking-history .hb-history-card .hb-guest-actions{grid-column:2;justify-content:flex-start}
}
@media(max-width:450px){
 #hb-booking-history .hb-history-card{grid-template-columns:65px minmax(0,1fr)}
 #hb-booking-history .hb-history-card .hb-guest-actions{grid-column:1/-1}
}

.hb-mail-booking-context{display:grid;gap:4px;margin:8px 0 12px;padding:10px 12px;background:#f6f6f8;border-radius:10px;line-height:1.4;overflow-wrap:anywhere}
.hb-mail-booking-context>span,.hb-mail-booking-context>small{color:#78818f;font-size:13px}
.hb-mail-booking-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.hb-mail-booking-actions .hb-account-action{min-height:40px}

#hb-booking-mail-status .hb-booking-mail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0;list-style:none}
#hb-booking-mail-status .hb-booking-mail-grid>li{display:flex;align-items:flex-start;gap:10px;margin:0;padding:14px;border:1px solid #ececf0;border-radius:14px;min-width:0}
#hb-booking-mail-status .hb-booking-mail-grid>li>div{min-width:0;flex:1}
.hb-booking-mail-title{display:block;font-size:14px;line-height:1.4;overflow-wrap:anywhere}
.hb-booking-mail-state{display:block;color:#78818f;font-size:12px;margin-top:5px}
.hb-booking-mail-grid .hb-mail-booking-context{margin-bottom:0;padding:10px}
.hb-booking-mail-grid .hb-mail-booking-actions{gap:6px}
.hb-booking-mail-grid .hb-account-action{font-size:12px;padding:6px;min-height:40px}
.hb-booking-mail-skeleton{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:16px 0}
.hb-booking-mail-skeleton>div{padding:18px;background:#f7f7f9;border-radius:14px}
.hb-booking-mail-skeleton span{display:block;height:20px;margin:10px 0;border-radius:5px;background:linear-gradient(100deg,#ececf0 20%,#fafafa 45%,#ececf0 70%);background-size:200% 100%;animation:hb-history-shimmer 1.4s linear infinite}
.hb-booking-mail-skeleton span:last-child{height:90px}
@media(max-width:1100px){#hb-booking-mail-status .hb-booking-mail-grid,.hb-booking-mail-skeleton{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){#hb-booking-mail-status .hb-booking-mail-grid,.hb-booking-mail-skeleton{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.hb-booking-mail-skeleton span{animation:none}}

.hb-booking-mail-reference{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px}
.hb-booking-mail-reference>strong{font-size:13px;color:#6f7887;font-weight:700}
.hb-booking-mail-reference>.icon-btn{width:34px;height:34px;min-height:34px;padding:7px;color:#6f7887;background:transparent}
.hb-booking-mail-reference>.icon-btn:hover{color:#e51e59;background:var(--hb-button-soft);border-color:var(--hb-button-soft-border)}


/* Empty-page illustrations and service action contrast. */
#app :is(.empty-symbol,.hb-empty-icon){background:none;border:0;box-shadow:none}
#app :is(.empty-symbol,.hb-empty-icon) svg,#app :is(.hb-empty-state,.empty,.hb-booking-empty)>svg{width:48px;height:48px;flex-shrink:0}
#app .btn:is([data-action="addService"],[data-action^="specialistAddService:"],[data-action^="resourceService:"]) svg{color:#fff!important;stroke:currentColor!important}

/* White action inside the Services empty state, matching Agenda. */
.hb-service-empty-cta{display:inline-flex;justify-content:center;background:#fff;border:1px solid #d6d6da;border-radius:8px;padding:10px 18px;min-height:44px;box-sizing:border-box;font-size:15px;font-weight:700;letter-spacing:-.01em;color:#e51e59;transition:background .15s,border-color .15s,transform .15s}
.hb-service-empty-cta:hover,button.hb-service-empty:focus-visible .hb-service-empty-cta{background:var(--hb-button-soft);border-color:#a5a5ad;color:#e51e59;transform:translateY(-2px);border-color:var(--hb-button-soft-border)}
@media(prefers-reduced-motion:reduce){.hb-service-empty-cta{transition:none;transform:none!important}}

/* Form submit actions keep their natural width on desktop. */
@media(min-width:651px){#modal form.form>.btn[type="submit"]{width:auto;max-width:100%;justify-self:center;white-space:normal}}
@media(max-width:650px){#modal form.form>.btn[type="submit"]{width:100%;max-width:100%;justify-self:stretch;white-space:normal}}

.hb-company-lookup-note{display:block;font-size:12px;line-height:1.4;color:#68758a;font-weight:400;margin-top:6px;overflow-wrap:anywhere}.hb-company-lookup-note[hidden]{display:none}

/* Prevent the Settings grid from stretching form rows and its save button. */
#settingsForm{align-self:start;align-content:start}
#settingsForm>.btn{box-sizing:border-box;justify-self:center;align-self:start;width:auto;max-width:100%;height:auto;min-height:44px;padding:11px 18px;line-height:1.45;white-space:normal}
@media(max-width:650px){#settingsForm>.btn{width:100%;justify-self:stretch}}

/* Footer rows share one centered axis. */
#app>.hb-platform-footer{display:flex;flex-direction:column;align-items:center;width:100%;max-width:none;margin-inline:0;padding-inline:24px;box-sizing:border-box;text-align:center}
#app>.hb-platform-footer>:is(.hb-footer-first,.hb-footer-meta){width:100%;justify-content:center;margin-inline:0;box-sizing:border-box}
#app>.hb-platform-footer .brand{width:auto;max-width:100%;margin-inline:0;padding-inline:0;justify-content:center}
#app>.hb-platform-footer>p{width:100%;margin-inline:0;text-align:center}
@media(min-width:651px){#app.hb-with-sidebar.hb-sidebar-compact{padding-left:84px}}
@media(max-width:650px){#app.hb-with-sidebar{padding-left:0;padding-right:0}#app>.hb-platform-footer{padding-inline:16px}#app>.hb-platform-footer .hb-footer-meta{align-items:center}}

/* Business status is anchored to the image, independently of its category. */
.hb-business-media>.hb-business-status{position:absolute;top:12px;right:12px;bottom:auto;left:auto;z-index:2;max-width:calc(100% - 24px);box-sizing:border-box;padding:7px 11px;border:0;border-radius:8px;background:rgba(255,255,255,.80);color:#19191c;font-size:13px;font-weight:700;line-height:1.3;box-shadow:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}

/* Consistent translucent domain and business-state labels across surfaces. */
:is(#app,#modal) :is(.hb-space-category,.hb-business-status){background:rgba(255,255,255,.58);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);border-color:transparent;box-shadow:none}

/* Information icons follow the message height on desktop and mobile. */
.error:not(:empty)::before,.hb-booking-slot-error:not(:empty)::before,p.hb-client-import-error:not(:empty)::before{top:50%;transform:translateY(-50%)}

/* Billing notices use real SVG icons; center both icon and text as one row. */
.hb-billing-blocked,.hb-billing-note{align-items:center}
.hb-billing-blocked>svg,.hb-billing-note>svg{display:block;margin:0;align-self:center}
/* Domain remains the primary label; lifecycle state is deliberately smaller. */
:is(#app,#modal) :is(.hb-space-category,.hb-business-status){background:rgba(255,255,255,.84);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);color:#202024;border:0;border-radius:7px;padding:6px 10px;line-height:1.4;box-sizing:border-box}
:is(#app,#modal) .hb-space-category{font-size:12px;font-weight:800;letter-spacing:.01em}
:is(#app,#modal) .hb-business-status{font-size:11px;font-weight:650;letter-spacing:0}

/* Photo-backed domain labels borrow soft, pale colors from the image beneath. */
:is(#app,#modal) :is(.hb-card-media,.hb-business-media) .hb-space-category{background:rgba(255,255,255,.72);backdrop-filter:blur(9px) saturate(.85) brightness(1.12);-webkit-backdrop-filter:blur(9px) saturate(.85) brightness(1.12);color:#202024}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){:is(#app,#modal) :is(.hb-card-media,.hb-business-media) .hb-space-category{background:rgba(255,255,255,.90)}}

/* Footer spans the full page width, compensating for the sidebar inset. */
@media(min-width:651px){
 #app.hb-with-sidebar{--hb-footer-layout-inset:232px}
 #app.hb-with-sidebar.hb-sidebar-compact{--hb-footer-layout-inset:84px}
 #app.hb-with-sidebar>.hb-platform-footer{width:calc(100% + var(--hb-footer-layout-inset));max-width:none;margin-left:calc(0px - var(--hb-footer-layout-inset));margin-right:0;align-self:flex-start}
}
@media(min-width:651px) and (max-width:1100px){#app.hb-with-sidebar:not(.hb-sidebar-compact){--hb-footer-layout-inset:200px}}
@media(max-width:650px){#app>.hb-platform-footer{width:100%;margin-left:0;margin-right:0}}

/* Match availability summary to the actual date/time controls, not their labels. */
.hb-place-toolbar{align-items:flex-end}
.hb-place-controls .field :is(input,.hb-date-button,.hb-time-trigger){height:56px;min-height:56px;box-sizing:border-box}
.hb-place-controls :is(.hb-date-button,.hb-time-trigger),.hb-place-toolbar>.hb-place-summary{border:1px solid #cfcfd3;border-radius:14px;box-sizing:border-box}
.hb-place-controls :is(.hb-date-button,.hb-time-trigger){padding:10px 14px;display:flex;align-items:center;line-height:1.35}
.hb-place-controls .hb-time-trigger{font-size:14px;font-weight:700;color:#68758a}
.hb-place-controls :is(.hb-date-button,.hb-time-trigger):is(:focus-visible,[aria-expanded=true]){outline:none;border:1px solid #e51e59;box-shadow:inset 0 0 0 1px #e51e59}
.hb-place-toolbar>.hb-place-summary{height:56px;min-height:56px;align-items:center;padding:6px 14px}
.hb-place-summary>span:not(.hb-place-symbol){min-width:0}
.hb-place-summary strong{line-height:1.3}
.hb-place-summary small{line-height:1.3;margin-top:2px}
@media(max-width:650px){.hb-place-toolbar>.hb-place-summary{height:auto;min-height:56px}}

/* Inline help belongs below the control, not to the action's alignment edge. */
.form-grid,.form :is(div,section):has(>.field~.field){align-items:start}
.form-grid>.field,.form :is(div,section)>.field{align-content:start}
@media(min-width:651px){
 :is(form,#app) :is(div,section):has(>.field):has(>.btn):not(:has(>.field~.field)):not(:has(>.btn~.btn)){
  display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto auto;align-items:start;column-gap:12px;row-gap:0;
 }
 :is(form,#app) :is(div,section):has(>.btn):not(:has(>.field~.field)):not(:has(>.btn~.btn))>.field{
  display:grid;grid-template-rows:subgrid;grid-row:1/5;grid-column:1;min-width:0;row-gap:0;margin:0;
 }
 :is(form,#app) :is(div,section):has(>.btn):not(:has(>.field~.field)):not(:has(>.btn~.btn))>.field>span:first-child{grid-row:1;margin-bottom:8px}
 :is(form,#app) :is(div,section):has(>.btn):not(:has(>.field~.field)):not(:has(>.btn~.btn))>.field>:is(input,select,.hb-select,.hb-date-button,.hb-time-control){grid-row:2}
 :is(form,#app) :is(div,section):has(>.btn):not(:has(>.field~.field)):not(:has(>.btn~.btn))>.field>.hb-company-lookup-note{grid-row:3;margin-top:8px}
 :is(form,#app) :is(div,section):has(>.btn):not(:has(>.field~.field)):not(:has(>.btn~.btn))>.field>.hb-field-error{grid-row:4}
 :is(form,#app) :is(div,section):has(>.field):not(:has(>.field~.field)):not(:has(>.btn~.btn))>.btn{grid-column:2;grid-row:2;align-self:center;margin-top:0;margin-bottom:0}
}

/* Natural language discovery: shared page cards and pagination, explicit interpretation. */
#modal:has(#hb-discovery-form){width:min(1200px,calc(100vw - 32px));max-width:calc(100vw - 32px)}
#hb-discovery-form{min-width:0}#hb-discovery-form textarea{width:100%;box-sizing:border-box;min-height:110px;padding:16px;font:inherit;resize:vertical}
.hb-discovery-review{padding:20px;background:#f6f6f8;border-radius:16px;display:grid;gap:16px}
.hb-discovery-choices{display:flex;flex-wrap:wrap;gap:10px}.hb-discovery-choices .btn[aria-pressed=true]{color:#e51e59;border-color:#e51e59;background:#fff}
.hb-discovery-summary{padding:14px 18px;background:#f6f6f8;border-radius:14px;color:#68758a;line-height:1.5}.hb-discovery-summary strong{color:#252529}
@media(max-width:650px){.hb-discovery-review{padding:14px}.hb-discovery-review .form-grid{grid-template-columns:minmax(0,1fr)}}

#hb-discovery-form .hb-discovery-interpret{color:#fff;background:#e51e59;border-color:#e51e59}
#hb-discovery-form .hb-discovery-interpret:hover{color:#fff;background:#e51e59;border-color:#e51e59}

/* Keep discovery geometry stable while interpreting; no collapse/re-centering between requests. */
#modal:has(#hb-discovery-form){height:auto;max-height:calc(100dvh - 32px);box-sizing:border-box;scrollbar-gutter:stable;overflow-anchor:none}
#hb-discovery-form .hb-discovery-status{min-height:1.4em;line-height:1.4;font-size:13px;color:#68758a;margin:0}

/* Start compact, expand once results exist; retained results prevent repeat-click collapse. */
#modal:has(#hb-discovery-form .hb-discovery-review){height:auto}
#hb-discovery-form .hb-discovery-status:empty{display:none}
#hb-discovery-form:has([aria-busy="true"]) .hb-discovery-interpret{cursor:progress}
.hb-discovery-slogan{display:flex;flex-wrap:wrap;gap:0 .22em;margin:28px 0 24px;text-align:left;font-size:clamp(32px,4.5vw,64px);font-weight:800;line-height:1.06;letter-spacing:-.045em;color:#202024}
.hb-discovery-slogan span:last-child{color:#e51e59}
@media(max-width:650px){.hb-discovery-slogan{display:block;margin:24px 0 20px}.hb-discovery-slogan span{display:block}}

/* Consistent select text, including initial choices such as Choose city. */
.hb-select-trigger>.hb-select-value,select:not(.hb-native-select){font-weight:700;color:#52525b}

.hb-platform-footer>p{font-weight:700}

.hb-discovery-slogan .hb-slogan-period{font-style:normal;color:inherit;margin-inline-start:.055em;letter-spacing:0}

/* Empty discovery forms end at the action; only interpreted results expand the dialog. */
#modal:has(#hb-discovery-form){height:fit-content!important;min-height:0!important;inset:0;margin:auto;overflow-y:auto;padding-bottom:24px}
#modal:has(#hb-discovery-form):not(:has(.hb-discovery-review)){align-content:start}
#hb-discovery-form:not(:has(.hb-discovery-review)){height:auto;min-height:0;grid-template-rows:none}
#hb-discovery-form{align-content:start;margin-bottom:0}
#hb-discovery-form [data-discovery-review]:empty{display:none}

/* Billix wordmark: only the two l characters carry the accent. */
.brand>span,.hb-boot-word{color:#19191c!important}
.brand>span>span,.hb-boot-word>.hb-brand-accent{color:#e51e59!important}

/* Financial summaries: readable supporting text and distinct section spacing. */
.hb-forecast-legend,.hb-forecast-caption,.hb-forecast-note,.hb-forecast-empty span{font-size:15px;line-height:1.45;color:#62636c}
.hb-forecast-empty{font-size:16px;line-height:1.45;font-weight:700;color:#33343b}
.hb-forecast-horizons button,.hb-forecast-about{font-size:15px;min-height:42px}
.hb-forecast-summary{font-size:15px;line-height:1.45}
.hb-forecast-note{margin:14px 0 4px}
.hb-billing-totals-note{font-size:15px;line-height:1.45;color:#62636c;margin:16px 0 30px}
@media(max-width:650px){.hb-billing-totals-note{margin-bottom:24px}.hb-forecast-caption{display:flex;flex-wrap:wrap;gap:8px}}

/* Forecast details share the platform's readable, compact explanatory cards. */
#modal:has(.hb-forecast-modal){width:min(1200px,calc(100vw - 32px));max-width:1200px;box-sizing:border-box;max-height:calc(100dvh - 32px);overflow:auto}
#modal .hb-forecast-modal{font-size:16px;line-height:1.45;min-width:0}
#modal .hb-forecast-explanation{border:0;margin-top:24px;padding-top:0;font-size:16px;line-height:1.45;color:#62636c;text-align:left}
#modal .hb-forecast-explanation h3{font-size:16px;line-height:1.45;margin:0 0 12px;font-weight:700;color:#29292f}
#modal .hb-forecast-explanation p{font-size:16px;line-height:1.45;margin:10px 0;padding:16px 18px;background:#f5f5f7;border-radius:14px;overflow-wrap:anywhere}
#modal .hb-forecast-explanation p strong{font-weight:700;color:#29292f}
#modal .hb-forecast-explanation .hb-forecast-candidates{font-weight:700;color:#29292f}
#modal .hb-forecast-models{padding:16px 18px;border:1px solid #e7e7eb;border-radius:14px;gap:12px}
#modal .hb-forecast-models>div{flex-wrap:wrap;gap:6px 16px}
#modal .hb-forecast-models strong{font-size:16px;margin-left:auto}
#modal .hb-forecast-explanation small,#modal .hb-forecast-table-wrap table,#modal .hb-forecast-table-wrap th{font-size:15px;line-height:1.45}
#modal .hb-forecast-table-wrap th{font-weight:700;color:#42424a;background:#f5f5f7}
#modal .hb-forecast-table-wrap :is(th,td){padding:13px 14px}
@media(max-width:650px){#modal:has(.hb-forecast-modal){padding:18px}#modal .hb-forecast-explanation p{padding:14px}.hb-forecast-horizons button{min-height:44px}}

/* Compact hints and forecast reading rhythm. */
.hb-tooltip{padding:10px 12px;line-height:1.3}
.hb-forecast-summary>span{color:#53545d;font-weight:600;line-height:1.3}
.hb-forecast-summary>span b{font-weight:700}
.hb-forecast-note strong{color:#42424a;font-weight:700}
#modal .hb-forecast-empty{background:#f5f5f7;border-radius:14px;padding:14px 16px;margin:12px 0;line-height:1.35}
#modal .hb-forecast-empty span{margin-top:5px;line-height:1.35}
#modal .hb-forecast-summary{background:#f5f5f7;border-radius:12px;padding:12px 16px;margin:10px 0;gap:6px 12px}
#modal .hb-forecast-note{background:#f5f5f7;border-radius:12px;padding:12px 16px;line-height:1.35;margin:10px 0}
#modal .hb-forecast-explanation p{line-height:1.35;padding:14px 16px;margin:8px 0}
.hb-platform-footer .hb-footer-first{margin-top:20px}
.hb-platform-footer>p{line-height:1.3}

/* Billix custom vector lettering; keep the H symbol independent. */
.hb-wordmark{display:inline-block;width:87px;height:auto;aspect-ratio:600/206;flex-shrink:0;vertical-align:middle;overflow:visible}
.brand .hb-wordmark{width:87px;height:auto;max-height:none}
.hb-platform-footer .brand .hb-wordmark{width:78px}
.hb-boot-brand>.hb-boot-wordmark{width:174px;height:auto;max-width:52vw}
.hb-mobile-title>.hb-wordmark{width:76px}
.eyebrow>.hb-wordmark,.auth-story>small>.hb-wordmark{width:76px}
#toast strong>.hb-wordmark{width:64px}
@media(max-width:650px){.brand .hb-wordmark{width:76px}.hb-boot-brand>.hb-boot-wordmark{width:146px}}

.brand>.hb-wordmark-wrap{display:inline-flex;align-items:center;line-height:1}

/* Estimări: framed content, consistent with large Astăzi dialogs. */
#modal .hb-forecast-modal{border:1px solid #e3e3e8;border-radius:20px;padding:20px;box-sizing:border-box;background:#fff}
#modal:has(.hb-forecast-modal){border:1px solid #e3e3e8;border-radius:22px}
@media(max-width:650px){#modal .hb-forecast-modal{padding:14px;border-radius:16px}}

/* Wordmark stays optically inside the H badge height at every breakpoint. */
.brand{--billix-mark-height:30px}
.hb-header-brand .brand{--billix-mark-height:26px}
.hb-guest-shell .hb-header-brand .brand{--billix-mark-height:25px}
.hb-platform-footer .brand{--billix-mark-height:22px}
.brand .hb-wordmark,.hb-platform-footer .brand .hb-wordmark{height:var(--billix-mark-height);width:auto;max-height:var(--billix-mark-height)}
.hb-boot-brand>.hb-boot-wordmark{height:46px;width:auto;max-height:46px;max-width:52vw}
@media(max-width:360px){.hb-header-brand .brand{--billix-mark-height:23px}}

.hb-wordmark,.hb-wordmark :is(g,path,circle){stroke:none!important;stroke-width:0!important;filter:none}
.hb-wordmark g[fill="#e51e59"] path{fill:#e51e59!important}

/* Keep the footer slogan and contact row together. */
.hb-platform-footer>.hb-footer-meta{margin-top:2px;line-height:1.3;row-gap:2px}
.hb-platform-footer>.hb-footer-meta .hb-support-link{padding:3px 12px;min-height:28px;line-height:1.3}
@media(pointer:coarse){.hb-platform-footer>.hb-footer-meta .hb-support-link{min-height:36px}}

/* Inverse wordmark on dark surfaces; red l letters keep their brand color. */
.hb-wordmark{--billix-ink:#19191c}
.hb-wordmark g[fill="#19191c"]{fill:var(--billix-ink)}
#toast:not(.is-error) .hb-wordmark,.hero .hb-wordmark,.hb-brand-on-dark .hb-wordmark{--billix-ink:#fff}

#toast:not(.is-error) .hb-wordmark g:first-child :is(path,circle){fill:#fff!important}
#toast.is-error .hb-wordmark g:first-child :is(path,circle){fill:#19191c!important}

/* Center the visible footer content, without asymmetric button padding. */
.hb-platform-footer>.hb-footer-meta{column-gap:16px;justify-content:center}
.hb-platform-footer>.hb-footer-meta .hb-support-link{padding-inline:0;margin-inline:0}
.hb-platform-footer>.hb-footer-first .brand{margin-inline:0;padding-inline:0}

/* Each footer row is sized to its content and centered at 50vw. */
#app>.hb-platform-footer>:is(.hb-footer-first,p,.hb-footer-meta){
 position:relative;left:calc(50vw - 24px);transform:translateX(-50%);
 width:max-content;max-width:calc(100vw - 48px);align-self:flex-start;
 margin-inline:0;padding-inline:0;box-sizing:border-box;text-align:center;
}
#app>.hb-platform-footer .hb-footer-first{display:flex;justify-content:center}
@media(max-width:650px){
 #app>.hb-platform-footer>:is(.hb-footer-first,p,.hb-footer-meta){
  left:calc(50vw - 16px);max-width:calc(100vw - 32px);
 }
}

/* Explicit slogan group: no full-width paragraph or inherited indent. */
#app>.hb-platform-footer>p.hb-footer-slogan{display:block;width:max-content;max-width:calc(100vw - 48px);margin:10px 0 0;padding:0;text-indent:0;text-align:center;align-self:flex-start;left:calc(50vw - 24px);transform:translateX(-50%)}
@media(max-width:650px){#app>.hb-platform-footer>p.hb-footer-slogan{left:calc(50vw - 16px);max-width:calc(100vw - 32px)}}

/* Banner editor: intrinsic action width, stacked image picker on mobile. */
.hb-ad-row .hb-upload.hb-upload-custom{grid-template-columns:104px minmax(0,1fr);gap:6px 14px;align-items:start}
.hb-ad-row .hb-upload.hb-upload-custom>.hb-upload-preview{grid-column:1;grid-row:1/4;width:104px;height:80px;min-height:0;align-self:start}
.hb-ad-row .hb-upload-custom .hb-image-preview{width:auto;height:auto;max-width:104px;max-height:80px;object-fit:contain;border-radius:10px}
.hb-ad-row .hb-upload.hb-upload-custom>.hb-upload-actions{display:flex;flex-wrap:wrap;grid-column:2;grid-row:1;justify-content:flex-start;align-items:center;gap:8px;width:100%;min-width:0}
.hb-ad-row .hb-upload-actions>.hb-upload-pick{flex:0 1 auto;min-width:0;max-width:100%;margin:0}
.hb-ad-row .hb-upload-actions>.hb-upload-pick>span{min-height:40px;padding:9px 12px;gap:8px;border-radius:10px;font-size:14px;line-height:1.25;font-weight:700;white-space:normal;overflow-wrap:normal;word-break:normal;text-align:left;box-shadow:none;box-sizing:border-box}
.hb-ad-row .hb-upload-actions>.hb-upload-pick svg{width:24px;height:24px;flex:0 0 24px}
.hb-ad-row .hb-upload-actions>button{flex:0 0 auto;margin:0}
.hb-ad-row .hb-upload.hb-upload-custom>.hb-upload-hint,.hb-ad-row .hb-upload.hb-upload-custom>.hb-upload-info{grid-column:2;text-align:left;font-size:12px;line-height:1.35;margin:0}
.hb-ad-row .hb-upload-pick:focus-within>span{outline:2px solid #19191c;outline-offset:3px}
@media(max-width:650px){
 .hb-ad-row .hb-upload.hb-upload-custom{grid-template-columns:minmax(0,1fr);gap:8px;padding:0}
 .hb-ad-row .hb-upload.hb-upload-custom>.hb-upload-preview{grid-column:1;grid-row:1;width:128px;height:86px;justify-self:start}
 .hb-ad-row .hb-upload-custom .hb-image-preview{max-width:128px;max-height:86px}
 .hb-ad-row .hb-upload.hb-upload-custom>.hb-upload-actions{grid-column:1;grid-row:2;gap:8px}
 .hb-ad-row .hb-upload.hb-upload-custom>.hb-upload-hint,.hb-ad-row .hb-upload.hb-upload-custom>.hb-upload-info{grid-column:1}
}

/* Platform administration: consistent roomy dialogs and compact content. */
#modal:has(.hb-admin-manager,.hb-admin-people,.hb-admin-services,#hb-platform-vat,#hb-plan-form,#hb-platform-issuer,[data-domain-form]){width:min(1100px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:28px;border:1px solid #e5e5e7;border-radius:22px;box-shadow:none;overflow-y:auto;box-sizing:border-box}
#modal :is(.hb-admin-manager,.hb-admin-people,.hb-admin-services,#hb-platform-vat,#hb-plan-form,#hb-platform-issuer,[data-domain-form]){font-size:16px;line-height:1.4;min-width:0}
#modal :is(.hb-admin-result,.hb-admin-specialist-group,.hb-config-mail){border:1px solid #e6e6eb;border-radius:16px;background:#f7f7f9;padding:18px;margin-bottom:12px;box-shadow:none}
#modal .hb-admin-result{gap:16px;align-items:center}
#modal .hb-admin-result-copy{flex:1;text-align:left}
#modal .hb-admin-result-copy h3{font-size:19px;margin:0 0 5px;font-weight:750}
#modal .hb-admin-result-copy p{font-size:15px;line-height:1.35;margin:0 0 6px;color:#62626b}
#modal .hb-admin-result-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
#modal:has(.hb-admin-manager,#hb-platform-vat,#hb-plan-form,#hb-platform-issuer,[data-domain-form]) .small-note{font-size:15px;line-height:1.4;text-align:left}
#modal :is(#hb-platform-vat,#hb-plan-form,#hb-platform-issuer)>button[type=submit]{width:auto;justify-self:center;align-self:center;margin-inline:auto;padding:11px 22px;min-height:44px}
#modal :is(#hb-platform-vat,#hb-plan-form,#hb-platform-issuer)>.form-actions{justify-content:center;flex-wrap:wrap}
#modal .hb-vat-row{display:flex;gap:12px;align-items:flex-end;margin:0 0 12px;max-width:480px}
#modal .hb-vat-row>.field{flex:1;min-width:0;margin:0}
#modal .hb-vat-row>button{width:auto;flex:0 0 auto;margin:0}
#modal .hb-config-mail{margin-top:20px;text-align:left}
#modal .hb-config-mail p{line-height:1.4;overflow-wrap:anywhere}
#modal .hb-domain-row{padding:14px 16px;border-radius:14px;background:#f7f7f9;border:1px solid #e6e6eb;margin-bottom:8px}
#modal .hb-domain-create{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}
#modal .hb-domain-create .field{flex:1 1 240px;margin:0}
#modal .hb-domain-create button{width:auto;flex:0 0 auto;margin:0}
.hb-admin-stats>.hb-admin-metric{position:relative;padding:22px 24px;min-height:240px;overflow:visible}
.hb-admin-metric>.hb-admin-metric-copy{font-size:14px;line-height:1.35;text-align:left;margin:6px 0 8px;max-width:85%;opacity:.9}
.hb-admin-metric>strong{display:block;text-align:right;font-size:36px;line-height:1.1;margin:0}
.hb-admin-metric>small{display:block;font-size:11px;text-align:left;line-height:1.35;opacity:.85;margin-top:6px}
.hb-admin-trend{position:relative;height:82px;width:100%;margin-top:2px;color:#fff}
.hb-admin-trend>svg{display:block;width:100%;height:100%;overflow:visible}
.hb-admin-trend-point{position:absolute;transform:translate(-50%,-50%);width:36px;height:36px;min-height:0;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}
.hb-admin-trend-point:hover,.hb-admin-trend-point:focus-visible{background:#ffffff24;outline:2px solid #ffffff70;outline-offset:-5px}
.hb-metric-tooltip{display:flex;flex-direction:column;gap:5px;text-align:left;font-size:13px}
.hb-metric-tooltip>strong{font-size:30px;line-height:1.1;font-weight:800;color:inherit}
.hb-metric-tooltip>small{font-size:12px;line-height:1.3;color:inherit;opacity:.85}
.hb-ad-row .hb-upload.hb-upload-custom{grid-template-columns:168px minmax(0,1fr);align-items:center}
.hb-ad-row .hb-upload.hb-upload-custom>.hb-upload-preview{width:168px;height:124px;cursor:pointer;border-radius:14px}
.hb-ad-row .hb-upload-custom .hb-image-preview{max-width:168px;max-height:124px;border-radius:12px}
.hb-ad-row .hb-upload-preview:not(:has(img)){cursor:default;padding:10px}
.hb-ad-row .hb-upload-preview>.muted{font-size:14px;line-height:1.3;overflow-wrap:normal;word-break:normal;hyphens:none;text-align:center}
.hb-ad-row .hb-upload-preview:focus-visible{outline:2px solid #19191c;outline-offset:3px}
@media(max-width:650px){
 #modal:has(.hb-admin-manager,.hb-admin-people,.hb-admin-services,#hb-platform-vat,#hb-plan-form,#hb-platform-issuer,[data-domain-form]){width:calc(100vw - 24px);padding:20px 16px;border-radius:18px}
 #modal .hb-admin-result{align-items:stretch;padding:16px;gap:12px}
 #modal .hb-admin-result-actions{justify-content:flex-start}
 #modal :is(#hb-platform-vat,#hb-plan-form,#hb-platform-issuer)>button[type=submit]{width:100%}
 .hb-ad-row .hb-upload.hb-upload-custom{grid-template-columns:minmax(0,1fr)}
 .hb-ad-row .hb-upload.hb-upload-custom>.hb-upload-preview{width:168px;height:124px}
}
.hb-admin-trend-point::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:#fff;pointer-events:none}
/* Admin domain names must not inherit the public domain poster typography. */
#modal .hb-domain-list .hb-domain-row{display:flex;align-items:center;gap:12px;min-height:64px;font-size:16px;line-height:1.4;letter-spacing:normal;font-weight:600;text-transform:none;color:#19191c;padding:12px 16px}
#modal .hb-domain-list .hb-domain-name{display:block;flex:1;min-width:0;font-family:inherit;font-size:16px;font-weight:700;line-height:1.4;letter-spacing:normal;word-spacing:normal;text-transform:none;color:#19191c;cursor:inherit}
#modal .hb-domain-list .hb-domain-name strong{display:block;font:inherit;letter-spacing:normal;word-spacing:normal;text-transform:none;overflow-wrap:break-word}
#modal .hb-admin-manager .hb-search{display:grid;grid-template-columns:minmax(0,1fr) auto 46px;gap:12px;align-items:end}
#modal .hb-admin-manager .hb-search>.field{min-width:0;margin:0}
#modal .hb-admin-manager .hb-search>button{margin:0;align-self:end;height:46px;min-height:46px}
#modal .hb-admin-manager .hb-search>.hb-search-status{grid-column:1/-1;grid-row:2}
#modal .hb-admin-manager .hb-search>.hb-search-status:empty{display:none}
#modal .hb-admin-manager .hb-search>.hb-admin-search-clear{grid-column:3;grid-row:1;display:inline-flex;align-items:center;justify-content:center;width:46px;padding:10px;border:1px solid #d9d9df;border-radius:10px;background:#fff;color:#19191c}
#modal .hb-admin-search-clear svg{width:24px;height:24px;flex:none}
#modal .hb-admin-manager .hb-admin-search-clear:hover{background:#f4f4f6;border-color:#b9b9c0}
#modal .hb-admin-search-clear:focus-visible{outline:2px solid #19191c;outline-offset:2px}
@media(max-width:480px){#modal .hb-admin-manager .hb-search{grid-template-columns:minmax(0,1fr) 46px}#modal .hb-admin-manager .hb-search>.field{grid-column:1/-1}#modal .hb-admin-manager .hb-search>button[type=submit]{grid-column:1;grid-row:2;justify-self:start}#modal .hb-admin-manager .hb-search>.hb-admin-search-clear{grid-column:2;grid-row:2}#modal .hb-admin-manager .hb-search>.hb-search-status{grid-row:3}#modal .hb-domain-list .hb-domain-row{gap:6px;padding:12px;font-size:15px}#modal .hb-domain-list .hb-domain-name{font-size:15px}}
/* Keep chart markers in SVG coordinates, independent of inline CSS. */
.hb-admin-trend{height:auto;aspect-ratio:300/82}
.hb-admin-trend>svg{width:100%;height:100%;display:block}
.hb-admin-svg-point{fill:#fff;stroke:transparent;stroke-width:12px;paint-order:stroke fill;cursor:pointer;pointer-events:all}
.hb-admin-svg-point:hover,.hb-admin-svg-point:focus{stroke:#ffffff30;outline:none}
.hb-tooltip.hb-metric-tooltip:popover-open{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:12px 14px;max-width:260px;line-height:1.35}
.hb-tooltip.hb-metric-tooltip>strong{display:block;font-size:15px;line-height:1.35;font-weight:700;margin:0}
.hb-tooltip.hb-metric-tooltip>strong:nth-child(2){font-size:16px;font-weight:400}
.hb-tooltip.hb-metric-tooltip>small{display:block;font-size:12px;line-height:1.35;margin:0}
#modal .hb-config-mail .hb-sender-missing{display:block;position:static;margin:8px 0 0;padding:0;color:#e51e59;font-size:15px;font-weight:650;line-height:1.4;background:none;border:0}
#modal .hb-config-mail p{margin:8px 0;line-height:1.4}
#modal .hb-admin-avatar{display:block;width:48px;height:48px;min-width:48px;border-radius:50%;object-fit:cover;object-position:center;flex:0 0 48px}
#modal .hb-admin-initial{display:grid;place-items:center;background:#eeeef2;color:#555;font-size:20px;font-weight:700}
#modal .hb-admin-person-row{display:flex;align-items:center;gap:12px;padding:12px 14px;margin:0;background:#f7f7f9;border:1px solid #e5e5eb;border-radius:14px}
#modal .hb-admin-person-copy{flex:1;min-width:0}
#modal .hb-admin-person-copy h3,#modal .hb-admin-service-person h3{font-size:17px;line-height:1.3;margin:0 0 4px}
#modal .hb-admin-person-copy p{font-size:14px;line-height:1.35;margin:0;color:#68686f}
#modal .hb-admin-people{gap:10px}
#modal .hb-admin-person-row .detail-actions{gap:6px;margin:0;flex-wrap:wrap}
#modal .hb-admin-service-person{display:flex;align-items:center;gap:12px;margin-bottom:10px}
#modal .hb-admin-service-person small{font-size:13px;color:#68686f}
#modal .hb-admin-specialist-group{padding:14px;margin:0}
#modal .hb-admin-services>.form{gap:10px}
#modal .hb-admin-services .detail-actions{gap:6px;margin:6px 0;flex-wrap:wrap}
#modal .hb-admin-services .btn,#modal .hb-admin-people .btn{padding:7px 10px;min-height:36px;font-size:13px}
#modal .hb-admin-service-row{padding:9px 0;gap:10px}
#modal .hb-admin-service-row strong small{display:block;font-size:12px;font-weight:400;color:#68686f;margin-top:3px}
#modal .hb-admin-manager .hb-admin-result{padding:12px 14px;margin:0;gap:12px}
#modal .hb-admin-manager .form{gap:10px}
#modal .hb-admin-record{padding:16px;background:#f7f7f9;border-radius:16px;text-align:left}
#modal .hb-admin-record h3{font-size:20px;margin:12px 0 6px}
#modal .hb-admin-record p{margin:6px 0;line-height:1.4}
@media(max-width:650px){#modal .hb-admin-person-row{flex-wrap:wrap}#modal .hb-admin-person-row .detail-actions{width:100%;justify-content:flex-start}#modal .hb-admin-manager .hb-admin-result{flex-direction:row;flex-wrap:wrap}#modal .hb-admin-manager .hb-admin-result-copy{flex:1 1 150px}}

/* Administrative account review: private dialogue and explicit delayed closure. */
.hb-admin-review{display:grid;gap:16px;text-align:left}.hb-admin-review-person{display:flex;align-items:center;gap:14px}.hb-admin-review-person h3,.hb-admin-review-person p{margin:0;line-height:1.4}.hb-admin-review-note{padding:16px 18px;background:#f3f4f6;border-radius:16px;line-height:1.45}.hb-admin-review-note p{margin:7px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.hb-admin-review-note ul{margin:8px 0 0;padding-left:20px}.hb-admin-review .form-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.hb-admin-review .form-actions .btn{width:auto}@media(max-width:560px){.hb-admin-review .form-actions .btn{width:100%}}
/* Expense widgets share one compact, responsive drag area. Rows follow content height. */
.hb-exp-packed.hb-dash-grid{--dash-columns:4;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:auto;column-gap:16px;row-gap:16px;align-items:start;margin:16px 0 24px;min-width:0}
.hb-exp-packed>.hb-dash-card{align-self:start;margin:0;min-width:0;height:auto}
.hb-exp-packed>.hb-dash-card[data-dash-span="2"]{grid-column:span 2}
.hb-exp-packed>.hb-finance-chart-item .hb-dash-header{background:var(--chart-color);color:#fff}
.hb-exp-packed>.hb-finance-chart-item .hb-dash-header :is(h3,.hb-dash-config,.hb-drag-handle){color:#fff}
.hb-exp-packed>.hb-finance-chart-item .hb-dash-config:hover{background:#ffffff26;color:#fff}
.hb-exp-packed>.hb-dash-card:not(.hb-finance-chart-item) .hb-dash-header{background:#f0f0f2;color:#25252b}
.hb-exp-packed>.hb-dash-card:not(.hb-finance-chart-item) .hb-dash-front{--chart-color:#e51e59}
.hb-dash-floating{position:fixed!important;z-index:20000!important;pointer-events:none!important;margin:0!important;opacity:.95!important;outline:0!important;box-sizing:border-box;overflow:hidden;transform-origin:0 0;box-shadow:0 12px 32px #0002!important}
.hb-exp-packed>.hb-drag-active{opacity:.22;outline:1px dashed #a5a5ad;outline-offset:2px}
@media(max-width:1100px){.hb-exp-packed.hb-dash-grid{--dash-columns:2;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.hb-exp-packed.hb-dash-grid{--dash-columns:1;grid-template-columns:minmax(0,1fr)}.hb-exp-packed>.hb-dash-card[data-dash-span="2"]{grid-column:1}}

.hb-dash-floating .hb-dash-header{box-sizing:border-box;height:56px;min-height:56px;padding:10px 16px}.hb-dash-floating:not(.hb-finance-chart-item) .hb-dash-header{background:#f0f0f2;color:#25252b}.hb-dash-floating:not(.hb-finance-chart-item) .hb-dash-header :is(h3,.hb-dash-config){color:#25252b}.hb-dash-floating:not(.hb-finance-chart-item) .hb-dash-front{--chart-color:#e51e59}

.hb-exp-packed.hb-dash-grid.is-packed{grid-auto-rows:1px;row-gap:0}

/* Presentation-only Admin inspection; compact rows stay aligned on narrow screens. */
.hb-admin-space-list,.hb-admin-visual{display:grid;gap:14px}.hb-admin-space-list{margin-top:12px}.hb-admin-space-list .hb-admin-person-row{margin:0;padding:12px;background:#fff;border-radius:12px;display:flex;align-items:center;gap:12px}.hb-admin-space-list .hb-admin-person-copy{flex:1;min-width:0}.hb-admin-space-list h3{margin:0;font-size:16px;overflow-wrap:anywhere}.hb-admin-space-list p{margin:4px 0 0;font-size:13px}.hb-admin-space-list .btn{flex:none;width:auto}.hb-admin-visual-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.hb-admin-visual-photo{display:block;width:100%;height:180px;object-fit:cover;border-radius:12px}.hb-admin-visual .hb-admin-review-person h3{margin:0}.hb-admin-visual .hb-admin-review-person p{margin:5px 0}.hb-admin-visual .hb-admin-review-note p{white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:480px){.hb-admin-space-list .hb-admin-person-row{flex-wrap:wrap}.hb-admin-space-list .hb-admin-person-copy{min-width:calc(100% - 72px)}.hb-admin-space-list .btn{margin-left:auto}}

/* Shared explanatory typography: emphasis by weight, consistent contextual size. */
:root{--hb-explanation-font:16px;--hb-explanation-leading:1.45}
dialog :is(.hb-modal-guide,.hb-modal-explanation,.hb-admin-review-note){font-size:var(--hb-explanation-font);line-height:var(--hb-explanation-leading);text-align:left}
dialog :is(.hb-modal-guide,.hb-modal-explanation,.hb-admin-review-note) :is(p,li){font-size:inherit;line-height:inherit}
dialog :is(.hb-modal-guide,.hb-modal-explanation,.hb-admin-review-note) :is(h3,h4){font-size:inherit;line-height:inherit;font-weight:700;color:#29292f;margin:0 0 8px}
dialog :is(.hb-modal-guide,.hb-modal-explanation,.hb-admin-review-note) strong{font-size:inherit;font-weight:700}

/* One readable text scale throughout forecast explanations (expenses and invoices).
   SVG axes keep their chart coordinate scale; modal titles retain their own hierarchy. */
#modal .hb-forecast-modal :is(.hb-forecast-legend,.hb-forecast-horizons button,.hb-forecast-empty,.hb-forecast-empty span,.hb-forecast-summary,.hb-forecast-summary strong,.hb-forecast-caption,.hb-forecast-note,.hb-forecast-explanation,.hb-forecast-explanation h3,.hb-forecast-explanation p,.hb-forecast-explanation small,.hb-forecast-models,.hb-forecast-models strong,.hb-forecast-table-wrap table,.hb-forecast-table-wrap th,.hb-forecast-table-wrap td){font-size:var(--hb-explanation-font);line-height:var(--hb-explanation-leading);font-family:inherit;letter-spacing:normal}
#modal .hb-forecast-modal :is(.hb-forecast-empty,.hb-forecast-note,.hb-forecast-caption,.hb-forecast-explanation p){font-weight:400;color:#62636c}
#modal .hb-forecast-modal :is(strong,b){font-size:inherit;font-weight:700}
#modal .hb-forecast-modal .hb-forecast-candidates{font-weight:600;color:#29292f}
#modal .hb-forecast-modal .hb-forecast-empty strong{color:#29292f}
#modal .hb-forecast-modal .hb-forecast-summary strong{color:#8396b3}
dialog :is(.hb-modal-guide,.hb-modal-explanation,.hb-admin-review-note) :is(small,span,b){font-size:inherit;line-height:inherit}

/* Administrative dialogs: readable copy and resilient narrow layouts. */
#modal[data-modal-key="adminReviewTitle"],#modal:has(.hb-admin-visual){width:min(960px,calc(100vw - 24px));max-width:calc(100vw - 24px)}
#modal :is(.hb-admin-review,.hb-admin-visual,.hb-admin-manager,.hb-admin-services,.hb-admin-people){min-width:0;color:#414149;font-size:16px;line-height:1.45}
#modal :is(.hb-admin-review,.hb-admin-visual,.hb-admin-manager,.hb-admin-services,.hb-admin-people) :is(p,.small-note){color:#50505a;font-weight:400;line-height:1.45}
#modal :is(.hb-admin-review,.hb-admin-visual) strong{color:#303038;font-weight:700}
#modal .hb-admin-review-person{padding-right:32px;min-width:0}
#modal .hb-admin-review-person>div{min-width:0;overflow-wrap:anywhere}
#modal .hb-admin-review>.hb-mailbox-compose{margin-top:12px;padding-top:16px;border-top:1px solid #e5e5eb;min-width:0;display:grid;gap:16px}
#modal .hb-admin-review>.hb-mailbox-compose>.error:empty{display:none}
#modal .hb-admin-space-list .hb-admin-person-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px}
#modal .hb-admin-space-list .hb-admin-person-copy{min-width:0;width:auto}
#modal .hb-admin-space-list .hb-admin-avatar{width:48px;height:48px}
#modal .hb-admin-space-list :is(h3,p){word-break:normal;overflow-wrap:anywhere;margin:0;line-height:1.4}
#modal .hb-admin-space-list p{margin-top:4px}
#modal .hb-admin-review-note{padding:16px;min-width:0}
#modal .hb-admin-review-note p{margin:8px 0 0}
@media(max-width:650px){
 #modal:has(.hb-admin-review),#modal:has(.hb-admin-visual){padding:18px 16px}
 #modal .hb-admin-space-list .hb-admin-person-row{grid-template-columns:48px minmax(0,1fr)}
 #modal .hb-admin-space-list .hb-admin-person-row>.btn{grid-column:2;justify-self:start;margin:0;max-width:100%}
 #modal .hb-admin-space-list .hb-admin-person-copy{min-width:0}
 #modal .hb-admin-review-person{gap:10px}
 #modal .hb-admin-review-person .hb-admin-avatar{width:48px;height:48px;flex:0 0 48px}
 #modal .hb-admin-review-note{padding:14px}
 #modal .hb-admin-review .form-actions{gap:10px}
}

/* Main dialog copy keeps one readable size; small metadata remains secondary. */
dialog.hb-confirm #hb-confirm-text,dialog.hb-confirm .hb-confirm-detail{font-size:16px !important;line-height:1.45;color:#50505a !important}
dialog.hb-confirm :is(#hb-confirm-text,.hb-confirm-detail) :is(strong,b,span){font-size:inherit;line-height:inherit}
#modal .small-note.hb-modal-explanation,dialog .hb-modal-explanation,dialog .hb-modal-guide{font-size:16px;line-height:1.45;color:#50505a}
#modal :is(.hb-admin-person-copy,.hb-admin-result-copy,.hb-admin-record,.hb-admin-visual,.hb-admin-review) p{font-size:16px;line-height:1.45}
#modal :is(.hb-admin-person-copy,.hb-admin-result-copy,.hb-admin-record) h3{font-size:16px;font-weight:700;line-height:1.4}

/* Compact administration rows: copy first, actions wrap without squeezing names. */
#modal .hb-admin-manager .hb-admin-result{display:grid;grid-template-columns:48px minmax(180px,1fr) auto;align-items:center;gap:12px;padding:14px;border-radius:14px}
#modal .hb-admin-manager .hb-admin-result-copy{min-width:0}
#modal .hb-admin-manager .hb-admin-result-copy h3{margin:0 0 4px;font-size:16px;line-height:1.4;font-weight:700;color:#303038;overflow-wrap:anywhere}
#modal .hb-admin-manager .hb-admin-result-copy>strong{font-size:15px;font-weight:500;color:#50505a}
#modal .hb-admin-manager .hb-admin-result-copy p{margin:3px 0;font-size:16px;line-height:1.4}
#modal .hb-admin-manager .hb-admin-result-copy small{font-size:14px;line-height:1.4}
#modal .hb-admin-manager .hb-admin-result-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;max-width:540px}
#modal .hb-admin-manager .hb-admin-result-actions .btn{font-size:14px;font-weight:600;line-height:1.25;min-height:38px;padding:9px 12px;width:auto;border-radius:10px}
#modal .hb-admin-manager .hb-admin-result-actions .badge{font-size:13px;font-weight:600;line-height:1.3}
#modal .hb-admin-manager>#hb-workspaces-results{gap:10px}
@media(max-width:1050px){#modal .hb-admin-manager .hb-admin-result{grid-template-columns:48px minmax(0,1fr)}#modal .hb-admin-manager .hb-admin-result-actions{grid-column:2;max-width:100%;justify-content:flex-start}}
@media(max-width:480px){#modal .hb-admin-manager .hb-admin-result-actions{grid-column:1/-1}#modal .hb-admin-manager .hb-admin-result-copy{min-width:0}}

/* Account administration: restrained hierarchy without reducing readable copy. */
#modal .hb-admin-review{font-size:16px;line-height:1.4;color:#50505a;gap:14px}
#modal .hb-admin-review .hb-admin-review-person h3{font-size:16px;line-height:1.4;font-weight:600;color:#34343c}
#modal .hb-admin-review .hb-admin-review-person p{font-size:16px;font-weight:400;color:#60606a}
#modal .hb-admin-review .hb-admin-dialog-intro p{margin:0;font-size:16px;line-height:1.4;font-weight:400;color:#50505a}
#modal .hb-admin-review .hb-admin-dialog-intro p+p{margin-top:6px}
#modal .hb-admin-review .hb-admin-review-note>strong{font-weight:600;color:#414149}
#modal .hb-admin-review .hb-admin-space-list{gap:10px;margin-top:10px}
#modal .hb-admin-review .hb-admin-space-list h3{font-size:16px;font-weight:600;line-height:1.35;color:#414149;margin:0}
#modal .hb-admin-review .hb-admin-space-list p{font-size:16px;font-weight:400;line-height:1.35;color:#60606a;margin:3px 0 0}
#modal .hb-admin-review .hb-admin-space-list .btn{font-size:15px;font-weight:500;line-height:1.3;min-height:38px;padding:8px 12px;border-radius:10px}

/* Subscription dialog: readable copy with restrained emphasis. */
#modal .hb-owner-subscription{font-size:16px;line-height:1.4;color:#50505a}
#modal .hb-owner-subscription .hb-subscription-summary{background:#f5f5f7;border-top:0;padding:16px;border-radius:14px}
#modal .hb-owner-subscription .hb-subscription-summary>span{font-size:14px;font-weight:600}
#modal .hb-owner-subscription .hb-subscription-summary>strong{font-size:22px;font-weight:600;color:#34343c;line-height:1.35}
#modal .hb-owner-subscription .hb-subscription-summary small{font-size:14px;font-weight:400;color:#60606a}
#modal .hb-owner-subscription .hb-subscription-summary p{font-size:16px;font-weight:400;line-height:1.4;color:#50505a;margin:8px 0 0}
#modal .hb-owner-subscription .hb-billing-note{background:#f5f5f7;border-radius:14px;padding:14px 16px;margin:14px 0;gap:10px;align-items:center}
#modal .hb-owner-subscription .hb-billing-note p{font-size:16px;line-height:1.4;color:#50505a;font-weight:400;margin:0}
#modal .hb-owner-subscription .hb-billing-note>svg{margin-top:0}
#modal .hb-owner-subscription .hb-subscription-card{background:#f5f5f7;padding:14px 16px;gap:12px}
#modal .hb-owner-subscription .hb-subscription-card>span{font-size:16px;font-weight:400;line-height:1.4;color:#50505a}
#modal .hb-owner-subscription :is(.hb-billing-section-title,.field>span){font-size:16px;font-weight:600;line-height:1.4;color:#414149}
#modal .hb-owner-subscription :is(.small-note strong,.hb-billing-blocked strong){font-size:inherit;font-weight:600}
#modal .hb-owner-subscription .hb-account-action{font-size:15px;font-weight:500;min-height:40px;padding:9px 12px}
@media(max-width:600px){#modal .hb-owner-subscription .hb-subscription-card>span{flex-basis:100%}#modal .hb-owner-subscription .hb-subscription-card>.hb-account-action{margin-left:auto}}

/* Shared administrative and business conversation forms. */
form[data-support-form]>.error:not(:empty){margin:16px 0 8px;clear:both;font-size:16px;font-weight:500;line-height:1.4}
form[data-support-form]>.error:empty{display:none}
.hb-mail-upload [data-mail-file-error]:not(:empty){margin-top:14px;font-weight:500;line-height:1.4}
.hb-mailbox-compose{row-gap:16px}
.hb-mailbox-compose>.field>span,.hb-mailbox-compose>.field>label{font-size:16px;font-weight:500;color:#414149}
.hb-mailbox-compose>.small-note,.hb-mailbox-compose>small{display:block;font-size:14px;line-height:1.4;font-weight:400;color:#60606a}
.hb-mail-upload .hb-mail-drop strong{font-size:16px;font-weight:600;line-height:1.4}
.hb-mail-upload .hb-mail-drop small{font-size:14px;font-weight:400;line-height:1.4;color:#60606a}
.hb-mail-upload .hb-mail-capacity strong{font-weight:500}
#modal :is(.hb-admin-manager,.hb-admin-services,.hb-admin-people,.hb-admin-visual,.hb-admin-record) :is(p,.small-note){font-size:16px;line-height:1.4;font-weight:400;color:#50505a}
#modal :is(.hb-admin-manager,.hb-admin-services,.hb-admin-people,.hb-admin-visual,.hb-admin-record) :is(h3,strong){font-weight:600;color:#414149}

/* Common platform typography applied consistently to administrative dialogs. */
#modal:has(:is(.hb-admin-review,.hb-admin-manager,.hb-admin-services,.hb-admin-people,.hb-admin-visual,.hb-admin-record,.hb-owner-subscription,#hb-plan-form,#hb-platform-issuer,.hb-config-mail)){
 --hb-admin-copy:16px;--hb-admin-note:14px;--hb-admin-leading:1.4;font-family:inherit;color:#50505a;
}
#modal :is(.hb-admin-review,.hb-admin-manager,.hb-admin-services,.hb-admin-people,.hb-admin-visual,.hb-admin-record,.hb-owner-subscription,#hb-plan-form,#hb-platform-issuer,.hb-config-mail) :is(p,.small-note,.hb-modal-explanation,.hb-modal-guide){font-size:var(--hb-admin-copy,16px);line-height:var(--hb-admin-leading,1.4);font-weight:400;color:#50505a;text-align:left}
#modal :is(.hb-admin-review,.hb-admin-manager,.hb-admin-services,.hb-admin-people,.hb-admin-visual,.hb-admin-record,.hb-owner-subscription,#hb-plan-form,#hb-platform-issuer,.hb-config-mail) :is(p,.small-note,.hb-modal-explanation,.hb-modal-guide) :is(strong,b){font-size:inherit;line-height:inherit;font-weight:650;color:#303038}
#modal :is(.hb-admin-review,.hb-admin-manager,.hb-admin-services,.hb-admin-people,.hb-admin-visual,.hb-admin-record,.hb-owner-subscription,#hb-plan-form,#hb-platform-issuer,.hb-config-mail) :is(h3,.field>span){font-size:16px;line-height:1.4;font-weight:650;color:#303038}
.hb-mailbox-compose .field>span{font-size:16px;font-weight:650;color:#303038}
.hb-mailbox-compose .hb-mail-editor-body{font-size:16px;line-height:1.45;font-weight:400;color:#414149}
.hb-mailbox-compose .hb-mail-editor-body :is(strong,b){font-size:inherit;font-weight:650}

/* Admin dialogs use the same readable hierarchy as the Today dialogs.
   Scope by dialog content/key so lists, charts and public pages keep their layout. */
#modal:is([data-modal-key="platformConfiguration"],[data-modal-key="activityDomains"],[data-modal-key="accountPlan"],[data-modal-key="platformIssuer"],[data-modal-key="platformSubscription"],:has(.hb-admin-review,.hb-admin-manager,.hb-admin-services,.hb-admin-people,.hb-admin-visual,.hb-admin-record)){
 --hb-admin-copy:16px;--hb-admin-note:14px;--hb-admin-leading:1.4;
 font-size:16px;line-height:1.4;color:#50505a;text-align:left;
}
#modal:is([data-modal-key="platformConfiguration"],[data-modal-key="activityDomains"],[data-modal-key="accountPlan"],[data-modal-key="platformIssuer"],[data-modal-key="platformSubscription"],:has(.hb-admin-review,.hb-admin-manager,.hb-admin-services,.hb-admin-people,.hb-admin-visual,.hb-admin-record)) :is(p,.small-note,.notice,.hb-modal-guide,.hb-modal-explanation){
 font-size:16px;line-height:1.4;font-weight:400;color:#50505a;text-align:left;overflow-wrap:anywhere;
}
#modal:is([data-modal-key="platformConfiguration"],[data-modal-key="activityDomains"],[data-modal-key="accountPlan"],[data-modal-key="platformIssuer"],[data-modal-key="platformSubscription"],:has(.hb-admin-review,.hb-admin-manager,.hb-admin-services,.hb-admin-people,.hb-admin-visual,.hb-admin-record)) :is(p,.small-note,.notice,.hb-modal-guide,.hb-modal-explanation) :is(b,strong){font-size:inherit;line-height:inherit;font-weight:650;color:#303038}
#modal:is([data-modal-key="platformConfiguration"],[data-modal-key="activityDomains"],[data-modal-key="accountPlan"],[data-modal-key="platformIssuer"]):not(.hb-image-modal) :is(h3,.field>span,.hb-domain-name>strong){font-size:16px;font-weight:650;line-height:1.4;color:#303038}
#modal :is(#hb-platform-vat,#hb-plan-form,#hb-platform-issuer)>.small-note,
#modal[data-modal-key="activityDomains"]>.small-note,
#modal .hb-admin-manager>.small-note,
#modal :is(.hb-admin-review-note,.hb-config-mail){background:#f5f5f7;border:1px solid #e9e9ed;border-radius:14px;padding:14px 16px;margin:0 0 14px}
#modal .hb-admin-review-note p{margin:0}
#modal .hb-admin-review-note p+p{margin-top:6px}
#modal .hb-config-mail{margin-top:18px;margin-bottom:0}
#modal .hb-config-mail h3{margin:0 0 8px}
#modal .hb-config-mail p{margin:6px 0}
#modal :is(#hb-platform-vat,#hb-plan-form,#hb-platform-issuer)>.form-actions{justify-content:center;gap:10px;flex-wrap:wrap}
#modal :is(#hb-plan-form,#hb-platform-issuer)>button[type="submit"]{width:auto;max-width:100%;justify-self:center;align-self:center;margin-inline:auto;min-height:42px;padding:10px 20px;font-size:16px;font-weight:600}
#modal .hb-admin-review :is(textarea,input),#modal .hb-config-mail{max-width:100%;min-width:0}
#modal .hb-admin-review :is(.error,.notice){margin-top:14px}
#modal .hb-domain-name{min-width:0;overflow-wrap:anywhere}
@media(max-width:600px){
 #modal :is(#hb-plan-form,#hb-platform-issuer)>button[type="submit"]{width:100%}
 #modal :is(.hb-admin-review-note,.hb-config-mail){padding:12px 14px}
}

/* Administrative identity: a name leads; contact details and counts support it. */
#modal :is(.hb-admin-manager,.hb-admin-review,.hb-admin-people,.hb-admin-record,.hb-admin-visual,.hb-admin-services){font-size:16px;line-height:1.4;color:#505058}
#modal :is(.hb-admin-manager,.hb-admin-review,.hb-admin-people,.hb-admin-record,.hb-admin-visual,.hb-admin-services) h3{font-size:16px;line-height:1.35;font-weight:650;color:#17171b;margin:0 0 4px;overflow-wrap:anywhere}
#modal .hb-admin-review-person{align-items:center;gap:14px}
#modal .hb-admin-review-person>div{min-width:0}
#modal .hb-admin-review-person p{margin:4px 0 0}
#modal :is(.hb-admin-result-copy,.hb-admin-review-person) .hb-admin-contact-line{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:400;line-height:1.4;color:#62626c;margin:7px 0 0;min-width:0}
#modal .hb-admin-contact-line>svg{width:17px;height:17px;flex:none;stroke-width:1.5;color:#777781}
#modal .hb-admin-contact-line>span{min-width:0;overflow-wrap:anywhere}
#modal .hb-admin-result-copy .hb-admin-counts{display:flex;flex-wrap:wrap;gap:5px 16px;margin-top:5px;font-size:14px;color:#62626c;line-height:1.4}
#modal .hb-admin-counts b{font-weight:650;color:#25252b;margin-left:3px}
#modal .hb-admin-state-label{display:inline-block;font-size:14px;line-height:1.4;font-weight:600;color:#505058;background:#ededf1;padding:3px 8px;border-radius:7px;margin:4px 0 2px}
#modal .hb-admin-result-copy .hb-admin-address,#modal .hb-admin-review-person .hb-admin-address{font-size:15px;line-height:1.4;font-weight:400;color:#62626c;margin-top:5px}
#modal .hb-admin-context{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;padding:14px 16px;background:#f5f5f7;border:1px solid #e9e9ed;border-radius:14px;color:#505058;margin:0 0 12px}
#modal .hb-admin-context>span{font-size:14px;font-weight:500;color:#686872}
#modal .hb-admin-context>strong{font-size:16px;font-weight:650;color:#202027;overflow-wrap:anywhere;min-width:0}
#modal .hb-admin-context>.btn{margin-left:auto}
#modal .hb-admin-record>.hb-admin-review-person{margin-bottom:16px}
#modal .hb-admin-record .hb-admin-bio{font-size:16px;line-height:1.45;font-weight:400;color:#505058;white-space:pre-line;margin:8px 0 0}
#modal .hb-admin-record>.hb-admin-context{margin-bottom:0}
#modal .hb-admin-description{margin-top:14px}
#modal .hb-admin-description h3{margin:0 0 6px;font-size:16px;font-weight:650;color:#202027}
#modal .hb-admin-description p{margin:0;font-size:16px;line-height:1.45;font-weight:400;color:#505058;white-space:pre-line}
#modal .hb-admin-review .hb-admin-space-list{margin-top:12px}
#modal .hb-admin-review .hb-admin-space-list .hb-admin-person-row{background:#fff;border-color:#e9e9ed;padding:12px}
#modal .hb-admin-person-copy>p{font-size:15px;line-height:1.4;font-weight:400;color:#62626c;margin:4px 0 0}
#modal .hb-admin-people>.hb-admin-person-row{padding:14px 16px;background:#f7f7f9;gap:14px}
@media(max-width:600px){#modal .hb-admin-context{align-items:flex-start}#modal .hb-admin-context>strong{flex-basis:100%}#modal .hb-admin-contact-line>span{overflow-wrap:anywhere}#modal .hb-admin-context>.btn{margin-left:0}}

/* Compact bold metadata requested for Admin identities, without shrinking body copy. */
#modal :is(.hb-admin-result-copy,.hb-admin-review-person) .hb-admin-contact-line,
#modal .hb-admin-result-copy .hb-admin-address,
#modal .hb-admin-review-person .hb-admin-address,
#modal .hb-admin-person-copy>p,
#modal .hb-admin-record>.hb-admin-review-person p,
#modal .hb-admin-review .hb-admin-space-list .hb-admin-person-copy>p{
 font-size:14px;line-height:1.4;font-weight:650;color:#575760;
}
#modal .hb-admin-contact-line>span{font-size:inherit;font-weight:inherit}
#modal .hb-config-mail p.small-note.hb-modal-explanation{padding:0;margin:12px 0 0;background:none;border:0;border-radius:0;text-align:left;justify-content:flex-start}
#modal .hb-config-mail p{ text-align:left }
#modal .hb-admin-description .hb-rich{font-size:16px;line-height:1.45;color:#505058;margin:0;white-space:pre-wrap}
.hb-support-scope{margin-bottom:20px;text-align:left}
.hb-support-scope+.hb-mailbox{margin-top:20px}
.hb-mailbox-thread-head>div>span{font-size:14px;font-weight:650;line-height:1.4;overflow-wrap:anywhere;color:#575760}
.hb-mailbox-conversation .hb-mail-delivery{display:block;font-size:13px;line-height:1.4;font-weight:500;color:#73737c;margin-top:10px;overflow-wrap:anywhere}
.hb-mail-delivery strong{font-size:inherit;font-weight:650;color:#505058}
.hb-mail-history{border:1px solid #e6e6eb;border-radius:14px;background:#f6f6f8;overflow:hidden}
.hb-mail-history>summary{cursor:pointer;padding:13px 16px;font-size:14px;font-weight:650;line-height:1.4;color:#383840;text-align:left;list-style-position:inside}
.hb-mail-history>summary:hover{background:#eeeef2}
.hb-mail-history>summary:focus-visible{outline:2px solid #62626c;outline-offset:-3px}
.hb-mail-history .hb-mail-history-hide{display:none}
.hb-mail-history[open] .hb-mail-history-hide{display:inline}
.hb-mail-history[open] .hb-mail-history-show{display:none}
.hb-mail-history-list{display:grid;gap:12px;margin-top:12px;padding:0 14px 14px;max-height:60vh;overflow-y:auto;overscroll-behavior:auto;scrollbar-gutter:stable}
.hb-mail-history-list>.hb-mailbox-bubble{margin:0;min-width:0}
@media(max-width:600px){.hb-mail-history-list{padding:0 10px 10px;max-height:55dvh}.hb-support-scope+.hb-mailbox{margin-top:16px}}
#modal .hb-admin-people .hb-admin-person-copy>p{font-size:14px;line-height:1.4;font-weight:650;color:#575760}

/* Mail conversations: compact identity, readable message, expandable individual history. */
#app .hb-mailbox-thread-head{background:#f6f6f8;border-color:#e7e7eb;border-radius:18px;gap:12px;padding:20px}
#app .hb-mailbox-thread-head>div:first-child{gap:4px}
#app .hb-mailbox-thread-head h2{margin-bottom:8px;font-size:23px;line-height:1.3;color:#18181b}
#app .hb-mailbox-thread-head>div:first-child>strong{font-size:15px;line-height:1.4;margin:0}
#app .hb-mailbox-thread-head>div:first-child>span{font-size:14px;font-weight:650;color:#63636c;line-height:1.4}
#app .hb-mailbox-conversation .hb-mailbox-bubble{border:1px solid #e7e7eb;border-radius:16px;background:#fff;padding:20px;min-width:0}
#app .hb-mailbox-conversation .hb-mail-latest{border-left:3px solid #e51e59}
.hb-mail-identity{display:flex;align-items:center;gap:12px;min-width:0;max-width:100%;text-align:left}
.hb-mail-identity .hb-mailbox-initial{position:relative;display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:50%;overflow:hidden;font-size:14px;font-weight:700}
.hb-mail-identity .hb-mailbox-initial img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hb-mail-person{display:grid;gap:3px;min-width:0}
#app .hb-mailbox-conversation .hb-mail-person>strong{font-size:15px;font-weight:700;line-height:1.35;color:#202024}
.hb-mail-person-meta{display:flex;flex-wrap:wrap;gap:3px 8px;color:#6b6b74;font-size:13px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}
#app .hb-mailbox-conversation .hb-support-message{font-size:16px;line-height:1.55;margin:18px 0 12px;color:#303037}
#app .hb-mailbox-conversation .hb-mail-message{padding:0;overflow:hidden}
.hb-mail-message>summary{display:grid;grid-template-columns:minmax(0,1fr) 16px;gap:7px 12px;align-items:center;padding:15px 18px;list-style:none;cursor:pointer}
.hb-mail-message>summary::-webkit-details-marker{display:none}
.hb-mail-message>summary:hover{background:#f8f8fa}
.hb-mail-message>summary:focus-visible{outline:2px solid #e51e59;outline-offset:-3px;border-radius:14px}
.hb-mail-message-preview{grid-column:1;grid-row:2;padding-left:54px;font-size:14px;color:#777780;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hb-mail-message-chevron{grid-column:2;grid-row:1;width:8px;height:8px;border-right:1.5px solid #6d6d75;border-bottom:1.5px solid #6d6d75;transform:rotate(45deg);justify-self:center}
.hb-mail-message[open]>summary{border-bottom:1px solid #ededf0}
.hb-mail-message[open]>summary .hb-mail-message-preview{display:none}
.hb-mail-message[open]>summary .hb-mail-message-chevron{transform:rotate(225deg)}
.hb-mail-message-content{padding:0 18px 16px}
#app .hb-mailbox-thread .hb-mailbox-compose{border:1px solid #e6e6eb;background:#f8f8fa;border-radius:18px;padding:20px;margin-top:20px}
[data-support-inbox] .hb-mail-unread-number{display:inline!important;visibility:visible!important;opacity:1!important;color:#e51e59!important;font-weight:800;font-size:14px;line-height:1.2;margin-left:6px;background:none!important;padding:0;border:0}
#app.hb-mail-mode>.sidebar>.hb-mailbox-folders [data-mailbox-folder="unread"]{position:relative}
#app.hb-mail-mode>.sidebar>.hb-mailbox-folders small.has-new-mail{position:absolute;right:9px;top:3px;display:block;visibility:visible;opacity:1;color:#e51e59;background:#fff;border-radius:8px;padding:1px 3px;font-size:12px;font-weight:800;line-height:1.2}
.hb-mailbox-folder small.has-new-mail{color:#e51e59;font-weight:800}
@media(max-width:600px){
 #app .hb-mailbox-thread-head{padding:16px}#app .hb-mailbox-thread-head h2{font-size:21px}
 #app .hb-mailbox-conversation .hb-mail-latest{padding:16px}
 .hb-mail-message>summary{padding:13px 12px}.hb-mail-message-content{padding:0 12px 14px}
 .hb-mail-identity{gap:10px}.hb-mail-message-preview{padding-left:52px}
 #app .hb-mailbox-thread .hb-mailbox-compose{padding:14px}
}

/* Keep global disclosure pseudo-elements out of the conversation summary grid. */
#app .hb-mail-message>summary::before,#app .hb-mail-message>summary::after{content:none!important;display:none!important}
#app .hb-mail-message>summary>.hb-mail-identity{grid-column:1;grid-row:1;min-width:0;width:100%;justify-content:flex-start}
#app .hb-mail-message>summary{grid-template-rows:auto auto;min-height:0;height:auto;align-content:start}
#app .hb-mail-message>summary .hb-mail-person{min-width:0;flex:1}
#app .hb-mail-message>summary .hb-mailbox-initial{grid-column:auto;grid-row:auto;margin:0}

/* Unread emphasis is shared by personal mailbox and platform Support. */
#app .hb-mailbox-list-item.is-unread .hb-mail-sender strong,
#app .hb-mailbox-list-item.is-unread .hb-mail-subject,
#app .hb-mailbox-list-item.is-unread>.hb-mailbox-date{font-weight:750;color:#19191d}
#app .hb-mailbox-list-item:not(.is-unread) .hb-mail-sender strong,
#app .hb-mailbox-list-item:not(.is-unread) .hb-mail-subject{font-weight:500}
#app .hb-mailbox-list-item.is-unread .hb-unread-dot{background:#e51e59}

/* Admin identity metadata: override shared modal explanation typography at every depth. */
#modal :is(.hb-admin-manager,.hb-admin-review,.hb-admin-record,.hb-admin-visual,.hb-admin-people,.hb-admin-services) :is(.hb-admin-contact-line,.hb-admin-address),
#modal .hb-admin-person-copy>p,
#modal .hb-admin-record>.hb-admin-review-person>div>p,
#modal .hb-admin-service-person small,
#modal .hb-admin-result-copy>small,
#modal .hb-admin-service-row>strong>small{
 font-size:14px!important;font-weight:700!important;line-height:1.4!important;color:#575760;
}
#modal :is(.hb-admin-contact-line,.hb-admin-address)>span,
#modal :is(.hb-admin-contact-line,.hb-admin-address)>a{
 font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important;overflow-wrap:anywhere;
}

/* Return marker matches the existing neutral button hover. Keyboard focus stays independent. */
.hb-return-trail{background-color:var(--hb-button-soft);border-color:#a5a5ad}
.btn.secondary.hb-return-trail,.btn.quiet.hb-return-trail{background:var(--hb-button-soft);color:#141414;border-color:#a5a5ad;border-color:var(--hb-button-soft-border)}

/* Admin media uses the shared photo viewer and video player. */
.hb-admin-avatar-open,.hb-admin-photo-open{display:block;min-width:0;padding:0;border:0;background:transparent;cursor:pointer;border-radius:14px;overflow:hidden}
.hb-admin-avatar-open{flex:none;border-radius:50%}
.hb-admin-avatar-open .hb-admin-avatar{display:block;margin:0}
.hb-admin-photo-open{width:100%;height:100%}
.hb-admin-photo-open .hb-admin-visual-photo{display:block;width:100%;height:100%;object-fit:cover}
.hb-admin-avatar-open:focus-visible,.hb-admin-photo-open:focus-visible{outline:2px solid #555;outline-offset:3px}
.hb-admin-visual>.hb-video-card,.hb-admin-record>.hb-video-card{margin-block:18px;max-width:100%}


/* Shared public/workspace location presentation. */
.hb-person-location{width:100%;margin:12px 0;color:#686872;text-align:left}
.hb-person-location p{display:flex;align-items:flex-start;gap:9px;margin:7px 0;font-size:13px;line-height:1.4}
.hb-person-location svg{width:18px;height:18px;flex:0 0 18px;color:#e51e59;margin-top:2px}
.hb-person-location p>span{display:grid;gap:2px;min-width:0;overflow-wrap:anywhere}
.hb-person-location small{font-size:11px;font-weight:500;color:#74747c}
.hb-person-location strong{font-size:13px;font-weight:650;color:#42424a}
.hb-business-specialists{font-size:12px;font-weight:700;color:#171719;white-space:nowrap}
.hb-space-actions .hb-card-link{flex-wrap:wrap}
 .hb-specialist-filters{max-width:1000px;margin:20px auto 24px;padding:18px;border:1px solid #e5e5ea;border-radius:18px;background:#fafafa}
.hb-location-filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap}
.hb-location-filters>label,.hb-location-filters>.field{flex:1 1 220px;min-width:0}
.hb-location-filters .hb-select-trigger{height:50px;min-height:50px;box-sizing:border-box}
.hb-location-clear{display:grid;place-items:center;flex:0 0 50px;width:50px;height:50px;box-sizing:border-box;padding:12px;background:#fff;border:1px solid #d5d5da;border-radius:7px;color:#e51e59;cursor:pointer}
.hb-location-clear svg{width:22px;height:22px}.hb-location-clear:hover,.hb-location-clear:focus-visible{background:#fff;border-color:#252529;box-shadow:inset 0 0 0 1px #252529;outline:none}
.hb-specialist-filters [data-location-result]{margin:12px 0 0}
.hb-public-service-card[hidden]{display:none!important}

.hb-invoice-recipient{margin:0 0 16px}.hb-invoice-recipient-profile{font-size:16px;line-height:1.45}.hb-invoice-recipient-profile .hb-admin-review-note{margin-top:18px}.hb-invoice-recipient-profile .hb-admin-review-note p{margin:6px 0;font-size:14px;overflow-wrap:anywhere}.hb-invoice-recipient-profile .hb-specialist-avatar-open{width:80px;height:80px;flex:0 0 80px}.hb-invoice-recipient-profile .hb-specialist-avatar-open img{width:100%;height:100%;object-fit:cover;border-radius:50%}

/* Only the opening label is underlined; the specialist count stays black. */
.hb-card-link.hb-business-open:hover{text-decoration:none}
.hb-business-open:hover .hb-business-open-label{text-decoration:underline;text-underline-offset:5px}

.hb-person-location .hb-location-map-link{display:flex;align-items:flex-start;gap:10px;min-width:0;color:inherit;text-decoration:none;border-radius:6px}
.hb-location-map-link>span{display:grid;gap:2px;min-width:0;overflow-wrap:anywhere}
.hb-location-map-link:hover strong{text-decoration:underline;text-underline-offset:3px}
.hb-location-map-link:focus-visible{outline:2px solid var(--red,#e51e59);outline-offset:5px}

.hb-filtered-availability[hidden]{display:none!important}
.hb-public-booking>.hb-filtered-availability{margin:0 0 24px}

.person-card .hb-services-pending{display:flex;align-items:center;justify-content:center;gap:9px;margin:8px 0 0;padding:0;background:none;border:0;color:#19191c;font-size:14px;line-height:1.4;text-align:left}
.hb-services-pending strong{font-size:inherit;font-weight:700;color:inherit;min-width:0;overflow-wrap:anywhere}
.hb-services-pending svg{flex:0 0 23px;width:23px;height:23px;color:#e51e59;background:none;border:0}

.hb-booking-head h2{display:flex;align-items:center;gap:.3em}
.hb-booking-head h2>svg{width:1.15em;height:1.15em;flex:0 0 1.15em;color:#e51e59}
.hb-booking-head h2>span{min-width:0}

.hb-week-caption strong{font-size:inherit;font-weight:700;line-height:inherit;color:inherit}

/* Discover availability uses the same responsive pair of filters as business details. */
.hb-week-body [data-week-controls]:has([name="weekDirectoryCity"]){display:block;width:100%;max-width:1000px;margin:0 auto 16px}
.hb-week-body [data-week-chart][hidden],.hb-week-body [data-week-results][hidden]{display:none!important}
.hb-week-body [data-week-controls] .hb-location-filters .field{margin:0}

/* Stable directory chart and padded booking actions using existing buttons. */
.hb-directory-availability [data-week-controls][hidden]{display:none!important}
.hb-directory-availability .hb-week-bar{animation:none}
.hb-directory-availability [data-week-chart][aria-busy=true]{min-height:270px}
.hb-availability .hb-week-result-book.btn{display:flex;align-items:stretch;justify-content:flex-start;flex-direction:column;gap:5px;width:100%;min-width:0;padding:0;border:0;border-radius:0;background:transparent;color:inherit;text-align:left;white-space:normal;font-weight:400}
.hb-availability .hb-week-result-book.btn:is(:hover,:active,:focus-visible,.hb-return-trail){background:transparent;background-color:transparent;border:0;box-shadow:none;filter:none}
.hb-availability .hb-week-result:has(.hb-week-result-book:is(:hover,:focus-visible,.hb-return-trail)){background:var(--hb-button-soft);border-color:var(--hb-button-soft-border)}
.hb-week-result-book>span{overflow-wrap:anywhere}

/* Do not leave an empty padded stripe below the availability heading. */
.hb-directory-availability .hb-week-body:has([data-week-chart][hidden]){display:none}

/* Uniform native text-search clear control: thin square diagonals, larger target. */
input[type="search"]::-webkit-search-cancel-button{
 -webkit-appearance:none;appearance:none;width:26px;height:26px;margin-inline-start:8px;cursor:pointer;
 background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M6 6L20 20M20 6L6 20' fill='none' stroke='%2319191c' stroke-width='1.35' stroke-linecap='butt'/%3E%3C/svg%3E") center/26px 26px no-repeat;
}
input[type="search"]::-webkit-search-cancel-button:hover{opacity:.65}
/* Keep the plot compact; let its explanation use the entire available row. */
.hb-availability [data-week-chart]{width:100%;max-width:none}
.hb-availability [data-week-chart]>svg,
.hb-availability [data-week-chart]>.hb-week-days,
.hb-availability [data-week-chart]>.hb-week-caption:first-child{width:100%;max-width:800px;margin-inline:auto}
.hb-availability [data-week-chart]>.hb-week-caption:last-child{width:100%;max-width:none;margin:14px 0 0;text-align:center;line-height:1.45}
.hb-filtered-availability .hb-week-body:has([data-week-chart][hidden]){display:none}

.hb-business-portal>strong.hb-portal-price{font-size:clamp(18px,1.7vw,20px);font-weight:750;letter-spacing:normal;line-height:1.2;margin:0;color:#e51e59;overflow-wrap:anywhere}
.hb-business-portal>strong.hb-portal-price small{font-size:.82em;font-weight:650;color:inherit}

.hb-business-portal{gap:12px}
.hb-business-portal>span:not(.hb-portal-symbol):not(.hb-portal-arrow){line-height:1.35}

.hb-business-portal>span:not(.hb-portal-symbol):not(.hb-portal-arrow){font-weight:700}
.hb-business-portal>small{color:#19191c;font-weight:650}
.hb-business-portal>strong.hb-portal-price{font-weight:850}

.hb-business-portal>strong.hb-portal-price{margin-top:-6px}
.hb-business-portal>strong.hb-portal-price+small{margin-top:-6px;line-height:1.2}
.hb-business-portal>span:not(.hb-portal-symbol):not(.hb-portal-arrow){line-height:1.2}

/* Keep the original arrow; align only the count to its bottom row. */
.hb-business-portal>small.hb-portal-count{position:absolute;left:34px;bottom:24px;min-height:42px;display:flex;align-items:center;margin:0;max-width:calc(100% - 110px);line-height:1.2;color:#19191c;font-weight:650}
.hb-business-portal{padding-bottom:72px}
@media(max-width:650px){.hb-business-portal>small.hb-portal-count{left:24px}}

.hb-business-portal[data-business-zone="specialist"]>span:not(.hb-portal-symbol):not(.hb-portal-arrow){width:100%;max-width:none}

.hb-ei-header{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.hb-ei-badge{display:inline-flex;flex-wrap:wrap;align-items:center;gap:7px;padding:8px 12px;border:1px solid #e5e5e9;border-radius:12px;background:#f5f5f7;color:#47474e;font:inherit;font-size:13px;line-height:1.35;text-align:left;cursor:pointer}.hb-ei-badge:hover{border-color:#aaa}.hb-ei-dot{width:7px;height:7px;flex:none;border-radius:50%;background:#e51e59}.hb-ei-detail{margin-top:16px;padding:16px;border:1px solid #e5e5e9;border-radius:16px}.hb-ei-detail p{margin:8px 0;line-height:1.4}.hb-ei-detail .form{margin-top:14px}.hb-ei-address{margin-block:10px}.hb-ei-detail small{color:#676770}
.hb-ei-dot{background:#8a8a94}.hb-ei-badge[data-state="validated"]{color:#7356ad;background:#f7f5fb;border-color:#e4ddef}.hb-ei-badge[data-state="validated"] .hb-ei-dot{background:#7356ad}.hb-ei-badge:is([data-state="waitingConfiguration"],[data-state="waitingAuthorization"],[data-state="needsData"],[data-state="unknown"],[data-state="rejected"],[data-state="notQueued"],[data-state="retrying"]){color:#e51e59;background:#fff8f8;border-color:#f0dddd}.hb-ei-badge:is([data-state="waitingConfiguration"],[data-state="waitingAuthorization"],[data-state="needsData"],[data-state="unknown"],[data-state="rejected"],[data-state="notQueued"],[data-state="retrying"]) .hb-ei-dot{background:#e51e59}

/* Separated option highlights, including appointment times. */
.hb-option-list{display:flex;flex-direction:column;gap:5px;padding:3px}
.hb-option-list>.hb-option{flex-shrink:0;margin:0;border-radius:9px}
/* Consistent date and time controls in pages and dialogs. */
.field>input:is([type=time],[type=date],[type=datetime-local],[type=month]),.field>.hb-date-button{min-height:48px;height:48px;box-sizing:border-box;border:1px solid #cfcfd3;border-radius:12px;padding:10px 14px;font-size:14px;font-weight:700;color:#68758a;line-height:1.35}
input:is([type=time],[type=date],[type=datetime-local],[type=month])::-webkit-datetime-edit{color:#68758a;font-weight:700;padding:0}
.field>.hb-date-button{display:flex;align-items:center}
.field>.hb-select:has(select[name=localStart]) .hb-select-trigger{min-height:48px;border-radius:12px}
.hb-finance-record>.hb-finance-record-actions,.hb-invoice-register-list .hb-finance-record>.hb-finance-record-actions{max-width:none;align-items:center;justify-content:center;gap:8px}
.hb-finance-record-actions>.hb-account-action{white-space:nowrap;flex:0 0 auto}
@media(min-width:1200px){.hb-invoice-register-list .hb-finance-record>.hb-finance-record-actions{flex-wrap:nowrap}}
@media(max-width:950px){.hb-finance-record>.hb-finance-record-actions{width:100%;flex-wrap:wrap;justify-content:center}}

.hb-booking-destination h3{font-size:18px;line-height:1.4;margin:0 0 8px;font-weight:750}
.hb-booking-destination-place{margin-block:20px;padding:18px;border-radius:16px;background:#f5f5f7}
.hb-booking-destination .hb-preserve{line-height:1.5}
.hb-booking-destination .hb-person-location{margin-bottom:14px}
.hb-booking-destination-gallery{display:flex;flex-wrap:wrap;gap:10px}
.hb-booking-destination-photo{width:160px;max-width:100%;height:120px;object-fit:cover;border-radius:12px;cursor:pointer}

.field>.hb-time-control>.hb-time-trigger,.field>.hb-select:has(select[name=localStart])>.hb-select-trigger{min-height:48px;height:48px;box-sizing:border-box;border:1px solid #cfcfd3;border-radius:12px;padding:10px 14px;display:flex;align-items:center;font-size:14px;font-weight:700;color:#68758a;line-height:1.35}

@media(max-width:1199px) and (min-width:951px){
.hb-invoice-register-list>.hb-finance-record{grid-template-columns:80px minmax(0,1fr) minmax(110px,auto)}
.hb-invoice-register-list .hb-finance-record-status{grid-column:3;grid-row:1}
.hb-invoice-register-list .hb-finance-record-dates{grid-column:2;grid-row:2}
.hb-invoice-register-list .hb-finance-record>.hb-finance-record-actions{grid-column:1/-1;grid-row:3;flex-wrap:wrap}
}

/* r88: separate destination media from its configured description. */
.hb-booking-destination-place>.hb-video-card{margin-top:12px}
.hb-booking-destination-description{margin-top:18px}

/* r89: responsive destination gallery using the existing gallery viewer. */
.hb-booking-destination-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.hb-booking-gallery-item{display:block;width:100%;min-width:0;padding:0;border:0;border-radius:12px;background:transparent;overflow:hidden;cursor:pointer}
.hb-booking-gallery-item>.hb-booking-destination-photo{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.hb-booking-gallery-item:focus-visible{outline:2px solid #e51e59;outline-offset:3px}
@media(max-width:600px){.hb-booking-destination-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}

/* r90: mobile video previews keep their label below, readable at narrow widths. */
@media(max-width:600px){
 .hb-video-card{flex-direction:column;align-items:center;gap:8px;width:fit-content;max-width:100%;min-width:0;box-sizing:border-box;text-align:center}
 .hb-video-card>.hb-video-thumb{width:120px;max-width:100%;height:auto;aspect-ratio:3/2}
 .hb-video-card>span:last-child{display:block;width:100%;text-align:center;white-space:normal;overflow-wrap:break-word;line-height:1.35}
}

/* r91: media tiles and desktop dialog resizing; mobile stays touch-first. */
.hb-video-card,.hb-studio-video .hb-video-card{display:block;padding:0;border:0;background:transparent;box-shadow:none;width:160px;max-width:100%;min-width:0;overflow:hidden;border-radius:12px;aspect-ratio:4/3}
.hb-video-card>.hb-video-thumb{display:block;position:relative;width:100%;height:100%;max-width:none;aspect-ratio:auto;overflow:hidden;border-radius:inherit}
.hb-video-card>.hb-video-thumb>.hb-video-play{position:absolute;inset:0;display:grid;place-items:center}
.hb-booking-destination-gallery>.hb-video-card{width:100%;margin:0}
@media(min-width:768px) and (hover:hover) and (pointer:fine){
 dialog:not(.hb-image-modal):not(.hb-studio-modal){resize:both;overflow:auto;max-width:calc(100vw - 32px)!important;max-height:calc(100dvh - 32px)!important;min-width:530px;min-height:180px;box-sizing:border-box}
 dialog :is(.hb-booking-destination-gallery,.hb-admin-visual-gallery,.hb-studio-photos){grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr))}
}
@media(max-width:767px),(pointer:coarse){dialog{resize:none}.hb-booking-destination-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* r92: narrow dialog content responds to its own width, not the desktop viewport. */
@media screen{
 dialog:not(.hb-image-modal){container:hb-dialog / inline-size}
}
@container hb-dialog (max-width:700px){
 .hb-invoice-sheet{padding:20px 14px;min-width:0;max-width:100%;box-sizing:border-box}
 .hb-invoice-sheet>header{grid-template-columns:minmax(0,1fr);gap:16px}
 .hb-invoice-sheet .hb-invoice-parties{grid-template-columns:minmax(0,1fr);gap:24px}
 .hb-invoice-sheet .hb-invoice-parties dl>div{flex-wrap:wrap;gap:2px 5px}
 .hb-invoice-sheet .hb-invoice-parties dt{max-width:100%;white-space:normal;overflow-wrap:anywhere}
 .hb-invoice-sheet .hb-invoice-top-total{width:100%;box-sizing:border-box;flex-wrap:wrap}
 .hb-invoice-sheet .hb-invoice-top-total>strong{white-space:normal;overflow-wrap:anywhere}
 .hb-invoice-sheet .hb-invoice-summary{max-width:100%;box-sizing:border-box}
 .form-grid{grid-template-columns:minmax(0,1fr)}
 .form-grid>.field{min-width:0;grid-column:auto}
}

/* r93: scroll invoice lines locally and keep numeric values intact. */
@media screen{
 .hb-invoice-sheet:is(.theme-navy,.theme-light,.theme-clean) .hb-invoice-table-scroll{overflow-x:auto;overflow-y:hidden;max-width:100%;min-width:0;scrollbar-width:thin;scrollbar-color:#a5a5ad #f3f3f6;overscroll-behavior-x:contain}
 .hb-invoice-sheet .hb-invoice-table-scroll table{min-width:760px;table-layout:auto}
 .hb-invoice-sheet .hb-invoice-table-scroll :is(th,td):not(:first-child){white-space:nowrap;overflow-wrap:normal;word-break:normal}
 .hb-invoice-sheet .hb-invoice-table-scroll td.numeric :is(strong,small){white-space:nowrap;overflow-wrap:normal;word-break:normal}
 .hb-invoice-sheet :is(.hb-invoice-summary strong,.hb-invoice-top-total>strong,.hb-invoice-dates strong){white-space:nowrap;overflow-wrap:normal;word-break:normal}
 .hb-invoice-sheet .hb-invoice-summary>p{flex-wrap:wrap;gap:6px 12px}
}
@media(hover:hover) and (pointer:fine){
 .hb-invoice-table-scroll{cursor:grab}
 .hb-invoice-table-scroll.is-panning{cursor:grabbing;user-select:none}
}

/* r94: balanced modal forms, including fiscal address groups. */
#modal form.form{width:100%;max-width:1080px;margin-inline:auto;box-sizing:border-box;min-width:0}
#modal .form-grid>.hb-ei-address{grid-column:1/-1;width:100%;margin:0;min-width:0}
#modal .hb-ei-address>.field>span:first-child{min-height:0;line-height:1.4;white-space:normal;overflow-wrap:normal;word-break:normal}
#modal .form-grid>.field{min-width:0;max-width:100%;margin-block:0}
#modal .field>span:first-child{word-break:normal;overflow-wrap:normal;line-height:1.4}
#modal .hb-select-trigger{min-width:0;max-width:100%;box-sizing:border-box}
#modal .hb-select-trigger>span{min-width:0;overflow-wrap:normal;word-break:normal}
#modal form.form>.form-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;width:100%;margin-inline:auto}
#modal form.form>.form-actions>*{max-width:100%;box-sizing:border-box;margin-inline:0}
@container hb-dialog (max-width:700px){
 #modal .form-grid,#modal #finance-client-form .form-grid,#modal #finance-monthly-setup .form-grid{grid-template-columns:minmax(0,1fr)!important;gap:18px}
 #modal .form-grid>*{grid-column:1/-1;min-width:0;max-width:100%;box-sizing:border-box}
 #modal .hb-ei-address>.field>span:first-child{min-height:0}
 #modal .form-grid .field>span:first-child{min-height:0;white-space:normal}
}
@container hb-dialog (max-width:420px){
 #modal .hb-finance-toolbar{display:flex;flex-direction:column;align-items:stretch;gap:12px}
 #modal .hb-finance-toolbar>.field{width:100%}
 #modal .hb-finance-toolbar>button{align-self:center;max-width:100%}
 #modal form.form>.form-actions{flex-direction:column;align-items:center}
 #modal form.form>.form-actions>.btn{flex:none;width:100%}
}

/* r95: translation-aware form labels; size follows actual text, not a fixed line count. */
dialog .form-grid>.field>span:first-child{min-height:var(--hb-label-height,0px)!important;height:auto;white-space:normal;word-break:normal;overflow-wrap:break-word;line-height:1.4}
dialog .hb-select-trigger{height:auto;min-height:48px;gap:12px;align-items:center}
dialog .hb-select-trigger>.hb-select-value{flex:1 1 auto;white-space:normal;overflow-wrap:break-word;word-break:normal;line-height:1.4;text-align:start}
dialog .hb-select-trigger>svg{flex:0 0 auto}
dialog :is(.form-actions,.detail-actions)>.btn{height:auto;white-space:normal;word-break:normal;overflow-wrap:break-word;line-height:1.4;text-align:center}

/* r96: invoice register focused on documents and one set of filtered totals. */
.hb-invoice-register .hb-billing-filter{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
.hb-invoice-register .hb-billing-filter>.field{width:100%;min-width:0;margin:0;grid-column:auto}
.hb-register-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:14px 0}
.hb-register-metrics>div:not(.hb-dash-card){display:grid;gap:8px;padding:16px;border:1px solid #e5e5e7;border-radius:12px}
.hb-register-metrics strong{font-weight:750;white-space:nowrap}
.hb-register-metrics .balance{--chart-color:#6236b5}.hb-register-metrics .overdue{--chart-color:#e51e59}.hb-register-metrics .dueSoon{--chart-color:#657184}
.hb-register-trend{margin:16px 0;padding:14px 18px;border:1px solid #e5e5e7;border-radius:14px}
.hb-register-trend>summary{cursor:pointer;font-weight:700;color:#303036}
.hb-register-trend .hb-forecast-scroll{max-width:900px;margin-inline:auto}
.hb-register-scope{margin-block:12px;line-height:1.45}
.hb-invoice-register [data-invoice-archive-host]{margin-top:24px}
.hb-vault-archive-toolbar .hb-archive-label{display:flex;justify-content:space-between;align-items:center;width:100%;gap:14px;text-align:left;font-size:15px;font-weight:700;color:#e51e59}
.hb-archive-label .hb-archive-symbol{color:#303036}
.hb-document-direction{display:block;color:#657184;font-weight:650;margin-top:5px}
.hb-billing-intro{margin-bottom:12px}.hb-billing-tabs{justify-content:flex-start;gap:10px;flex-wrap:wrap}
@media(max-width:900px){.hb-invoice-register .hb-billing-filter{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.hb-invoice-register .hb-billing-filter{grid-template-columns:minmax(0,1fr)}}

.hb-register-metrics.hb-dash-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))}
.hb-register-metrics.hb-dash-grid>.hb-dash-card{grid-column:auto;min-width:0}

/* r97: shared single-line control geometry, with room for translated labels. */
.field>input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=range]):not(.hb-code-input),
.field>.hb-select>.hb-select-trigger{box-sizing:border-box!important;height:48px!important;min-height:48px!important;padding-block:10px!important;line-height:1.4}
.field>.hb-select>.hb-select-trigger{height:auto!important}
.hb-finance-trend-scope{color:#52525b;line-height:1.45;margin:0 0 12px}
#finance-chart .hb-forecast-scroll{max-width:900px;margin-inline:auto}
#finance-chart .hb-forecast-empty,#finance-chart .hb-forecast-note{line-height:1.45;margin-block:8px}

/* r98: archive first; four readable metric cards; shared control outlines. */
.hb-invoice-register [data-invoice-archive-host]{margin:0 0 24px}
.hb-vault-archive-toolbar .hb-archive-label{font-size:clamp(22px,2vw,28px);font-weight:750;line-height:1.25;padding-block:12px}
.hb-register-metrics.hb-dash-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media(max-width:1100px){.hb-register-metrics.hb-dash-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.hb-register-metrics.hb-dash-grid{grid-template-columns:minmax(0,1fr)}}
.field input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=range]):not(.hb-code-input),
.field .hb-select-trigger,.field .hb-date-button,.field .hb-time-trigger{
 box-sizing:border-box!important;min-height:48px!important;height:48px!important;border-radius:12px!important;border:1px solid #cfcfd3!important;
}
.field .hb-select-trigger{height:auto!important}
.field :is(input,.hb-select-trigger,.hb-date-button,.hb-time-trigger):focus-visible{outline:2px solid var(--purple);outline-offset:2px}

/* r99: one geometry for every single-line entry control, inside and outside forms. */
:root{--hb-control-height:48px;--hb-control-radius:12px;--hb-control-border:#cfcfd3}
:is(body,#app,#modal) :is(input:not([type]),input[type=text],input[type=search],input[type=email],input[type=tel],input[type=url],input[type=password],input[type=number],input[type=date],input[type=time],input[type=datetime-local],select:not(.hb-native-select),.hb-select-trigger,.hb-date-button,.hb-time-trigger):not(.hb-code-input){
 box-sizing:border-box!important;height:var(--hb-control-height)!important;min-height:var(--hb-control-height)!important;max-height:var(--hb-control-height)!important;
 border-width:1px!important;border-style:solid!important;border-color:var(--hb-control-border)!important;border-radius:var(--hb-control-radius)!important;padding-block:10px!important;line-height:1.4!important;
}
:is(body,#app,#modal) :is(.hb-select-trigger,.hb-date-button,.hb-time-trigger){align-items:center!important}
:is(body,#app,#modal) .hb-select-trigger>.hb-select-value{white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;min-width:0}
:is(body,#app,#modal) :is(.hb-select-trigger,.hb-date-button,.hb-time-trigger):is(:hover,[aria-expanded=true]){border-color:#92929c!important}
:is(body,#app,#modal) :is(input,.hb-select-trigger,.hb-date-button,.hb-time-trigger):is(:focus-visible,[aria-invalid=true]){border-color:#e51e59!important}

/* r102: collection notes action has breathing room and a clear label. */
#modal .hb-collection-note-link[data-invoice-notes]{color:#18181b!important;font-weight:650;padding:10px 16px!important;border-radius:12px!important;background:var(--hb-button-soft);margin-block:16px 10px;line-height:1.4;box-sizing:border-box;border-color:var(--hb-button-soft-border)}
#modal .hb-collection-note-link[data-invoice-notes]:hover{background:var(--hb-button-soft);color:#18181b;text-decoration:none;border-color:var(--hb-button-soft-border)}
#modal[data-modal-key="collectionNotes"]>.modal-head h2{color:#18181b}

/* Continuity: scoped layout, existing modal and control geometry. */
.hb-continuity{display:grid;gap:18px;min-width:0;text-align:left;color:#34343a}
.hb-continuity-note{background:#f3f3f5;border-radius:14px;padding:16px 18px;line-height:1.45;font-size:15px;margin:12px 0}
.hb-continuity-note .check{margin-top:12px;align-items:center}
.hb-continuity-list,[data-continuity-results]{display:grid;gap:12px}
.hb-continuity-card{display:flex;gap:14px;align-items:flex-start;padding:16px;border:1px solid #e5e5e9;border-radius:16px;min-width:0}
.hb-continuity-card>div{min-width:0;flex:1}.hb-continuity-card p{margin:5px 0 9px;font-size:14px;line-height:1.4;overflow-wrap:anywhere;color:#55555e}
.hb-continuity-card strong{font-weight:700}.hb-continuity-card img{width:48px;height:48px;object-fit:cover;border-radius:50%}
.hb-continuity-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
[data-continuity-entry]{margin:12px 0}
@media(max-width:600px){.hb-continuity .form-grid{grid-template-columns:1fr}.hb-continuity-card{padding:12px;gap:10px}.hb-continuity-actions .btn{flex:1;min-width:0;white-space:normal}}

/* r105: navigation accents and a readable collaboration conditions card. */
#app .hb-community-nav .btn[data-hb-action="go:financeOffice"],
#app .hb-community-nav .btn[data-hb-action="go:financeOffice"] span,
#app .hb-community-nav .btn[data-hb-action="go:financeOffice"] svg{color:#e51e59!important}
#app .hb-community-nav [data-continuity-open] svg{width:24px;height:24px;flex:0 0 24px;stroke-width:1.7}
.hb-collaboration-conditions{box-sizing:border-box;width:100%;max-width:none;min-width:0;background:#fff;border:1px solid #e5e5eb;border-radius:22px;padding:24px 28px;text-align:left;margin:20px 0;box-shadow:none}
.hb-collaboration-conditions:is(section) :is(h2,h3){display:flex;align-items:center;justify-content:flex-start;gap:12px;margin:0 0 12px;color:#19191c;font-size:20px;line-height:1.35;font-weight:750;text-align:left}
.hb-collaboration-conditions :is(h2,h3) svg{width:26px;height:26px;flex:0 0 26px;color:#e51e59}
.hb-collaboration-conditions p{margin:0;color:#45454e;font-size:16px;line-height:1.5;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:600px){.hb-collaboration-conditions{padding:18px;border-radius:18px}.hb-collaboration-conditions:is(section) :is(h2,h3){font-size:18px;gap:10px}}

/* r106: alternatives reuse appointment cards; booking remains one click away. */
#modal[data-modal-key="continuityFind"]{width:min(1100px,calc(100vw - 32px));max-width:calc(100vw - 32px)}
.hb-continuity-matches{margin-top:8px}
.hb-continuity-match{min-width:0;border:1px solid #e5e8ee;border-radius:16px;background:#fff;overflow:hidden}
.hb-continuity-match .hb-continuity-book{width:100%;height:auto;border:0;border-radius:0;cursor:pointer;align-items:start;background:transparent;color:#192c4b}
.hb-continuity-book .avatar{width:48px;height:48px;object-fit:cover;border-radius:50%}
.hb-continuity-match-body{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:14px;line-height:1.4}
.hb-continuity-match-body>strong{font-size:17px;font-weight:750;color:#19191c}
.hb-continuity-match:hover{background:#f8f9fb}
.hb-continuity-profile{display:block;margin:0 16px 14px 76px;padding:0;border:0;background:transparent;color:#55555e;font:inherit;font-size:13px;font-weight:650;text-align:left;cursor:pointer}
.hb-continuity-profile:hover{text-decoration:underline}
.hb-continuity-book:focus-visible,.hb-continuity-profile:focus-visible{outline:2px solid #e51e59;outline-offset:-3px}
#modal[data-modal-key="continuityFind"] .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media(max-width:650px){#modal[data-modal-key="continuityFind"] .form-grid,.hb-continuity-matches{grid-template-columns:1fr}.hb-continuity-match-body>strong{font-size:16px}}

.hb-continuity-names{display:flex;flex-wrap:wrap;align-items:center;gap:6px;line-height:1.4}.hb-continuity-person{border:0;background:transparent;padding:2px 0;font:inherit;font-weight:750;color:#19191c;text-align:left;cursor:pointer}.hb-continuity-person:hover{text-decoration:underline}.hb-continuity-person:focus-visible{outline:2px solid #e51e59;outline-offset:3px;border-radius:4px}

/* r107: domain heading and consistent outline-only video controls. */
#app .hb-space-public>.hb-space-category{font-size:16px;line-height:1.4}
.hb-play-badge,.hb-play-badge:hover{width:80px;height:80px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;color:#fff}
.hb-play-badge svg,.hb-video-play svg{display:block;box-sizing:border-box;padding:0;border:0;border-radius:0;background:transparent;fill:none;stroke:#fff;stroke-width:1.15;stroke-linejoin:miter;filter:drop-shadow(0 1px 3px #0008);transform:none}
.hb-play-badge svg{width:80px;height:80px}
.hb-video-play svg{width:60px;height:60px}
.hb-play-badge:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:600px){#app .hb-space-public>.hb-space-category{font-size:15px}}

/* r111: readable explanatory text with selective emphasis. */
.hb-continuity-note{font-size:15px;line-height:1.45;color:#55565e;font-weight:400}
.hb-continuity-note strong{font-weight:750;color:#242429}
.hb-continuity [data-continuity-results]>.error{font-weight:400;line-height:1.45}
.hb-continuity [data-continuity-results]>.error strong{font-weight:750;color:inherit}

/* r112: recognizable people and profile access in recommendations. */
.hb-continuity-card.hb-recommendation{display:flex;flex-direction:column;gap:16px;background:#fff;padding:18px}
.hb-recommendation-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:100%}
.hb-recommendation-label{display:block;color:#73737c;font-size:12px;font-weight:700;margin:0 0 9px}
.hb-recommendation-identity{display:flex;align-items:flex-start;gap:12px;min-width:0;width:100%;padding:10px;border:0;border-radius:12px;background:#f7f7f9;color:#242429;font:inherit;text-align:left;text-decoration:none}
button.hb-recommendation-identity{cursor:pointer}button.hb-recommendation-identity:hover{background:var(--hb-button-soft);border-color:var(--hb-button-soft-border)}
.hb-recommendation-identity:focus-visible{outline:2px solid #e51e59;outline-offset:3px}
.hb-recommendation-identity .avatar{width:56px;height:56px;flex:0 0 56px;object-fit:cover;border-radius:50%}
.hb-recommendation-copy{display:flex;flex-direction:column;min-width:0;gap:4px;font-size:13px;line-height:1.4;color:#65656e;overflow-wrap:anywhere}
.hb-recommendation-copy>strong{font-size:16px;font-weight:750;color:#19191c}.hb-recommendation-profession,.hb-recommendation-service{font-weight:650;color:#45454d}
.hb-recommendation-open{color:#e51e59;font-weight:700;margin-top:4px}
.hb-recommendation-location svg{width:15px;height:15px;vertical-align:-3px;color:#e51e59}
.hb-recommendation-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;width:100%;border-top:1px solid #eeeef2;padding-top:12px}
.hb-recommendation-footer p{margin:0}.hb-recommendation-footer .btn{width:auto}
@media(max-width:650px){.hb-recommendation-pair{grid-template-columns:1fr;gap:12px}.hb-continuity-card.hb-recommendation{padding:13px}.hb-recommendation-footer .hb-continuity-actions{flex-wrap:wrap}}

/* Place availability: compact typography and responsive metadata. */
#modal .hb-place-detail{min-width:0;container-type:inline-size}
#modal .hb-place-detail-meta{display:flex;align-items:baseline;justify-content:space-between;gap:8px 20px;flex-wrap:wrap;margin:0 0 12px;font-size:15px;line-height:1.4}
#modal .hb-place-detail-meta>span{display:flex;gap:12px;flex-wrap:wrap;font-variant-numeric:tabular-nums}
#modal .hb-place-detail-meta time{font-weight:600}
#modal .hb-place-detail .hb-place-detail-help{margin:0;padding:12px 14px;background:#f4f4f5;border:0;border-radius:12px;font-size:14px;line-height:1.5;color:#62626b}
#modal .hb-place-detail strong,#modal .hb-place-detail b{font-weight:700;color:#252529}
#modal .hb-place-detail .hb-place-list{gap:10px;margin-top:14px}
#modal .hb-place-detail .hb-place-row{padding:14px 16px;border-radius:14px;display:grid;gap:8px}
#modal .hb-place-detail .hb-place-row-head{gap:6px 14px;align-items:center;line-height:1.4}
#modal .hb-place-detail .hb-place-row-head>strong{font-size:16px}
#modal .hb-place-detail .hb-place-status{font-size:12px;line-height:1.4;font-weight:700}
#modal .hb-place-detail .hb-place-status.busy{background:#f4f4f5;color:#e51e59;padding:4px 8px}
#modal .hb-place-detail .hb-place-row>p{margin:0;padding:0;background:none;border:0;border-radius:0;font-size:13px;line-height:1.45;color:#62626b}
#modal .hb-place-detail .hb-place-empty strong{font-weight:600;color:#62626b}
#modal .hb-place-detail .hb-busy-times strong{display:inline-block;font-variant-numeric:tabular-nums}
#modal .hb-place-detail .hb-place-service-grid{margin-top:2px}
@container (max-width:400px){#modal .hb-place-detail .hb-place-row-head{align-items:flex-start;flex-direction:column}#modal .hb-place-detail .hb-place-row{padding:12px}#modal .hb-place-detail-meta{flex-direction:column;gap:4px}}

/* Media picker actions retain their accessible labels when compact. */
@media(max-width:700px){
 .hb-media-pick .hb-media-pick-caption{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap!important;border:0!important}
 label.hb-media-pick.hb-studio-picker,label.hb-media-pick.btn,label.hb-media-pick.hb-mail-drop,label.hb-media-pick.hb-acct-drop{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;box-sizing:border-box;width:46px;min-width:46px;max-width:46px;height:46px;min-height:46px;padding:10px;gap:0}
 .hb-upload-custom .hb-upload-actions>.hb-media-pick.hb-upload-pick{width:46px;min-width:46px}
 .hb-upload-custom .hb-upload-actions>.hb-media-pick.hb-upload-pick>span{box-sizing:border-box;width:46px;height:46px;min-height:46px;padding:10px;gap:0;justify-content:center}
 label.hb-media-pick>span:not(.hb-media-pick-caption){display:inline-flex;align-items:center;justify-content:center;gap:0}
 label.hb-media-pick svg{width:24px;height:24px;flex:none;margin:0}
}
@container (max-width:700px){
 .hb-media-pick .hb-media-pick-caption{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap!important;border:0!important}
 label.hb-media-pick.hb-studio-picker,label.hb-media-pick.btn,label.hb-media-pick.hb-mail-drop,label.hb-media-pick.hb-acct-drop{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;box-sizing:border-box;width:46px;min-width:46px;max-width:46px;height:46px;min-height:46px;padding:10px;gap:0}
 .hb-upload-custom .hb-upload-actions>.hb-media-pick.hb-upload-pick{width:46px;min-width:46px}
 .hb-upload-custom .hb-upload-actions>.hb-media-pick.hb-upload-pick>span{box-sizing:border-box;width:46px;height:46px;min-height:46px;padding:10px;gap:0;justify-content:center}
 label.hb-media-pick>span:not(.hb-media-pick-caption){display:inline-flex;align-items:center;justify-content:center;gap:0}
 label.hb-media-pick svg{width:24px;height:24px;flex:none;margin:0}
}

.stats.hb-admin-stats{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.stats.hb-admin-stats>.stat:last-child{grid-column:auto}
@media(max-width:700px){
 .stats.hb-admin-stats,.hb-dash-grid[data-dash-scope],.hb-finance-chart,.hb-exp-kpi-grid,.hb-exp-dashboard{--dash-columns:1;grid-template-columns:minmax(0,1fr)}
 .stats.hb-admin-stats>.stat,.hb-dash-grid[data-dash-scope]>.hb-dash-card{grid-column:1/-1!important;min-width:0;max-width:100%;box-sizing:border-box}
}
@container (max-width:700px){
 .stats.hb-admin-stats,.hb-dash-grid[data-dash-scope],.hb-finance-chart,.hb-exp-kpi-grid,.hb-exp-dashboard{--dash-columns:1;grid-template-columns:minmax(0,1fr)}
 .stats.hb-admin-stats>.stat,.hb-dash-grid[data-dash-scope]>.hb-dash-card{grid-column:1/-1!important;min-width:0;max-width:100%;box-sizing:border-box}
}

/* Tooltips wrap inside the visible viewport, including metric details on phones. */
.hb-tooltip,.hb-tooltip.hb-metric-tooltip:popover-open{box-sizing:border-box;min-width:0;white-space:normal;overflow-wrap:anywhere;word-break:normal;text-overflow:clip;overflow:auto;overscroll-behavior:contain}
.hb-tooltip :is(strong,small,span,p){min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:normal;text-overflow:clip;overflow:visible;-webkit-line-clamp:unset}

.hb-continuity-note.hb-continuity-note-error{border-left:3px solid #e51e59;border-radius:14px;background:#f3f3f5;padding:16px 18px;font-weight:600;overflow-wrap:anywhere}

.hb-dash-front[data-dash-open]{cursor:pointer;border-radius:0 0 14px 14px}.hb-dash-front[data-dash-open]:focus-visible{outline:2px solid #e51e59;outline-offset:-3px}.hb-dash-front[data-dash-open]:hover{background:#f3f3f5}

/* Metric lists follow the modal's width, including manual resizing on desktop. */
#modal:has([data-dash-cases]){width:min(1100px,calc(100vw - 24px));max-width:calc(100vw - 24px);box-sizing:border-box}
#modal [data-dash-cases]{container:dash-cases / inline-size;min-width:0;max-width:100%;width:100%}
#modal [data-dash-cases] :is(.hb-invoice-register-list,.hb-exp-list){min-width:0;width:100%}
#modal [data-dash-cases] .hb-finance-record{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"reference status" "client client" "dates dates" "actions actions";align-items:start;gap:16px;padding:18px;margin:0 0 16px;min-width:0;max-width:100%;box-sizing:border-box;background:#fff;border:1px solid #e5e5e9;border-radius:16px;box-shadow:none}
#modal [data-dash-cases] .hb-finance-record-head{display:contents}
#modal [data-dash-cases] .hb-finance-record-reference{grid-area:reference;align-self:start;min-width:0;padding:0;margin:0;gap:4px;background:none;border:0}
#modal [data-dash-cases] .hb-finance-record-client{grid-area:client;min-width:0;gap:6px}
#modal [data-dash-cases] .hb-finance-record-dates{grid-area:dates;min-width:0;gap:4px}
#modal [data-dash-cases] .hb-finance-record-status{grid-area:status;align-items:flex-end;min-width:0;max-width:100%;text-align:right}
#modal [data-dash-cases] .hb-finance-record-actions{grid-area:actions;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:10px;width:100%;min-width:0;max-width:none;margin:0}
#modal [data-dash-cases] .hb-finance-record-actions>*{flex:0 1 auto;max-width:100%;min-width:0;box-sizing:border-box}
#modal [data-dash-cases] .hb-finance-record-actions :is(.hb-ei-badge,.hb-account-action){min-height:40px;height:auto;padding:9px 12px;white-space:normal;word-break:normal;overflow-wrap:normal;line-height:1.4}
#modal [data-dash-cases] .hb-ei-badge{background:#f5f5f7;border-color:#e5e5e9}
#modal [data-dash-cases] .hb-ei-badge>strong{white-space:nowrap}
#modal [data-dash-cases] .hb-ei-badge>span:last-child{min-width:0;overflow-wrap:anywhere}
#modal [data-dash-cases] .hb-booking-client-identity{align-items:center;gap:10px;min-width:0}
#modal [data-dash-cases] .hb-booking-client-name strong{font-size:18px;line-height:1.35}
#modal [data-dash-cases] .hb-finance-record-status>strong{font-size:18px;line-height:1.35;max-width:100%;overflow-wrap:anywhere}
#modal [data-dash-cases] .hb-finance-record :is(p,small){max-width:100%;overflow-wrap:anywhere}
#modal [data-dash-cases] .hb-finance-row{min-width:0;gap:14px;flex-wrap:wrap}
#modal [data-dash-cases] .hb-finance-row>div{min-width:0;flex:1 1 180px;overflow-wrap:anywhere}
#modal [data-dash-cases] .hb-finance-row>.btn{flex:0 1 auto;max-width:100%;white-space:normal}
#modal [data-dash-cases] .hb-guest-actions{flex-wrap:wrap;gap:12px}
@container dash-cases (min-width:560px){
 #modal [data-dash-cases] .hb-finance-record{grid-template-columns:90px minmax(0,1fr) minmax(120px,auto);grid-template-areas:"reference client status" "reference dates status" "actions actions actions";gap:12px 20px;padding:20px}
}
@container dash-cases (min-width:880px){
 #modal [data-dash-cases] .hb-finance-record{grid-template-columns:90px minmax(0,1fr) minmax(150px,1fr) minmax(120px,auto);grid-template-areas:"reference client dates status" "actions actions actions actions";align-items:center}
}
#modal [data-dash-cases] .hb-exp-list .hb-finance-record{grid-template-areas:"reference status" "client client" "actions actions"}
@container dash-cases (min-width:560px){
 #modal [data-dash-cases] .hb-exp-list .hb-finance-record{grid-template-areas:"reference client status" "actions actions actions"}
}
@container dash-cases (min-width:880px){
 #modal [data-dash-cases] .hb-exp-list .hb-finance-record{grid-template-columns:90px minmax(0,1fr) minmax(120px,auto);grid-template-areas:"reference client status" "actions actions actions"}
}
@container dash-cases (min-width:1100px){
 #modal [data-dash-cases] .hb-invoice-register-list .hb-finance-record{grid-template-columns:80px minmax(160px,1fr) minmax(160px,1fr) minmax(250px,auto) minmax(120px,auto);grid-template-areas:"reference client dates actions status"}
 #modal [data-dash-cases] .hb-exp-list .hb-finance-record{grid-template-columns:80px minmax(160px,1fr) minmax(250px,auto) minmax(120px,auto);grid-template-areas:"reference client actions status"}
}
#modal [data-dash-cases] .hb-case-summary{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px 32px;padding:18px 20px;margin:0 0 22px;background:#f5f5f7;border-left:4px solid var(--case-color,#e51e59);border-radius:14px;min-width:0;box-sizing:border-box}
#modal [data-dash-cases] .hb-case-summary>div{display:flex;flex-direction:column;gap:5px;min-width:0;max-width:100%}
#modal [data-dash-cases] .hb-case-summary span{font-size:14px;line-height:1.4;color:#62626c;font-weight:600}
#modal [data-dash-cases] .hb-case-summary strong{font-size:24px;line-height:1.25;font-weight:800;color:#202027;overflow-wrap:anywhere}
#modal [data-dash-cases] .hb-case-summary>div:last-child strong{font-size:20px}
@container dash-cases (max-width:340px){
 #modal [data-dash-cases] .hb-finance-record{grid-template-columns:minmax(0,1fr);grid-template-areas:"reference" "client" "status" "dates" "actions";padding:16px;gap:14px}
 #modal [data-dash-cases] .hb-exp-list .hb-finance-record{grid-template-areas:"reference" "client" "status" "actions"}
 #modal [data-dash-cases] .hb-finance-record-status{align-items:flex-start;text-align:left}
 #modal [data-dash-cases] .hb-finance-record-actions{align-items:flex-start}
 #modal [data-dash-cases] .hb-case-summary{padding:16px;gap:14px}
 #modal [data-dash-cases] .hb-case-summary>div{flex:1 1 100%}
}

/* Specialist and service share a line, wrapping naturally within the available space. */
.hb-specialist-context{display:flex;align-items:flex-start;gap:8px;min-width:0;max-width:100%;margin:6px 0;font-size:14px;line-height:1.45}
.hb-specialist-context>.hb-booking-client-avatar{width:24px;height:24px;min-width:24px;flex:0 0 24px;font-size:10px}
.hb-specialist-context .hb-specialist-context-copy{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;min-width:0;padding-top:2px}
.hb-specialist-context .hb-specialist-context-copy>strong{font-size:14px;font-weight:600;line-height:1.45;color:#202027;min-width:0;overflow-wrap:anywhere;margin:0}
.hb-specialist-context .hb-specialist-context-service{font-size:14px;font-weight:400;line-height:1.45;color:#62626c;min-width:0;overflow-wrap:anywhere;margin:0}
#modal .hb-anaf-action-error{flex-basis:100%;box-sizing:border-box;padding:14px 16px;margin:12px 0 16px;max-width:100%;border-left:3px solid #e51e59;border-radius:12px;background:#f5f5f7;color:#202027;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
/* Notifications belong to the active dialog and stay above native modal backdrops. */
#toast{position:fixed;inset:auto;top:auto;right:auto;left:var(--toast-left,50%);bottom:var(--toast-bottom,16px);transform:translateX(-50%);margin:0;box-sizing:border-box;width:max-content;min-width:0;max-width:min(480px,var(--toast-max-width,calc(100vw - 24px)));max-height:var(--toast-max-height,calc(100dvh - 32px));overflow:auto;overflow-wrap:anywhere;word-break:normal;z-index:2147483647;box-shadow:none}
#toast>div,#toast .hb-toast-action>div{min-width:0;max-width:100%}
#toast.is-error{background:#f5f5f7;box-shadow:none}

.hb-invoice-context{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;min-width:0;max-width:100%}
.hb-invoice-context>.hb-specialist-context{flex:0 1 auto;margin:0}
.hb-invoice-context>.hb-document-direction{flex:0 1 auto;margin:0;line-height:1.45;overflow-wrap:anywhere}

/* Compact expense results, responsive to the resized dialog. */
#modal [data-dash-cases] .hb-case-summary{justify-content:flex-start;gap:16px 48px;padding:16px 20px;margin-bottom:16px}
#modal [data-dash-cases] .hb-exp-list .hb-finance-record{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"reference reference" "client client" "status status" "actions actions";gap:12px 20px;padding:16px 18px;margin-bottom:12px;align-items:center}
#modal [data-dash-cases] .hb-exp-list .hb-finance-record-reference{display:flex;flex-direction:row;align-items:baseline;gap:10px;flex-wrap:wrap}
#modal [data-dash-cases] .hb-exp-list .hb-finance-record-client{align-self:center}
#modal [data-dash-cases] .hb-exp-list .hb-exp-line-meta{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:6px}
#modal [data-dash-cases] .hb-exp-list .hb-finance-record-status{align-items:flex-start;text-align:left;gap:5px}
#modal [data-dash-cases] .hb-exp-list .hb-finance-record-actions{width:auto;align-self:center}
#modal [data-dash-cases] .hb-exp-list .hb-finance-record-actions .hb-account-action{height:40px;min-height:40px;padding:8px 12px}
@container dash-cases (min-width:480px){
 #modal [data-dash-cases] .hb-exp-list .hb-finance-record{grid-template-columns:minmax(0,1fr) minmax(130px,auto);grid-template-areas:"reference reference" "client status" "actions status";gap:10px 24px}
 #modal [data-dash-cases] .hb-exp-list .hb-finance-record-status{align-items:flex-end;text-align:right}
}
@container dash-cases (min-width:760px){
 #modal [data-dash-cases] .hb-exp-list .hb-finance-record{grid-template-columns:90px minmax(180px,1fr) auto minmax(150px,auto);grid-template-areas:"reference client actions status";gap:20px;padding:18px}
 #modal [data-dash-cases] .hb-exp-list .hb-finance-record-reference{flex-direction:column;gap:4px;align-self:center}
}

.hb-exp-archived-label{display:inline-flex;align-items:center;padding:5px 9px;border-radius:8px;background:#f5f5f7;color:#62626c;font-size:12px;font-weight:500}
.hb-finance-record-status>span:not(.hb-exp-archived-label){font-weight:700}

.hb-exp-list .hb-finance-record-status>.is-outstanding,.hb-exp-list .hb-finance-record-status>.hb-exp-unpaid-balance{color:#e51e59;font-weight:700}

/* Settled and archived expense labels share the completed-state treatment. */
.hb-exp-detail .hb-exp-status.expPaidInFull,.hb-exp-detail .hb-exp-archived-label,.hb-exp-list .hb-finance-record-status>.expPaidInFull,.hb-exp-list .hb-finance-record-status>.hb-exp-archived-label{color:#6936a6;background:#f0edf8;font-weight:700;border-radius:7px;padding:5px 10px;font-size:12px}
.hb-exp-detail .hb-exp-status.expOutstanding,.hb-exp-detail .hb-exp-status.expPartPaid,.hb-exp-list .hb-finance-record-status>.is-outstanding{color:#e51e59;background:#f5f5f7;font-weight:700}

#modal [data-dash-cases] .hb-empty-state{min-height:0;padding:26px 20px;margin:0;gap:10px}
#modal [data-dash-cases] .hb-empty-icon{color:#62626c;margin:0 auto 10px}
#modal [data-dash-cases] h3{font-size:18px;margin:0;line-height:1.4}

.hb-specialist-context{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 12px;min-width:0}
.hb-specialist-context-open{display:inline-flex;align-items:center;gap:8px;max-width:100%;min-width:0;color:#19191c;font:inherit;text-align:left;vertical-align:middle}
button.hb-specialist-context-open{border:0;background:transparent;border-radius:8px;padding:5px 7px;margin:-5px -7px;cursor:pointer;box-shadow:none}
button.hb-specialist-context-open:hover{background:var(--hb-button-soft);border-color:var(--hb-button-soft-border)}
button.hb-specialist-context-open:focus-visible{outline:2px solid #e51e59;outline-offset:3px}
.hb-specialist-context-open>strong{font-size:14px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}
.hb-specialist-context>.hb-specialist-context-service{font-size:14px;line-height:1.4;color:#62626c}
.hb-invoice-context{align-items:center;gap:8px 16px}
.hb-invoice-context>.hb-document-direction{display:inline-flex;align-items:center;min-height:28px;box-sizing:border-box;padding:5px 10px;border-radius:7px;color:#6936a6;background:#f0edf8;font-size:12px;line-height:1.4;font-weight:700}
#modal [data-dash-cases] .hb-invoice-register-list .hb-finance-record{align-items:center}

/* Invoice columns share the same first line, independent of secondary details. */
#modal [data-dash-cases] .hb-invoice-register-list .hb-finance-record{align-items:start}
#modal [data-dash-cases] .hb-invoice-register-list .hb-booking-client-identity{margin:0;min-height:40px}
#modal [data-dash-cases] .hb-invoice-register-list .hb-finance-record-client{gap:10px}
@container dash-cases (min-width:560px){
 #modal [data-dash-cases] .hb-invoice-register-list :is(.hb-finance-record-reference,.hb-finance-record-client,.hb-finance-record-dates,.hb-finance-record-status,.hb-finance-record-actions){align-self:start}
 #modal [data-dash-cases] .hb-invoice-register-list :is(.hb-finance-record-reference>strong,.hb-finance-record-status>strong){display:flex;align-items:center;min-height:40px;line-height:1.35}
}
@container dash-cases (min-width:880px){
 #modal [data-dash-cases] .hb-invoice-register-list .hb-finance-record-dates>p{display:flex;align-items:center;min-height:40px;line-height:1.35}
}

/* Comparisons are immediately visible on the reverse of finance cards. */
.hb-dash-back .hb-dash-comparison{gap:7px;padding:8px 0 16px}
.hb-dash-back .hb-dash-comparison .hb-dash-change{font-size:44px!important;font-weight:800!important;line-height:1.15;max-width:100%;overflow-wrap:anywhere}
.hb-dash-back .hb-dash-comparison :is(small,p,span){font-size:12px;line-height:1.5;font-weight:700;color:#686872;margin:0;max-width:100%;overflow-wrap:anywhere}

.hb-dash-back .hb-dash-comparison{gap:2px;padding:8px 0}
.hb-dash-back .hb-dash-comparison .hb-dash-change{margin-bottom:8px}

/* Page close icon retains the existing back-stack action. */
.hb-page-back-row{justify-content:flex-end;gap:8px}
.hb-page-back-row>.hb-page-back,.hb-page-back-row>.hb-editor-back{order:2;flex:0 0 48px;margin-left:auto}
.hb-page-back-row>.hb-page-refresh{order:1;margin-left:0;margin-right:0}
.hb-page-back svg,.hb-editor-back svg{width:34px;height:34px;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;fill:none}

.hb-service-management .hb-service-facts{display:flex;flex-wrap:wrap;align-items:flex-start;gap:14px 20px}
.hb-service-management .hb-service-facts>.hb-service-price{flex:1 1 210px;min-width:0;max-width:100%}
.hb-service-management .hb-service-facts>div:not(.hb-service-price){flex:0 0 auto;max-width:100%}
.hb-service-management .hb-service-price>strong{display:block;white-space:normal;overflow-wrap:anywhere}

/* Price and duration share one row; service count belongs to the selector label. */
.person-card .hb-card-catalog .hb-person-facts{display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:start;gap:12px;padding:12px 10px;box-sizing:border-box;min-width:0;max-width:100%}
.person-card .hb-card-catalog .hb-person-facts>div{display:flex;flex-direction:column;min-width:0;max-width:100%;gap:5px;text-align:center}
.person-card .hb-card-catalog .hb-person-facts>div>strong{display:block;font-size:18px;line-height:1.4;white-space:normal;overflow-wrap:anywhere;word-break:normal;font-weight:750}
.person-card .hb-card-catalog .hb-person-facts>div:last-child>strong{white-space:nowrap}
.person-card .hb-card-catalog .hb-person-facts>div>small{font-size:14px;line-height:1.4}
.person-card .hb-card-catalog>.field>span>strong{font-weight:750;color:#252529}

/* Compact booking progress, consistent copy at every modal width. */
#modal .hb-operation-panel[data-operation-detail]{padding:16px 18px;margin:14px 0;gap:12px;background:#f4f4f5;border:0;border-radius:14px;font-size:16px;line-height:1.5}
#modal .hb-operation-panel[data-operation-detail] .hb-operation-steps{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px 28px}
#modal .hb-operation-panel[data-operation-detail] .hb-operation-steps li{flex-direction:row;align-items:center;text-align:left;gap:8px;font-size:16px;line-height:1.5;font-weight:600}
#modal .hb-operation-panel[data-operation-detail] .hb-operation-steps li.is-done{font-weight:750}
#modal .hb-operation-panel[data-operation-detail] .hb-operation-steps svg{flex:none;width:20px;height:20px}
#modal .hb-operation-panel[data-operation-detail] :is(p,.small-note,.hb-board-timing,.hb-modal-explanation,.hb-modal-guide){font-size:16px;line-height:1.5;margin:0}
#modal .hb-operation-panel[data-operation-detail]>.hb-board-timing{gap:4px}
#modal .hb-operation-panel[data-operation-detail] :is(.hb-modal-explanation,.hb-modal-guide){padding:0;background:transparent;border:0;border-radius:0}
#modal .hb-operation-panel[data-operation-detail] :is(.hb-specialist-only-note,.hb-specialist-only-note p){font-weight:600;color:#50505a}
#modal .hb-operation-panel[data-operation-detail] :is(strong,[data-board-countdown]){font-weight:750;color:#252529}
#modal .hb-operation-panel[data-operation-detail] .hb-operation-actions:empty{display:none}
#modal .hb-operation-panel[data-operation-detail] [hidden]{display:none!important}
@media(max-width:600px){#modal .hb-operation-panel[data-operation-detail]{padding:14px}#modal .hb-operation-panel[data-operation-detail] .hb-operation-steps{gap:8px 18px}}

/* Booking history has its own reference style, independent of board labels. */
#hb-booking-archive{container-type:inline-size;container-name:booking-archive}
#hb-booking-archive .hb-archive-row{gap:12px;padding:8px 0}
#hb-booking-archive .hb-archive-open{grid-template-columns:145px minmax(0,1fr) auto;gap:16px;padding:12px;font-size:15px;line-height:1.4}
#hb-booking-archive .hb-archive-open time{font-size:14px;line-height:1.4}
#hb-booking-archive .hb-archive-identity{min-width:0}
#hb-booking-archive .hb-archive-person-line{display:flex;align-items:center;gap:24px;min-width:0}
#hb-booking-archive .hb-archive-client-reference{display:flex;align-items:baseline;gap:10px;flex:0 1 280px;min-width:0}
#hb-booking-archive .hb-archive-client{flex:0 1 auto;min-width:0;font-size:15px;line-height:1.4;font-weight:750;color:#17171c}
#hb-booking-archive .hb-specialist-context{display:flex;flex:1;flex-wrap:nowrap;align-items:center;gap:20px;min-width:0;margin:0}
#hb-booking-archive .hb-specialist-context-open{display:flex;flex:0 1 200px;align-items:center;gap:8px;min-width:0;margin:0;padding:5px 7px;font-size:15px}
#hb-booking-archive .hb-specialist-context-open strong{min-width:0;font-size:15px;line-height:1.4;font-weight:750}
#hb-booking-archive .hb-booking-client-avatar{width:32px;height:32px;flex:0 0 32px;font-size:12px}
#hb-booking-archive .hb-archive-reference,#hb-booking-archive .hb-specialist-context-service{min-width:0;margin:0;font-size:15px;line-height:1.4;font-weight:700;color:#686872;letter-spacing:normal}
#hb-booking-archive .hb-archive-reference{flex:0 1 auto}
#hb-booking-archive .hb-specialist-context-service{flex:1}
#hb-booking-archive :is(.hb-archive-client,.hb-specialist-context-open strong,.hb-specialist-context-service,.hb-archive-reference){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow-wrap:normal}
@container booking-archive (max-width:1000px){
 #hb-booking-archive .hb-archive-row{flex-wrap:wrap}
 #hb-booking-archive .hb-archive-open{flex-basis:100%;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px}
 #hb-booking-archive .hb-archive-open>time{grid-column:1/-1}
 #hb-booking-archive .hb-archive-client-reference{flex-basis:40%}
 #hb-booking-archive .hb-specialist-context-open{flex-basis:60%}
}
@container booking-archive (max-width:650px){
 #hb-booking-archive .hb-archive-open{grid-template-columns:minmax(0,1fr);gap:12px}
 #hb-booking-archive .hb-archive-person-line{flex-direction:column;align-items:stretch;gap:12px}
 #hb-booking-archive .hb-archive-client-reference{flex:none;flex-direction:column;align-items:stretch;gap:4px}
 #hb-booking-archive .hb-specialist-context{flex:none;flex-direction:column;align-items:stretch;gap:6px}
 #hb-booking-archive .hb-specialist-context-open{flex:none;align-self:flex-start;max-width:100%;margin:0 -7px}
 #hb-booking-archive .hb-specialist-context-service{flex:none;padding-left:40px}
 #hb-booking-archive .hb-archive-open>.badge{justify-self:start}
 #hb-booking-archive .hb-archive-row>.hb-card-history-link{margin-left:12px}
}

.hb-footer-legal{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 16px;margin:8px auto 0;max-width:100%;padding:0 12px}
.hb-footer-legal a{display:inline-block;padding:6px 4px;font-size:12px;line-height:1.5;font-weight:600;color:#686872;text-decoration:none;border-radius:6px;overflow-wrap:anywhere}
.hb-footer-legal a:hover{color:#e51e59;background:#f4f4f5}
.hb-footer-legal a:focus-visible{outline:2px solid #e51e59;outline-offset:3px}

/* Daily agenda and booking history use the same readable card treatment. */
[data-live-agenda] .hb-agenda-card .booking-main{display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px}
[data-live-agenda] .hb-agenda-card .booking-main>.hb-booking-client-identity{flex:0 1 auto;min-width:0;max-width:100%}
[data-live-agenda] .hb-agenda-card .booking-main>.hb-specialist-context{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;min-width:0;flex:1 1 240px}
[data-live-agenda] .hb-agenda-card .hb-specialist-context-open{margin:0;padding:5px 7px;max-width:100%}
[data-live-agenda] .hb-agenda-card .hb-specialist-context-open strong{font-size:15px;line-height:1.4;font-weight:700;color:#202024;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[data-live-agenda] .hb-agenda-card .hb-specialist-context .hb-booking-client-avatar{width:32px;height:32px;flex-basis:32px;font-size:12px}
[data-live-agenda] .hb-agenda-card .hb-specialist-context-service{font-size:15px;font-weight:700;color:#686872;min-width:0;overflow-wrap:anywhere}
[data-live-agenda] .hb-agenda-card .booking-main>.hb-agenda-duration{flex-basis:100%;margin:0;font-size:14px;font-weight:600;color:#686872}
#hb-booking-archive .hb-archive-row{border:1px solid #e3e6f0;border-radius:18px;background:#fff;padding:12px 16px;margin:12px 0;gap:12px;box-shadow:none}
#hb-booking-archive .hb-archive-open{padding:8px 0;gap:20px}
#hb-booking-archive .hb-archive-open:hover{background:transparent}
#hb-booking-archive .hb-archive-row:hover{border-color:#d4d5dd;background:#fafafa}
#hb-booking-archive .hb-archive-client-reference{align-items:center;flex-basis:320px;gap:10px}
#hb-booking-archive .hb-archive-client-reference>.hb-booking-client-avatar{width:40px;height:40px;flex:0 0 40px;font-size:14px}
#hb-booking-archive .hb-archive-client-text{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;min-width:0}
#hb-booking-archive .hb-archive-client-text>.hb-archive-client{font-size:16px;line-height:1.4;font-weight:750}
#hb-booking-archive .hb-archive-outcome{display:flex;flex-direction:column;align-items:flex-end;gap:8px;min-width:0}
#hb-booking-archive .hb-archive-price{font-size:15px;line-height:1.4;font-weight:750;white-space:nowrap;color:#202024}
@container booking-archive (max-width:1000px){
 #hb-booking-archive .hb-archive-open{gap:12px 16px}
 #hb-booking-archive .hb-archive-client-reference{flex-basis:45%}
}
@container booking-archive (max-width:650px){
 #hb-booking-archive .hb-archive-row{padding:14px;border-radius:16px}
 #hb-booking-archive .hb-archive-client-reference{flex:none;flex-direction:row;align-items:center;gap:10px}
 #hb-booking-archive .hb-archive-client-text{flex:1;flex-direction:column;align-items:stretch;gap:4px}
 #hb-booking-archive .hb-archive-outcome{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px}
 #hb-booking-archive .hb-archive-row>.hb-card-history-link{margin-left:0}
}
@media(max-width:650px){
 [data-live-agenda] .hb-agenda-card .booking-main{flex-direction:column;align-items:stretch;gap:12px}
 [data-live-agenda] .hb-agenda-card .booking-main>.hb-specialist-context{flex:none;flex-direction:column;align-items:flex-start;gap:6px}
 [data-live-agenda] .hb-agenda-card .hb-specialist-context-open{margin-left:-7px}
 [data-live-agenda] .hb-agenda-card .hb-specialist-context-service{padding-left:40px}
}

/* Shared asynchronous placeholders: no content replacement during background refresh. */
.hb-loading-skeleton{width:100%;min-width:0;padding:4px 0;pointer-events:none}
.hb-loading-skeleton>div{display:grid;gap:12px}
.hb-loading-row{display:flex;align-items:center;gap:18px;padding:20px;border:1px solid #e7e7eb;border-radius:16px;min-width:0;min-height:90px;box-sizing:border-box;background:#fff}
.hb-loading-row i,.hb-loading-row b,.hb-loading-row em{display:block;background:linear-gradient(100deg,#f0f0f2 20%,#f8f8f9 45%,#f0f0f2 70%);background-size:220% 100%;animation:hb-loading-shimmer 1.6s ease-in-out infinite;border-radius:6px}
.hb-loading-row i{width:40px;height:40px;flex:none;border-radius:50%}
.hb-loading-row span{display:grid;gap:10px;min-width:0;flex:1}
.hb-loading-row b{height:13px;width:72%;max-width:360px}
.hb-loading-row b+b{width:45%;max-width:230px;height:11px}
.hb-loading-row em{height:16px;width:80px;flex:none}
.hb-loading-skeleton.is-cards>div{grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr))}
.hb-loading-skeleton.is-cards .hb-loading-row{flex-wrap:wrap;min-height:165px;align-content:center}
.hb-loading-skeleton.is-cards .hb-loading-row em{flex-basis:70%;margin-left:58px}
[data-archive-loading][hidden]{display:none!important}
@keyframes hb-loading-shimmer{to{background-position:-220% 0}}
@media(max-width:500px){.hb-loading-row{padding:16px;gap:12px}.hb-loading-row em{width:48px}}
@media(prefers-reduced-motion:reduce){.hb-loading-row i,.hb-loading-row b,.hb-loading-row em{animation:none}.hb-skeleton-card,.hb-skeleton-card *,.hb-mail-skeleton *,.hb-history-skeleton *,.hb-booking-mail-skeleton *,.hb-vault-load *{animation:none!important}}

/* Desktop keeps the existing top navigation; additional entries wrap in its own row. */
@media(min-width:651px){
 #app .hb-navigation-dock:not(.is-compact-nav)>.hb-community-nav{display:flex;position:static;flex:1 1 0;min-width:0;width:auto;flex-wrap:wrap;overflow:visible;gap:4px 16px}
 #app .hb-navigation-dock:not(.is-compact-nav)>.hb-community-nav>.btn{width:auto;flex:0 0 auto;white-space:nowrap}
}

#app .hb-community-nav .btn[data-hb-action="go:works"],#app .hb-community-nav .btn[data-hb-action="go:works"] span,#app .hb-community-nav .btn[data-hb-action="go:works"] svg{color:#e51e59!important}
.hb-work-entry-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.hb-work-shortcut{display:inline-flex;align-items:center;gap:8px;color:#e51e59!important}.hb-work-shortcut svg{width:20px;height:20px;flex-shrink:0}.hb-directory-tools{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px}

/* Filled navy actions retain their identity when returning from a modal. */
.btn.hb-action-navy,.btn.hb-action-navy:is(:hover,:focus,:focus-visible,:active,.hb-return-trail){background:#192d4b;color:#fff;border-color:#192d4b}.btn.hb-action-navy:focus-visible{outline:2px solid #192d4b;outline-offset:3px}

/* Keep footer links together on desktop and let legal links wrap below on phones. */
.hb-platform-footer .hb-footer-meta{gap:8px 20px}
.hb-platform-footer .hb-footer-meta .hb-footer-legal{margin:0;padding:0;gap:4px 16px;min-width:0}
.hb-platform-footer .hb-footer-meta .hb-footer-legal a{color:#686872;text-decoration:none}
.hb-platform-footer .hb-footer-meta .hb-footer-legal a:hover{color:#e51e59}
@media(max-width:650px){
 .hb-platform-footer .hb-footer-meta{flex-direction:row;gap:8px 16px}
 .hb-platform-footer .hb-footer-meta .hb-footer-legal{flex-basis:100%;flex-direction:column;gap:2px 12px;justify-content:center}
 .hb-platform-footer .hb-footer-meta .hb-footer-legal a{max-width:100%;text-align:center}
}

.hb-platform-footer p.hb-footer-slogan{color:#141414}

/* Preserve page geometry during modal return. */
html{scrollbar-gutter:stable}
html.hb-modal-restoring{scroll-behavior:auto!important;overflow-anchor:none}
html.hb-modal-restoring #app,html.hb-modal-restoring #app *{transition:none!important;scroll-behavior:auto!important}

/* Shared business-card layout; scoped to resist generic page header/footer rules. */
#app .sidebar .nav [data-view="works"],#app .sidebar .nav [data-view="works"] span,#app .sidebar .nav [data-view="works"] svg{color:#111!important}
#app #hb-business-results.hb-specialist-masonry{grid-auto-rows:1px;row-gap:0;align-items:start}
#app #hb-business-results .hb-work-company-card{display:block!important;padding:0!important;height:auto;min-height:0;border-radius:20px;overflow:hidden;text-align:left}
#app #hb-business-results .hb-work-company-card>.hb-company-card-body{margin:0!important;padding:22px!important;display:flex;flex-direction:column;gap:16px;min-width:0;text-align:left}
#app #hb-business-results .hb-work-company-card .hb-company-card-heading{display:flex;align-items:center;justify-content:flex-start;gap:14px;min-width:0;text-align:left}
#app #hb-business-results .hb-company-card-identity{flex:1;min-width:0;text-align:left}
#app #hb-business-results .hb-company-card-name{width:100%;text-align:left;white-space:normal;padding:0;background:none;border:0}
#app #hb-business-results .hb-company-card-name h2{font-size:21px;line-height:1.3;margin:0;text-align:left;white-space:normal;overflow-wrap:anywhere}
#app #hb-business-results .hb-company-card-kind{margin:0 0 5px;color:#777983;font-size:13px;font-weight:650}
#app #hb-business-results .hb-company-card-avatar{flex:0 0 54px;margin:0;padding:0}
#app #hb-business-results .hb-company-card-meta{margin:0;color:#111;justify-content:flex-start;gap:12px}
#app #hb-business-results .hb-company-card-note{padding:14px 16px;margin:0;border-radius:12px;background:#f5f5f7;font-size:15px;line-height:1.5;color:#61636d}
#app #hb-business-results .hb-company-card-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:0;padding:0}
#app #hb-business-results .hb-company-open,#app #hb-business-results .hb-company-open:hover{background:#e51e59!important;border-color:#e51e59!important;color:#fff!important;width:auto;padding:12px 18px;display:inline-flex;align-items:center;gap:8px}
#app #hb-business-results .hb-company-card-controls .icon-btn{width:38px;height:38px;padding:8px;flex:none;color:#202024;background:transparent;border:0}
#app #hb-business-results .hb-company-card-controls .icon-btn svg{width:22px;height:22px}
#app #hb-business-results .hb-company-cover{display:block;position:relative;width:100%;padding:0!important;margin:0!important;border:0;background:#f5f5f7;overflow:hidden}
#app #hb-business-results .hb-company-cover img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:0}
@media(max-width:650px){#app #hb-business-results .hb-work-company-card>.hb-company-card-body{padding:18px!important;gap:14px}}

#modal .hb-work-image-editor{padding:18px!important;margin-bottom:16px}
#modal .hb-work-image-editor .hb-upload{display:flex;flex-direction:column;align-items:center;gap:12px;padding:0!important;margin:0!important;min-height:0!important}
#modal .hb-work-image-editor .hb-upload>strong{margin:0!important;padding:0!important}
#modal .hb-work-image-editor .hb-upload-preview:not(:has(img)){display:none!important;width:0!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important}
#modal .hb-work-image-editor .hb-upload-preview:has(img){display:block!important;width:120px!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important}
#modal .hb-work-image-editor .hb-upload-preview .muted{display:none!important}
#modal .hb-work-image-editor .hb-upload-actions{margin:0!important;padding:0!important;min-height:0!important;justify-content:center}
#modal .hb-work-image-editor .hb-upload-hint{margin:0!important}
#modal .hb-work-image-editor .hb-upload-info:empty{display:none}
#app #hb-business-results .hb-company-projects{display:flex;flex-direction:column;gap:14px;margin:0;padding:0}
#app #hb-business-results .hb-company-projects section{margin:0;padding:0;min-width:0}
#app #hb-business-results .hb-company-project-title{padding:0;border:0;background:none;text-align:left;max-width:100%;color:#171719;font-size:17px;line-height:1.4;overflow-wrap:anywhere}
#app #hb-business-results .hb-company-projects>section>p{margin:7px 0 0;font-size:15px;line-height:1.5;color:#676974;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
#app #hb-business-results .hb-company-project-create{display:flex;align-items:center;gap:8px;align-self:flex-start;padding:0;border:0;background:none;color:#8396b3;font-weight:650;font-size:15px}
#app #hb-business-results .hb-company-project-create svg{width:18px;height:18px}
#app #hb-business-results .hb-company-project-overlay{position:absolute;bottom:14px;left:16px;right:16px;width:fit-content;max-width:calc(100% - 32px);padding:7px 11px;border-radius:8px;background:rgba(255,255,255,.9);color:#171719;font-size:14px;font-weight:700;line-height:1.4;text-align:left;overflow-wrap:anywhere;backdrop-filter:blur(5px)}

#app #hb-business-results .hb-company-card-meta>span:first-child,#app #hb-business-results .hb-company-card-meta>span:first-child svg{color:#e51e59!important}
#app #hb-business-results .hb-company-project-overlay{left:50%;right:auto;transform:translateX(-50%);bottom:16px;text-align:center;white-space:normal}
#app #hb-business-results .hb-company-project-line{display:flex;align-items:center;gap:10px;min-width:0}
#app #hb-business-results .hb-company-project-line .hb-company-project-title{flex:1;min-width:0}
#app #hb-business-results .hb-company-project-line .icon-btn{flex:none;width:32px;height:32px;padding:6px;background:transparent;border:0;color:#171719}
#app #hb-business-results .hb-company-project-line svg{width:20px;height:20px}
/* Collaboration CV uses the existing specialist identity and modal shell. */
.hb-project-team{margin-top:32px}.hb-project-team>.small-note{margin:8px 0 22px}.hb-project-expert{display:flex;flex-direction:column;gap:16px}.hb-project-expert .hb-person-identity{margin-bottom:0}.hb-expert-profile{border:0;background:none;color:inherit;cursor:pointer;padding:0;text-align:center;max-width:100%}.hb-expert-profile .hb-professional-avatar{width:76px;height:76px;object-fit:cover;border-radius:50%;margin:0 auto 12px;display:block}.hb-expert-profile h3{margin:0;overflow-wrap:anywhere}.hb-expert-bio{margin:0;color:#656773;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hb-expert-completed{margin:0;color:#656773}.hb-expert-completed strong{color:#161719}.hb-cv-state{align-self:flex-start;border-radius:9px;background:#f3f3f6;padding:6px 10px;font-size:14px;font-weight:700;color:#5c5e68}.hb-cv-link{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:none;border:0;padding:10px 8px;color:#626570;font:inherit;font-size:15px;cursor:pointer;max-width:100%}.hb-cv-link strong{color:#17181c;margin-left:5px}.hb-cv-link .hb-icon{width:18px;height:18px;flex-shrink:0}.hb-cv-link:hover span{text-decoration:underline;text-underline-offset:4px}.hb-cv-view{display:flex;flex-direction:column;gap:20px}.hb-cv-heading{display:flex;align-items:center;gap:16px}.hb-cv-heading h2{margin:0;overflow-wrap:anywhere}.hb-cv-avatar{width:56px;height:56px;flex:0 0 56px;border-radius:50%;object-fit:cover;background:#eeeef2;display:flex;align-items:center;justify-content:center}.hb-cv-totals{display:flex;gap:14px 24px;flex-wrap:wrap;background:#f4f4f7;padding:18px;border-radius:16px;color:#626570}.hb-cv-totals strong{color:#17181c;font-size:20px;margin-right:5px}.hb-cv-view h3,.hb-cv-view>.small-note{margin:0}.hb-cv-view [data-cv-businesses],.hb-cv-view [data-cv-projects]{display:grid;gap:12px}.hb-cv-view [data-cv-businesses]:empty,.hb-cv-view [data-cv-projects]:empty{display:none}.hb-cv-card{display:flex;align-items:center;gap:16px;width:100%;padding:18px;border:1px solid #e2e3e8;border-radius:18px;background:#f5f5f7;text-align:left;font:inherit;color:#191a1e;cursor:pointer}.hb-cv-card>.hb-icon{flex:0 0 20px}.hb-cv-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:7px;overflow-wrap:anywhere}.hb-cv-copy>span,.hb-cv-copy small{color:#656773}.hb-cv-card:hover .hb-cv-copy>strong{text-decoration:underline;text-underline-offset:4px}.hb-cv-detail{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.hb-cv-detail h2,.hb-cv-detail p{margin:0}.hb-cv-cover{width:100%;max-height:260px;object-fit:cover;border-radius:18px}.hb-cv-detail .hb-preserve{line-height:1.65;max-width:75ch;overflow-wrap:anywhere}.hb-expert-contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 8px}.hb-project-preview-detail{display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding:12px 0 8px}.hb-project-preview-detail h2,.hb-project-preview-detail p{margin:0}.hb-project-preview-detail .hb-project-description{font-size:18px;line-height:1.65;max-width:76ch;overflow-wrap:anywhere}.hb-project-preview-detail>.btn{margin-top:4px}.hb-cv-link:focus-visible,.hb-cv-card:focus-visible,.hb-expert-profile:focus-visible{outline:2px solid #e51e59;outline-offset:4px}@media(max-width:600px){.hb-cv-card{padding:14px;gap:12px}.hb-cv-totals{gap:12px 18px}.hb-project-preview-detail{gap:20px}.hb-project-preview-detail .hb-project-description{font-size:17px}.hb-cv-heading{gap:12px}.hb-cv-avatar{width:48px;height:48px;flex-basis:48px}}

#app #hb-business-results .hb-company-card-meta>span:first-child strong{color:#e51e59!important}
#app #hb-business-results .hb-company-open,#app #hb-business-results .hb-company-open:hover,#app #hb-business-results .hb-company-open:focus{background:transparent!important;border:0!important;box-shadow:none!important;color:#e51e59!important;padding:8px 0;min-height:44px;gap:10px}
#app #hb-business-results .hb-company-open:hover span{text-decoration:underline;text-underline-offset:5px}
#app #hb-business-results .hb-company-open svg{color:#e51e59!important}
#app #hb-business-results .hb-company-cover>.hb-space-category{font-size:12px;font-weight:800;line-height:1.4;padding:6px 10px;border-radius:7px;background:rgba(255,255,255,.72);backdrop-filter:blur(9px) saturate(.85) brightness(1.12);-webkit-backdrop-filter:blur(9px) saturate(.85) brightness(1.12)}

#app #hb-business-results .hb-company-projects .hb-space-excerpt{margin:12px 0 0;padding:0;min-width:0}
.hb-project-preview-detail>.hb-project-description{width:100%;min-width:0}

:is(#app,#modal) .hb-work-company-identity .hb-work-logo{display:inline-flex;width:48px;height:48px;flex:0 0 48px;border-radius:50%;overflow:hidden;align-items:center;justify-content:center}
:is(#app,#modal) .hb-work-company-identity .hb-work-logo :is(img,button,.avatar,.hb-work-logo-placeholder){width:48px!important;height:48px!important;min-width:48px;max-width:48px;min-height:48px;max-height:48px;border-radius:50%!important;object-fit:cover!important;margin:0!important;padding:0!important;flex:none}

/* Application actions follow their icon colour, including nested labels. */
#app .hb-project-public-card .hb-project-applicants,
#app .hb-project-public-card .hb-project-applicants:is(:hover,:focus-visible) {color:#171719!important}
#app .hb-project-public-card .hb-project-applicants :is(span,strong,svg){color:#171719!important}
:is(#app,#modal) .hb-project-public-detail .hb-project-candidates-link,
:is(#app,#modal) .hb-project-public-detail .hb-project-candidates-link:is(:hover,:focus-visible){color:#e51e59!important}
:is(#app,#modal) .hb-project-public-detail .hb-project-candidates-link :is(span,strong,svg){color:#e51e59!important}

/* Project company cards: match business action hover. */
#app .hb-work-company-card :is(.hb-company-card-controls,.hb-company-project-line) > .icon-btn:is(:hover,:focus-visible),
#app .hb-work-company-card :is(.hb-company-card-controls,.hb-company-project-line) > .icon-btn:is(:hover,:focus-visible) svg{
 color:#e51e59!important;
}

/* Billix editorial footer: shared across platform pages. */
#app .hb-platform-footer.hb-footer-columns{
 box-sizing:border-box;width:100%;margin:64px 0 0;padding:64px clamp(24px,4.5vw,88px) 24px;
 background:#192e4e;color:#f7f8fc;border:0;border-radius:32px 32px 0 0;text-align:left;
 container-type:inline-size;
}
#app .hb-footer-columns .hb-footer-layout{display:grid;grid-template-columns:minmax(240px,1.55fr) minmax(130px,.75fr) minmax(170px,1fr) minmax(210px,1.1fr);gap:36px;align-items:start;max-width:1600px;margin:auto}
#app .hb-footer-columns .hb-footer-first{justify-content:flex-start;gap:0}
#app .hb-footer-columns .brand{display:inline-flex;align-items:center;gap:12px;padding:0;margin:0;color:#fff}
#app .hb-footer-columns .brand img{width:42px;height:42px}
#app .hb-footer-columns .hb-wordmark{width:132px;height:auto;--billix-ink:#fff}
#app .hb-footer-columns .hb-wordmark-wrap{display:flex;width:auto}
#app .hb-footer-columns .hb-wordmark g:first-child :is(path,circle){fill:#fff!important}
#app .hb-footer-columns .hb-footer-manifesto{margin:26px 0 14px;font-size:clamp(24px,2.3vw,36px);line-height:1.18;letter-spacing:-.8px;font-weight:800;color:#fff;max-width:340px}
#app .hb-footer-columns .hb-footer-description{margin:0;max-width:320px;font-size:16px;line-height:1.7;color:#c7d1e1}
#app .hb-footer-columns .hb-footer-signature{display:flex;gap:6px;margin-top:24px}
#app .hb-footer-columns .hb-footer-signature i{display:block;width:26px;height:5px;border-radius:5px;background:#e51e59}
#app .hb-footer-columns .hb-footer-signature i:nth-child(2){width:14px;background:#d9e1ed}
#app .hb-footer-columns .hb-footer-signature i:nth-child(3){width:6px;background:#8495af}
#app .hb-footer-columns .hb-footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-width:0}
#app .hb-footer-columns h2{font-size:12px;line-height:1.5;letter-spacing:1.6px;text-transform:uppercase;font-weight:800;color:#9caec8;margin:8px 0 14px}
#app .hb-footer-columns .hb-footer-column :is(a,button){display:inline-flex;align-items:center;gap:10px;background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;margin:0;min-height:28px;width:auto;max-width:100%;color:#f7f8fc;font:inherit;font-size:15px;line-height:1.6;font-weight:600;text-align:left;text-decoration:none;white-space:normal;overflow-wrap:anywhere;cursor:pointer}
#app .hb-footer-columns .hb-footer-legal{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin:0;padding:0;width:100%}
#app .hb-footer-columns .hb-footer-column :is(a,button):hover{color:#e51e59;text-decoration:underline;text-underline-offset:5px}
#app .hb-footer-columns :is(a,button):focus-visible{outline:2px solid #fff;outline-offset:6px;border-radius:3px}
#app .hb-footer-columns .hb-footer-contact p{display:flex;flex-direction:column;gap:5px;margin:12px 0 0;font-size:13px;line-height:1.6;color:#aebdd2;overflow-wrap:anywhere}
#app .hb-footer-columns .hb-footer-contact strong{font-size:14px;color:#dce4f0;font-weight:700}
#app .hb-footer-columns .hb-support-link svg{width:20px;height:20px;flex:none}
#app .hb-footer-columns .hb-footer-bottom{max-width:1600px;margin:48px auto 0;padding-top:22px;border-top:1px solid #ffffff24;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;font-size:12px;line-height:1.6;color:#aebdd2}
#app .hb-footer-columns .hb-footer-bottom a{color:#fff;font-weight:700;text-decoration:none}
#app .hb-footer-columns .hb-footer-bottom a:hover{color:#e51e59}
@container(max-width:1000px){
 #app .hb-footer-columns .hb-footer-layout{grid-template-columns:1fr 1fr;gap:36px 40px}
 #app .hb-footer-columns .hb-footer-brand{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 40px}
 #app .hb-footer-columns .hb-footer-brand .hb-footer-description{grid-column:2;grid-row:1/4;align-self:center;max-width:420px}
 #app .hb-footer-columns .hb-footer-contact{grid-column:1/-1}
}
@container(max-width:480px){
 #app .hb-footer-columns .hb-footer-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px 20px}
 #app .hb-footer-columns .hb-footer-brand{display:block}
 #app .hb-footer-columns .hb-footer-manifesto{font-size:30px;max-width:none}
 #app .hb-footer-columns .hb-footer-description{max-width:360px}
 #app .hb-footer-columns .hb-footer-column :is(a,button){font-size:14px;min-height:32px}
 #app .hb-footer-columns h2{letter-spacing:1px;margin-bottom:6px}
 #app .hb-footer-columns .hb-footer-bottom{margin-top:32px}
}
@media(max-width:650px){#app .hb-platform-footer.hb-footer-columns{margin-top:40px;padding:36px 24px 28px;border-radius:24px 24px 0 0}}

/* Footer branding and support must not inherit light-page colours or SVG sizing. */
#app .hb-footer-columns .brand{width:max-content;justify-content:flex-start;gap:10px;--billix-mark-height:30px}
#app .hb-footer-columns .brand>.hb-wordmark-wrap{flex:none;width:auto;min-width:0;margin:0;padding:0}
#app .hb-footer-columns .brand .hb-wordmark{width:auto;height:30px;max-height:30px;aspect-ratio:600/206}
#app .hb-footer-columns .hb-support-link,#app .hb-footer-columns .hb-support-link :is(span,svg){color:#f7f8fc!important}
#app .hb-footer-columns .hb-support-link:hover,#app .hb-footer-columns .hb-support-link:hover :is(span,svg){color:#e51e59!important;background:transparent}
#app .hb-footer-columns .hb-support-link:hover{text-decoration:none}
#app .hb-footer-columns .hb-support-link:hover span{text-decoration:underline;text-underline-offset:5px}

.hb-guest-files{display:flex;flex-direction:column;gap:12px;min-width:0}.hb-guest-files p{margin:0}.hb-guest-file-row{display:flex;align-items:center;gap:10px;min-width:0}.hb-guest-files input[type=file]{width:100%;min-width:0;max-width:100%;font:inherit}.hb-guest-file-row input{flex:1}.hb-guest-files .icon-btn{align-self:flex-end;flex:none}.hb-guest-avatar-preview:empty{display:none}.hb-guest-avatar-preview img{display:block;width:88px;height:88px;object-fit:cover;border-radius:50%}[data-guest-verification]{padding:20px;background:#f4f4f7;border-radius:16px}[data-guest-verification][hidden]{display:none}

/* Project discovery actions reuse the business card link treatment. */
#app .hb-project-public-card>.hb-space-actions{display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between;gap:8px 14px}
#app .hb-project-public-card>.hb-space-actions>.hb-card-link{flex:0 0 auto;flex-basis:auto;width:auto;min-height:36px;padding:0;border:0;background:none;box-shadow:none;font-size:14px;font-weight:700;line-height:1.4;display:inline-flex;align-items:center;gap:8px}
#app .hb-project-public-card>.hb-space-actions>.hb-card-apply{color:#19191c!important}
#app .hb-project-public-card>.hb-space-actions>.hb-business-open{color:#e51e59!important}
#app .hb-project-public-card>.hb-space-actions>.hb-card-link svg{width:20px;height:20px;flex:none}
#app .hb-project-public-card>.hb-space-actions>.hb-card-apply:hover span{text-decoration:underline;text-underline-offset:5px}
#app .hb-project-public-card>.hb-space-actions>.hb-business-specialists{font-size:12px;line-height:1.4}
#modal .hb-application-avatar .hb-upload-preview:has(img){width:88px!important;height:88px!important;border-radius:50%;overflow:hidden}
#modal .hb-application-avatar .hb-upload-preview img{width:88px!important;height:88px!important;object-fit:cover;border-radius:50%}
#modal .hb-guest-document-slot{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;margin-top:12px}
#modal .hb-guest-document-slot>.hb-documents{grid-column:1/-1;min-width:0}
#modal .hb-guest-document-slot>.hb-documents:empty{display:none}
#modal .hb-guest-document-slot [hidden]{display:none!important}
#modal .hb-guest-document-file{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #e3e3e8;border-radius:14px;background:#fff;min-width:0}
#modal .hb-guest-document-file>span{display:flex;flex-direction:column;gap:5px;min-width:0;overflow-wrap:anywhere}
#modal .hb-guest-document-file small{color:#6b6d77}
#modal .hb-guest-document-file>img{width:32px;height:38px;object-fit:contain;flex:none}

/* Application upload and explanatory text use the shared media components. */
.hb-guest-help .hb-work-note,.hb-guest-help .notice{font-size:15px;line-height:1.55}
.hb-guest-documents .small-note{font-size:14px;line-height:1.5}
.hb-guest-documents [hidden]{display:none!important}
.hb-guest-documents .hb-guest-document-slot{grid-template-columns:minmax(0,1fr) auto;align-items:center}
.hb-guest-documents [data-guest-document-preview]{grid-column:auto}
.hb-guest-document-file strong{font-weight:650;font-size:14px}
.hb-guest-document-file small{font-size:12px}

.hb-op-modal .hb-guest-documents>h3{font-size:16px;line-height:1.4;font-weight:650;margin:0 0 12px}
.hb-op-modal .hb-guest-document-picker{position:relative;display:flex;align-items:center;gap:12px;width:100%;box-sizing:border-box;padding:14px 16px;border:0;border-radius:14px;background:#f5f5f7;color:#526078;cursor:pointer;font-size:14px;line-height:1.5;margin:0}
.hb-op-modal .hb-guest-document-picker strong{font-size:inherit;font-weight:600;color:#202126}
.hb-op-modal .hb-guest-document-picker>svg{width:22px;height:22px;flex:0 0 22px;color:#e51e59}
.hb-op-modal .hb-guest-document-picker input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0}
.hb-op-modal .hb-guest-document-picker:hover{background:#eeeeF2}
.hb-op-modal .hb-guest-document-picker:focus-within{outline:2px solid #e51e59;outline-offset:3px}
.hb-op-modal .hb-guest-document-picker>span{min-width:0}

.hb-op-modal .hb-guest-documents .hb-guest-document-slot{position:relative;display:block}
.hb-op-modal .hb-guest-document-slot .hb-guest-document-file{padding-right:52px}
.hb-op-modal .hb-guest-document-slot [data-guest-remove]{position:absolute;right:10px;top:50%;transform:translateY(-50%);margin:0;width:32px;height:32px;min-width:32px;padding:6px}
.hb-op-modal .hb-guest-document-slot .hb-guest-document-file{display:flex;align-items:center;gap:12px;min-width:0;padding-right:52px}
.hb-op-modal .hb-guest-document-file>span{min-width:0;flex:1;overflow:hidden}
.hb-op-modal .hb-guest-document-file strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal}
.hb-op-modal .hb-guest-document-slot [data-guest-remove]{background:transparent!important;box-shadow:none;border:0;max-width:32px}
.hb-op-modal .hb-guest-document-slot [data-guest-remove]:hover{color:#e51e59}

dialog[data-modal-key="op_sent"] .hb-op-modal .hb-work-note{font-size:15px;line-height:1.65;padding:18px 20px;color:#626570}
dialog[data-modal-key="op_sent"] .hb-op-modal .hb-work-note strong{font-weight:600;color:#202126}
dialog[data-modal-key="op_sent"] .hb-op-modal .hb-work-note>strong:first-child{display:block;margin-bottom:7px}

html{scrollbar-gutter:stable}

.hb-op-modal .hb-candidate-detail-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px 20px;margin-top:18px}
.hb-op-modal .hb-candidate-detail-actions>a,.hb-op-modal .hb-candidate-detail-actions>button,.hb-op-modal .hb-candidate-detail-actions>span{margin:0;flex:0 0 auto}
.hb-op-modal .hb-candidate-detail-actions>.btn{margin-left:auto}
@media(max-width:480px){.hb-op-modal .hb-candidate-detail-actions>.btn{margin-left:0}}

/* Applicant list: identity first, compact actions below. */
dialog[data-modal-key="op_applications"] .hb-project-applicant-header{display:flex;align-items:center;text-align:left;gap:18px;padding:20px}
dialog[data-modal-key="op_applications"] .hb-project-applicant-header .hb-work-logo{width:64px;height:64px;flex:0 0 64px;margin:0}
dialog[data-modal-key="op_applications"] .hb-project-applicant-header h2{font-size:21px;line-height:1.3;margin:0 0 8px}
dialog[data-modal-key="op_applications"] .hb-work-note{font-size:15px;line-height:1.6;padding:16px 18px}
dialog[data-modal-key="op_applications"] .hb-work-controls{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 24px}
dialog[data-modal-key="op_applications"] .hb-work-controls .btn{font-size:14px;padding:10px 14px;min-height:40px}
dialog[data-modal-key="op_applications"] .hb-op-applicants .hb-work-expert-result{display:flex;flex-wrap:wrap;align-items:center;gap:18px;padding:20px}
dialog[data-modal-key="op_applications"] .hb-op-applicants .hb-work-expert-identity{flex:1 0 100%;width:100%;min-width:0;display:flex;align-items:center;gap:16px;text-align:left;margin:0}
dialog[data-modal-key="op_applications"] .hb-work-expert-identity>span{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px}
dialog[data-modal-key="op_applications"] .hb-work-expert-identity small{font-size:14px;line-height:1.5;overflow-wrap:anywhere}
dialog[data-modal-key="op_applications"] .hb-work-expert-identity strong{font-size:18px;line-height:1.4}
dialog[data-modal-key="op_applications"] .hb-work-expert-result>.btn{margin-left:auto;font-size:14px}
@media(max-width:420px){dialog[data-modal-key="op_applications"] .hb-work-expert-result>.btn{margin-left:0}}

.hb-candidate-decisions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-left:auto}
.hb-candidate-decisions details{position:relative}
.hb-candidate-decisions summary{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px;list-style:none}
.hb-candidate-decisions summary::-webkit-details-marker{display:none}
.hb-candidate-decisions summary svg{width:18px;height:18px}
.hb-candidate-decisions details>div{display:flex;flex-direction:column;gap:4px;padding:8px;background:white;border:1px solid #e4e4e9;border-radius:14px;margin-top:6px}
.hb-candidate-decisions details .btn{border:0;background:transparent;text-align:left;font-size:14px;padding:10px 14px;min-height:38px}
.hb-candidate-decisions details .btn:hover{background:var(--hb-button-soft);color:#e51e59;border-color:var(--hb-button-soft-border)}

.hb-op-modal .hb-op-applicants .hb-work-expert-identity{flex:1 1 220px;width:auto}
.hb-candidate-price{margin-left:auto;text-align:right;display:flex;flex-direction:column;gap:5px;max-width:100%;padding:8px 0}
.hb-candidate-price>strong{font-size:26px;line-height:1.2;font-weight:800;color:#151519;letter-spacing:-.5px}
.hb-candidate-price strong span{font-size:15px;font-weight:650;letter-spacing:0}
.hb-candidate-price small{font-size:13px;line-height:1.4;color:#737681}
.hb-candidate-price>span{font-size:14px;color:#737681}
.hb-op-modal .hb-work-expert-result>a,.hb-op-modal .hb-candidate-detail-actions>a{color:#202126!important;font-size:14px;font-weight:600}
.hb-op-modal .hb-work-expert-result>a svg,.hb-op-modal .hb-candidate-detail-actions>a svg{color:inherit}
.hb-op-modal .hb-work-note{font-size:15px;line-height:1.6;color:#686b75}
.hb-op-modal .hb-work-note strong{font-weight:650;color:#202126}
@media(max-width:480px){.hb-candidate-price{flex:1 0 100%;text-align:left;margin-left:0}.hb-candidate-price>strong{font-size:24px}}
dialog[data-modal-key="op_applications"] .hb-op-applicants .hb-work-expert-identity{flex:1 1 220px;width:auto}
dialog[data-modal-key="op_applications"] .hb-op-applicants .hb-candidate-price{flex:0 1 auto}

/* Stack the candidate avatar when the applicant modal is narrow. */
dialog[data-modal-key="op_applications"] .hb-op-applicants{container:hb-applicants / inline-size}
@container hb-applicants (max-width:540px){
 dialog[data-modal-key="op_applications"] .hb-op-applicants .hb-work-expert-identity{flex-direction:column;align-items:flex-start;gap:10px;flex-basis:180px}
 dialog[data-modal-key="op_applications"] .hb-work-expert-identity>span{width:100%;flex:auto}
 dialog[data-modal-key="op_applications"] .hb-op-applicants .hb-work-expert-result{align-items:flex-start;gap:14px}
}
@media(max-width:600px){
 dialog[data-modal-key="op_applications"] .hb-op-applicants .hb-work-expert-identity{flex-direction:column;align-items:flex-start;gap:10px;flex-basis:180px}
 dialog[data-modal-key="op_applications"] .hb-work-expert-identity>span{width:100%;flex:auto}
}

/* Candidate identity, contacts and offer have separate, predictable rows. */
dialog[data-modal-key="op_applications"] .hb-op-applicants .hb-applicant-card{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;padding:22px}
.hb-applicant-heading{display:flex;flex-direction:column;align-items:center;gap:10px;justify-self:center;max-width:100%;border:0;background:transparent;padding:0;color:#202126;cursor:pointer;text-align:center;font:inherit}
.hb-applicant-heading>.avatar{width:64px;height:64px;flex:none;object-fit:cover;border-radius:50%}
.hb-applicant-heading>strong{font-size:19px;line-height:1.3;overflow-wrap:anywhere}
.hb-applicant-heading:hover>strong{text-decoration:underline;text-underline-offset:4px}
.hb-applicant-heading>small{font-size:13px;color:#737681}
.hb-applicant-details{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,.8fr);align-items:start;gap:18px}
.hb-applicant-contact{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.hb-applicant-contact>strong{font-weight:650;color:#454955}
.hb-applicant-contact>small{font-size:13px;color:#737681}
.hb-applicant-contact>.is-attention{color:#e51e59;font-weight:750}
.hb-applicant-card .hb-candidate-price{margin:0;padding:0;text-align:right;min-width:0}
.hb-applicant-card .hb-candidate-price>strong{font-size:24px;overflow-wrap:anywhere}
.hb-applicant-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;min-width:0}
.hb-op-modal .hb-applicant-actions>a{color:#202126!important;font-size:14px;font-weight:600}
.hb-decision-trigger{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;color:#202126;font:inherit;font-size:14px;font-weight:650;padding:8px 0;cursor:pointer}
.hb-decision-trigger svg{width:20px;height:20px;flex-shrink:0}
.hb-decision-trigger:hover{color:#e51e59}
dialog[data-modal-key="op_decision"]{width:min(440px,calc(100vw - 32px));margin:auto}
.hb-decision-person{display:flex;flex-direction:column;align-items:center;gap:12px;margin:0 0 22px}
.hb-decision-person .avatar{width:56px;height:56px;border-radius:50%;object-fit:cover}
.hb-decision-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.hb-decision-options .btn{white-space:normal;font-size:14px;min-width:0;margin:0}
.hb-decision-options .btn[aria-pressed="true"]{color:#e51e59;background:#fff1f3;border-color:#f1c2d7;opacity:1}
@container hb-applicants (max-width:340px){.hb-applicant-details{grid-template-columns:minmax(0,1fr)}.hb-applicant-card .hb-candidate-price{text-align:left}.hb-applicant-actions .hb-candidate-decisions{margin-left:0}}

/* Center candidate actions together, including when they wrap. */
.hb-op-modal .hb-applicant-actions{justify-content:center;align-items:center;gap:12px 24px}
.hb-op-modal .hb-applicant-actions .hb-candidate-decisions{margin-left:0;justify-content:center;align-items:center}
.hb-op-modal .hb-applicant-actions>a{display:inline-flex;align-items:center;gap:8px;margin:0;padding:8px 0;line-height:1.5}
.hb-op-modal .hb-applicant-actions .hb-decision-trigger{line-height:1.5}

/* Applicant card: quiet hierarchy with a dedicated offer panel. */
dialog[data-modal-key="op_applications"] .hb-op-applicants .hb-applicant-card{background:linear-gradient(155deg,#f8f8fa,#f1f2f5);border:1px solid #e5e6eb;border-radius:22px;padding:26px 22px 18px;gap:22px;box-shadow:none}
.hb-applicant-card .hb-applicant-heading{gap:9px}
.hb-applicant-card .hb-applicant-heading>.avatar{width:76px;height:76px;border:4px solid #fff;box-sizing:border-box}
.hb-applicant-card .hb-applicant-heading>strong{font-size:21px;letter-spacing:-.4px;font-weight:750}
.hb-applicant-card .hb-applicant-details{align-items:stretch;gap:18px}
.hb-applicant-card .hb-applicant-contact{padding:12px 0;justify-content:center;gap:8px}
.hb-applicant-card .hb-applicant-contact>strong{font-size:14px;font-weight:650;color:#333743}
.hb-applicant-card .hb-applicant-contact>.is-attention{align-self:flex-start;background:#fff0f2;color:#e51e59;border-radius:8px;padding:4px 9px;font-size:12px;line-height:1.5;margin-top:3px;font-weight:750}
.hb-applicant-card .hb-candidate-price{background:#fff;border:1px solid #e8e9ee;border-radius:16px;padding:15px 12px;justify-content:center;text-align:right;gap:8px}
.hb-applicant-card .hb-candidate-price>small:first-child{font-size:12px;font-weight:600;color:#777c88}
.hb-applicant-card .hb-candidate-price>span{font-size:14px;color:#494e5b;font-weight:600;line-height:1.5}
.hb-applicant-card .hb-candidate-price>strong{font-size:25px;line-height:1.15;letter-spacing:-.6px}
.hb-applicant-card .hb-applicant-actions{border-top:1px solid #e1e3e9;padding-top:14px;gap:10px 22px}
.hb-applicant-card .hb-applicant-actions>a,.hb-applicant-card .hb-decision-trigger{font-size:13px;min-height:38px;box-sizing:border-box}
.hb-applicant-card .hb-applicant-actions>a:hover{color:#e51e59!important}
@container hb-applicants (max-width:340px){
 dialog[data-modal-key="op_applications"] .hb-op-applicants .hb-applicant-card{padding:22px 16px 16px;gap:16px}
 .hb-applicant-card .hb-applicant-contact{padding:0}
 .hb-applicant-card .hb-candidate-price{text-align:left;padding:14px}
}

/* Compact selection guidance, scoped to this explanation. */
#modal .hb-op-modal .hb-work-note.hb-selection-help{font-size:14px;line-height:1.55;font-weight:400;color:#747681;padding:13px 16px;margin:14px 0;border-radius:14px}
#modal .hb-op-modal .hb-selection-help strong{font-size:inherit;font-weight:600;color:#353740}

.hb-avatar-photo-open{cursor:pointer}.hb-avatar-photo-open:focus-visible{outline:2px solid #e51e59;outline-offset:4px}

/* Center project controls and keep balanced two-column wrapping. */
dialog[data-modal-key="op_applications"] .hb-op-modal>.hb-work-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;max-width:480px;margin:18px auto 24px;gap:10px;justify-content:center}
dialog[data-modal-key="op_applications"] .hb-op-modal>.hb-work-controls>.btn{width:100%;min-width:0;margin:0;padding:10px 12px;white-space:normal}
@container(max-width:430px){dialog[data-modal-key="op_applications"] .hb-op-modal>.hb-work-controls{grid-template-columns:repeat(2,minmax(0,1fr));max-width:320px}}
.hb-op-modal .hb-applicant-card .hb-applicant-contact>.is-attention{font-size:18px;font-weight:750;line-height:1.4;padding:5px 10px}
.hb-op-modal .hb-applicant-card .hb-candidate-price{align-items:center;justify-content:center;text-align:center}

/* Candidate details: centered identity and a quiet reading hierarchy. */
.hb-op-modal .hb-candidate-presentation{display:grid;gap:20px}
.hb-candidate-intro{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;min-width:0;padding:4px 0 8px}
.hb-candidate-intro>.avatar{width:80px;height:80px;object-fit:cover;border-radius:50%;margin:0}
.hb-candidate-intro h2{margin:0;font-size:23px;line-height:1.3;color:#19191d;letter-spacing:-.4px}
.hb-candidate-contact-lines{display:flex;flex-direction:column;align-items:center;gap:5px;max-width:100%;font-size:14px;font-weight:650;line-height:1.5;overflow-wrap:anywhere}
.hb-candidate-contact-lines a{color:#24252b;text-decoration:none;max-width:100%}
.hb-candidate-contact-lines a:hover{color:#e51e59}
.hb-candidate-intro .hb-candidate-verification{font-size:12px;line-height:1.4;color:#81838c;font-weight:400;background:transparent;padding:0}
.hb-candidate-message{background:#f5f5f7;border-radius:16px;padding:16px 18px;min-width:0}
.hb-candidate-message>strong{font-size:13px;color:#535661;font-weight:650}
.hb-candidate-message>p{font-size:15px;line-height:1.6;color:#24252b;margin:8px 0 0;overflow-wrap:anywhere}
.hb-candidate-offer-row{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:2px 4px}
.hb-candidate-offer-row>.is-attention{font-size:18px;color:#e51e59}
.hb-candidate-offer-row .hb-candidate-price{margin:0;padding:10px 0;flex:0 1 auto;text-align:right}
.hb-op-modal .hb-candidate-price>span{color:#19191d;font-weight:650}
.hb-candidate-presentation .hb-candidate-detail-actions{border-top:1px solid #e5e6eb;padding-top:14px;display:flex;align-items:center;justify-content:center;gap:12px 24px;flex-wrap:wrap}
.hb-candidate-presentation .hb-candidate-decisions{margin-left:0;justify-content:center}
.hb-op-modal .hb-applicant-card .hb-applicant-contact>.is-attention{background:transparent;padding:0;border-radius:0}

.hb-op-modal .hb-applicant-card .hb-applicant-contact>.is-attention{align-self:flex-start;text-align:left;margin-left:0}

#modal[data-modal-key="op_confirmDecision"]{width:min(400px,calc(100vw - 32px));min-width:0;max-width:calc(100vw - 32px);margin:auto}
#modal[data-modal-key="op_confirmDecision"] .hb-decision-confirm-copy{text-align:center;font-size:15px;line-height:1.5;padding:4px 0 10px}
.hb-decision-confirm-copy p{font-size:14px;color:#747681;margin:10px 0}
.hb-decision-confirm-copy>.is-attention{font-size:18px;color:#e51e59}
#modal[data-modal-key="op_confirmDecision"] .form-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}

.hb-decision-confirm-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0 auto 14px;border-radius:14px;background:#f5f5f7;color:#e51e59}.hb-decision-confirm-icon svg{width:26px;height:26px}

/* Compact candidate message and offer footer, sized by content. */
.hb-candidate-message-icon{display:flex;align-items:center;color:#19191d;width:20px;height:20px;margin-bottom:8px}
.hb-candidate-message-icon svg{width:20px;height:20px;stroke:currentColor}
.hb-op-modal .hb-candidate-presentation{gap:14px}
.hb-op-modal .hb-candidate-offer-row{gap:10px 18px;padding:0 4px;margin:0;min-height:0;align-items:center}
.hb-op-modal .hb-candidate-offer-row .hb-candidate-price{padding:4px 0;margin:0;gap:4px;min-height:0}
.hb-op-modal .hb-candidate-presentation .hb-candidate-detail-actions{margin-top:0;padding-top:10px;gap:8px 22px;min-height:0}
.hb-op-modal .hb-candidate-presentation .hb-candidate-detail-actions>a{margin:0;padding:8px 0}

#app .hb-footer-columns .hb-footer-description{font-size:14px;line-height:1.45;font-weight:650}
#app .hb-footer-columns .hb-footer-bottom{border-top:0;padding-top:0}

#app .auth-story>div>.eyebrow{font-size:clamp(24px,2.3vw,36px);line-height:1.18;letter-spacing:-.8px;font-weight:800;text-transform:none}
#app .auth-story>div>p{font-weight:650;font-size:15px;line-height:1.45}
.hb-portal-files{display:grid;gap:8px;margin:12px 0}.hb-portal-file{display:flex;align-items:center;gap:10px;border:1px solid #e5e6eb;border-radius:12px;padding:12px;background:white;text-align:left;min-width:0;color:#202126}.hb-portal-file svg{width:28px;height:32px;flex-shrink:0}.hb-portal-file span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hb-portal-uploads{display:grid;gap:8px}.hb-portal-upload{position:relative;display:flex;align-items:center;gap:12px;padding:14px;background:var(--hb-button-soft);border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;border-color:var(--hb-button-soft-border)}.hb-portal-upload svg{width:22px;height:22px;color:#e51e59}.hb-portal-upload input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.hb-portal-upload small{display:block;font-weight:400;overflow-wrap:anywhere}.hb-portal-remove{font-size:12px;color:#747681;display:flex;align-items:center;gap:8px;margin-bottom:8px}
.hb-portal-offer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0}.hb-portal-offer .hb-candidate-price{margin:0;text-align:left}.hb-portal-thread{border-top:1px solid #e5e6eb;padding-top:18px;margin-top:18px}.hb-portal-message{padding:14px;background:#f5f5f7;border-radius:14px;margin:10px 0}.hb-portal-message.is-manager{border-left:2px solid #e51e59}.hb-portal-message header{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:13px}.hb-portal-message small{color:#747681;font-size:12px}.hb-portal-message p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.5;margin:8px 0 0}

#app .auth-story>div>p{font-weight:700;line-height:1.35}
#app .hb-footer-columns .hb-footer-description{font-weight:700;line-height:1.35}

/* Auth toolbar retains the desktop flow; mobile places both controls beside the logo. */
.hb-auth-tools{display:contents}
.auth-form-side .hb-auth-tools>.hb-language{align-self:flex-end;margin-bottom:35px}
@media(max-width:650px){
 #app>.auth-layout{position:relative;background:#fff;min-height:0;display:block}
 #app .auth-layout .auth-story{min-height:0;padding:22px 20px 8px;display:block;background:#fff}
 #app .auth-layout .auth-story>.brand{margin:0 120px 20px 0;max-width:calc(100% - 120px);width:138px}
 #app .auth-layout .auth-story>.brand{--billix-mark-height:26px;gap:8px}
 #app .auth-layout .auth-story>.brand>img{width:32px;height:32px}
 #app .auth-layout .auth-story>.brand .hb-wordmark{height:26px;max-height:26px;width:auto}
 #app .auth-story>div>.eyebrow{font-size:13px;font-weight:600;line-height:1.3;letter-spacing:0;color:#77777e;margin:0 0 12px}
 #app .auth-layout .auth-story h1{font-size:27px;line-height:1.12;letter-spacing:-.7px;margin:0 0 10px;max-width:330px}
 #app .auth-story>div>p{font-size:13px;line-height:1.35;font-weight:650;max-width:300px;margin:0}
 #app .auth-layout .auth-story .hero-art{width:116px;max-width:100%;height:auto;aspect-ratio:23/17;margin:14px auto 4px;transform:none}
 #app .auth-layout .auth-form-side{padding:8px 16px 24px;justify-content:flex-start;min-width:0}
 #app .auth-layout .hb-auth-tools{position:absolute;top:20px;right:16px;display:flex;align-items:center;gap:8px;z-index:3}
 #app .auth-layout .hb-auth-tools>.hb-language{width:64px;align-self:auto;margin:0;order:0}
 #app .auth-layout .hb-auth-tools>.language{width:64px;height:40px;min-height:40px;padding:7px;margin:0;order:0;font-size:12px}
 #app .auth-layout .hb-auth-tools .hb-select-trigger{height:40px;min-height:40px;min-width:0;padding:7px 9px;gap:4px;font-size:12px;font-weight:700;border:0;border-radius:12px;background:var(--hb-button-soft);border-color:var(--hb-button-soft-border)}
 #app .auth-layout .hb-auth-tools .hb-select-trigger>svg{width:18px;height:18px;padding:2px}
 #app .auth-layout .hb-auth-tools>.hb-page-back-row{display:flex;order:1;width:auto;min-height:0;margin:0;padding:0;position:static}
 #app .auth-layout .hb-auth-tools .hb-page-back{display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;min-height:40px;padding:9px;margin:0;border:0;border-radius:12px;background:transparent;position:static}
 #app .auth-layout .hb-auth-tools .hb-page-back svg{width:22px;height:22px;stroke-width:1.6}
 #app .auth-layout .hb-auth-tools .hb-page-back:hover{background:#f5f5f7}
 #app .auth-layout .hb-auth-card{padding:20px 18px;border-radius:18px}
 #app .auth-layout .hb-auth-card h2{font-size:22px;line-height:1.2;margin-bottom:20px}
}

@media(max-width:650px){
 #app .auth-layout .hb-auth-links{display:grid;justify-items:center;gap:14px;margin-top:22px}
 #app .auth-layout .hb-auth-links>p{display:flex;justify-content:center;align-items:baseline;flex-wrap:wrap;gap:5px 7px;margin:0;font-size:13px;line-height:1.4;color:#85858d;font-weight:750;text-align:center}
 #app .auth-layout .hb-auth-links>p button{padding:3px 0;border:0;background:none;color:#19191c;font-size:13px;line-height:1.4;font-weight:750}
 #app .auth-layout .hb-auth-links>p button:hover{text-decoration:underline;text-underline-offset:4px}
 #app .auth-layout .hb-auth-links>button{font-size:13px;font-weight:650}
}

/* Compact upload metadata in application forms. */
#modal .hb-op-modal .hb-application-avatar .hb-upload{gap:8px;padding:18px}
#modal .hb-op-modal .hb-application-avatar .hb-upload-hint,
#modal .hb-op-modal .hb-application-avatar .hb-upload-info{display:block;font-size:12px;line-height:1.3;font-weight:500;color:#777982;margin:0;overflow-wrap:anywhere}
#modal .hb-op-modal .hb-application-avatar .hb-upload-info:empty{display:none}
#modal .hb-op-modal .hb-application-avatar .hb-upload-actions{margin:2px 0 4px;gap:10px}
#modal .hb-op-modal .hb-guest-document-slot .hb-guest-document-file{padding-right:48px}
#modal .hb-op-modal .hb-guest-document-file>span{min-width:0;flex:1;overflow:hidden}
#modal .hb-op-modal .hb-guest-document-file strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

#modal .hb-application-sent-copy{display:grid;gap:10px}
#modal .hb-application-sent-copy .hb-work-note{margin:0;padding:14px 16px;background:#f5f5f7;border:0;border-radius:14px;font-size:14px;line-height:1.45;font-weight:400;color:#68686f}
#modal .hb-application-sent-copy .hb-work-note strong{font-size:inherit;font-weight:700;color:#252529}
#modal .hb-application-sent-copy .hb-copy-application-link{justify-self:start;display:inline-flex;align-items:center;gap:8px;min-height:42px;margin:4px 0 0;padding:9px 14px;font-size:14px;font-weight:700;border-radius:10px;color:#19191c}
#modal .hb-copy-application-link svg{width:18px;height:18px;flex:none}
@media(max-width:650px){#modal .hb-application-sent-copy .hb-work-note{padding:12px 14px;font-size:13px;line-height:1.4}}
/* Applicant portal: shared media cards and compact actions. */
#modal .hb-application-portal{display:grid;gap:18px;min-width:0}
#modal .hb-application-portal .hb-portal-project{font-size:14px;font-weight:700;color:#74747c;margin:0;text-align:center}
#modal .hb-application-portal .hb-portal-identity{display:flex;flex-direction:column;align-items:center;gap:7px;background:#f5f5f7;border-radius:18px;padding:20px 16px;margin:0 0 4px;text-align:center}
#modal .hb-portal-avatar-preview{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;overflow:hidden;background:#fff;color:#74747c;font-size:26px;font-weight:700}
#modal .hb-portal-avatar-preview img{width:100%;height:100%;object-fit:cover}
#modal .hb-portal-person{font-size:20px;line-height:1.2;color:#19191c}
#modal .hb-portal-identity>strong:not(.hb-portal-person){font-size:13px}
#modal .hb-portal-photo-actions{display:flex;align-items:center;gap:8px;margin-top:3px}
#modal .hb-portal-photo-pick{position:relative;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:#e51e59;color:#fff;cursor:pointer}
#modal .hb-portal-photo-pick svg{width:22px;height:22px}
#modal .hb-portal-photo-pick input{position:absolute;inset:0;width:100%;height:100%;padding:0;opacity:0;cursor:pointer}
#modal .hb-portal-photo-actions .icon-btn{width:32px;height:32px;min-height:0;padding:7px;color:#e51e59}
#modal .hb-portal-photo-actions .icon-btn[hidden]{display:none}
#modal .hb-portal-photo-hint{font-size:12px;line-height:1.3;color:#777982;overflow-wrap:anywhere;max-width:100%}
#modal .hb-portal-documents{display:grid;gap:10px;min-width:0}
#modal .hb-portal-section-label{font-size:14px;font-weight:700}
#modal .hb-application-portal .hb-portal-upload{margin:0;padding:12px 14px;gap:10px}
#modal .hb-application-portal .hb-portal-upload small{font-size:12px;line-height:1.35;color:#777982;margin:2px 0 0}
#modal .hb-portal-documents .hb-portal-files{display:grid;gap:8px;margin:0;min-width:0}
#modal .hb-portal-documents .hb-portal-files:empty{display:none}
#modal .hb-portal-document{position:relative;min-width:0}
#modal .hb-portal-document[hidden]{display:none}
#modal .hb-portal-document .hb-portal-file{width:100%;min-width:0;padding:12px 46px 12px 12px;gap:10px}
#modal .hb-portal-file .hb-file-type-icon{width:28px;height:34px;object-fit:contain;flex:none}
#modal .hb-portal-file>span{min-width:0;flex:1}
#modal .hb-portal-file strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:1.35;font-weight:650}
#modal .hb-portal-file small{display:block;font-size:11px;color:#777982;margin-top:3px;line-height:1.3}
#modal .hb-portal-document .hb-portal-file-remove{position:absolute;top:50%;right:8px;transform:translateY(-50%);width:30px;height:30px;min-height:0;padding:6px;background:transparent;color:#68686f}
#modal .hb-application-portal .hb-portal-offer{margin:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border:1px solid #e5e6eb;border-radius:16px}
#modal .hb-application-portal .hb-portal-offer .btn{min-height:40px;padding:8px 12px;font-size:13px}
#modal .hb-application-portal .hb-portal-thread{margin:0;padding:18px 0 0}
#modal .hb-portal-thread-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
#modal .hb-portal-thread-heading h3{font-size:15px;line-height:1.3;margin:0}
#modal .hb-portal-thread-heading .btn{font-size:13px;min-height:40px;padding:8px 12px}
#modal .hb-portal-empty{font-size:13px;line-height:1.4;color:#777982;margin:0 0 14px;background:#f5f5f7;padding:12px 14px;border-radius:12px}
#modal .hb-application-portal form{gap:14px}
#modal .hb-application-portal textarea{min-height:90px}
@media(max-width:450px){#modal .hb-application-portal .hb-portal-offer{flex-wrap:wrap}#modal .hb-portal-thread-heading{gap:8px}}

#modal .hb-portal-document .hb-portal-file-remove{background:#f3f3f5;border-radius:9px;color:#68686f}
#modal .hb-portal-photo-actions .icon-btn{background:var(--hb-button-soft);border-radius:9px;color:#68686f;border-color:var(--hb-button-soft-border)}
#modal .hb-portal-document.is-removed .hb-portal-file{opacity:.45;background:#f5f5f7}
#modal .hb-portal-document.is-removed .hb-portal-file strong{text-decoration:line-through}
#modal .hb-portal-document.is-removed .hb-portal-file-remove{color:#19191c;background:#eaeaed}
#modal .hb-portal-avatar-preview.is-removed{opacity:.35;filter:grayscale(1)}

#modal .hb-portal-avatar-preview[hidden]{display:none}
#modal .hb-portal-document.is-removed .hb-portal-file{display:none}
#modal .hb-portal-document.is-removed{min-height:34px;display:flex;justify-content:flex-end;align-items:center}
#modal .hb-portal-document.is-removed .hb-portal-file-remove{position:static;transform:none}

#modal .hb-current-application-offer{display:grid;gap:4px;padding:14px 16px;margin:12px 0 18px;border-radius:14px;background:#f5f5f7}
#modal .hb-current-application-offer small,#modal .hb-current-application-offer>span{font-size:12px;line-height:1.3;color:#777982}
#modal .hb-current-application-offer strong{font-size:20px;line-height:1.25;font-weight:750;color:#19191c}

/* One shared auth header, on desktop and mobile. */
#app .auth-layout{grid-template-rows:auto 1fr}
#app .auth-layout .hb-auth-header{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:40px 5.5% 24px;background:#fff}
#app .auth-layout .hb-auth-header>.brand{margin:0;flex:none}
#app .auth-layout .hb-auth-header .hb-auth-tools{display:flex;position:static;align-items:center;gap:0}
#app .auth-layout .hb-auth-header .hb-language,#app .auth-layout .hb-auth-header .language{margin:0;align-self:center}
#app .auth-layout .hb-page-back-row{display:none}
#app .auth-layout .auth-story{min-height:0;justify-content:center;padding-top:54px}
#app .auth-layout .auth-story>div>.eyebrow{font-size:12px;line-height:1.35;letter-spacing:1.5px;text-transform:uppercase;font-weight:650;color:#85858d;margin:0 0 22px}
#app .auth-layout .auth-story h1{margin-top:0}
#app .auth-layout .hb-auth-links>p{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:5px 7px;font-size:15px;line-height:1.4;color:#85858d;font-weight:750;text-align:center}
#app .auth-layout .hb-auth-links>p button{font-size:inherit;line-height:inherit;font-weight:750;color:#19191c;padding:3px 0;border:0;background:none}
@media(max-width:650px){
 #app .auth-layout .hb-auth-header{padding:20px 20px 18px;gap:16px}
 #app .auth-layout .hb-auth-header>.brand{--billix-mark-height:26px;gap:8px}
 #app .auth-layout .hb-auth-header>.brand>img{width:32px;height:32px}
 #app .auth-layout .hb-auth-header .hb-language{width:64px}
 #app .auth-layout .hb-auth-header .hb-select-trigger{min-height:38px;height:38px;font-size:12px}
 #app .auth-layout .auth-story{padding-top:12px}
 #app .auth-layout .auth-story>div>.eyebrow{font-size:11px;letter-spacing:1.2px;line-height:1.35;margin-bottom:12px}
 #app .auth-layout .hb-auth-links>p{font-size:13px}
}

#modal .hb-application-portal .hb-portal-upload input[type=file],
#modal .hb-application-portal .hb-portal-photo-pick input[type=file]{display:none!important}
#modal .hb-portal-file-remove svg,#modal .hb-portal-photo-actions .icon-btn svg{width:19px;height:19px}

#hb-discovery-form .btn.hb-discovery-source{background:#192e4e;color:#fff;border-color:#192e4e}

.auth-story .hb-auth-billing{display:flex;flex-direction:column;gap:3px;margin:16px 0 0;max-width:430px;line-height:1.35;font-size:14px;color:#696970;font-weight:650}
.auth-story .hb-auth-billing strong{color:#19191c;font-weight:750}
.auth-story .hb-auth-billing small{font-size:12px;color:#85858d;font-weight:600}
@media(max-width:650px){.auth-story .hb-auth-billing{font-size:12px;margin-top:12px;gap:2px}.auth-story .hb-auth-billing small{font-size:11px}}

/* Stable support header order on every entry point and nested return. */
#modal[data-modal-key="contactSupport"]>.modal-head,#modal:has(#hb-support-form)>.modal-head{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap}
#modal[data-modal-key="contactSupport"]>.modal-head>h2,#modal:has(#hb-support-form)>.modal-head>h2{order:0;flex:1;min-width:0}
#modal[data-modal-key="contactSupport"]>.modal-head>.hb-whatsapp-contact,#modal:has(#hb-support-form)>.modal-head>.hb-whatsapp-contact{order:1;flex-shrink:0}
#modal[data-modal-key="contactSupport"]>.modal-head>[data-action="close"],#modal:has(#hb-support-form)>.modal-head>[data-action="close"]{order:2;flex-shrink:0;margin-left:0}

/* More compact desktop footer with a quieter brand statement. */
@media(min-width:651px){#app .hb-platform-footer.hb-footer-columns{padding:46px clamp(28px,4vw,72px) 24px}}
@container(min-width:561px){
 #app .hb-footer-columns .hb-footer-manifesto{font-size:23px;line-height:1.16;letter-spacing:-.45px;margin:18px 0 10px;max-width:290px}
 #app .hb-footer-columns .hb-footer-description{font-size:13px;line-height:1.4;max-width:300px}
 #app .hb-footer-columns .hb-footer-signature{margin-top:16px}
 #app .hb-footer-columns .hb-footer-column,#app .hb-footer-columns .hb-footer-legal{gap:8px}
 #app .hb-footer-columns h2{margin:4px 0 10px;line-height:1.35;font-size:11px;letter-spacing:1.3px}
 #app .hb-footer-columns .hb-footer-column :is(a,button){font-size:14px;font-weight:700;line-height:1.4;min-height:28px}
 #app .hb-footer-columns .hb-footer-bottom{margin-top:30px;gap:8px 24px;justify-content:center;line-height:1.4}
}
@container(min-width:1001px){
 #app .hb-footer-columns .hb-footer-layout{grid-template-columns:minmax(240px,1.4fr) minmax(130px,.7fr) minmax(180px,1fr) minmax(170px,.85fr);gap:clamp(24px,3vw,44px);max-width:1280px;align-items:start}
 #app .hb-footer-columns .hb-footer-bottom{max-width:1280px}
}

/* Balanced intermediate layout: centered brand, paired navigation, centered contact. */
@container(min-width:561px) and (max-width:1000px){
 #app .hb-footer-columns .hb-footer-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 32px;max-width:720px;align-items:start}
 #app .hb-footer-columns .hb-footer-brand{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:0;text-align:center}
 #app .hb-footer-columns .hb-footer-first{display:flex;justify-content:center;width:100%}
 #app .hb-footer-columns .brand{justify-content:center;margin-inline:auto}
 #app .hb-footer-columns .hb-footer-manifesto{max-width:none;text-align:center;margin:16px 0 10px}
 #app .hb-footer-columns .hb-footer-brand .hb-footer-description{grid-column:auto;grid-row:auto;max-width:390px;text-align:center;align-self:center}
 #app .hb-footer-columns .hb-footer-signature{justify-content:center;margin-top:14px}
 #app .hb-footer-columns .hb-footer-column,#app .hb-footer-columns .hb-footer-legal{align-items:center;text-align:center;gap:8px}
 #app .hb-footer-columns .hb-footer-column :is(a,button){justify-content:center;text-align:center}
 #app .hb-footer-columns .hb-footer-column h2{margin:0 0 8px;min-height:30px;display:flex;align-items:center;justify-content:center}
 #app .hb-footer-columns .hb-footer-contact{grid-column:1/-1;align-items:center;text-align:center}
 #app .hb-footer-columns .hb-footer-contact h2{min-height:0;margin-bottom:4px}
 #app .hb-footer-columns .hb-footer-bottom{margin-top:24px;justify-content:center}
}

/* Compact centered footer on mobile and narrow containers. */
@container(max-width:560px){
 #app .hb-footer-columns .hb-footer-layout{grid-template-columns:minmax(0,1fr);gap:24px;text-align:center}
 #app .hb-footer-columns .hb-footer-brand{display:flex;flex-direction:column;align-items:center;gap:0;grid-column:1/-1;min-width:0}
 #app .hb-footer-columns .hb-footer-first{display:flex;justify-content:center;width:100%}
 #app .hb-footer-columns .brand{justify-content:center;margin-inline:auto}
 #app .hb-footer-columns .hb-footer-manifesto{font-size:26px;line-height:1.12;letter-spacing:-.6px;margin:18px 0 10px;max-width:100%;text-align:center}
 #app .hb-footer-columns .hb-footer-brand .hb-footer-description{grid-column:auto;grid-row:auto;max-width:330px;font-size:13px;line-height:1.35;text-align:center;margin:0}
 #app .hb-footer-columns .hb-footer-signature{justify-content:center;margin-top:14px}
 #app .hb-footer-columns .hb-footer-column,#app .hb-footer-columns .hb-footer-legal{align-items:center;gap:4px;text-align:center;width:100%;grid-column:1/-1}
 #app .hb-footer-columns .hb-footer-column h2{margin:0 0 6px;font-size:11px;line-height:1.3;letter-spacing:1.1px}
 #app .hb-footer-columns .hb-footer-column :is(a,button){justify-content:center;text-align:center;font-size:14px;font-weight:700;line-height:1.3;min-height:32px;padding:4px 0}
 #app .hb-footer-columns .hb-footer-bottom{flex-direction:column;justify-content:center;align-items:center;gap:4px;margin-top:24px;padding-top:0;text-align:center;font-size:11px;line-height:1.4}
}
@media(max-width:650px){
 #app .hb-footer-columns .hb-footer-layout{grid-template-columns:minmax(0,1fr);gap:24px;text-align:center}
 #app .hb-footer-columns .hb-footer-brand{display:flex;flex-direction:column;align-items:center;gap:0;grid-column:1/-1;min-width:0}
 #app .hb-footer-columns .hb-footer-first{display:flex;justify-content:center;width:100%}
 #app .hb-footer-columns .brand{justify-content:center;margin-inline:auto}
 #app .hb-footer-columns .hb-footer-manifesto{font-size:26px;line-height:1.12;letter-spacing:-.6px;margin:18px 0 10px;max-width:100%;text-align:center}
 #app .hb-footer-columns .hb-footer-brand .hb-footer-description{grid-column:auto;grid-row:auto;max-width:330px;font-size:13px;line-height:1.35;text-align:center;margin:0}
 #app .hb-footer-columns .hb-footer-signature{justify-content:center;margin-top:14px}
 #app .hb-footer-columns .hb-footer-column,#app .hb-footer-columns .hb-footer-legal{align-items:center;gap:4px;text-align:center;width:100%;grid-column:1/-1}
 #app .hb-footer-columns .hb-footer-column h2{margin:0 0 6px;font-size:11px;line-height:1.3;letter-spacing:1.1px}
 #app .hb-footer-columns .hb-footer-column :is(a,button){justify-content:center;text-align:center;font-size:14px;font-weight:700;line-height:1.3;min-height:32px;padding:4px 0}
 #app .hb-footer-columns .hb-footer-bottom{flex-direction:column;justify-content:center;align-items:center;gap:4px;margin-top:24px;padding-top:0;text-align:center;font-size:11px;line-height:1.4}

 #app .hb-platform-footer.hb-footer-columns{padding:30px 22px 22px}
}

/* Application portal: consistent actions and compact centered mobile sections. */
#modal .hb-portal-withdraw{display:flex;justify-content:center;margin-top:4px}
#modal .hb-portal-withdraw-link{appearance:none;background:transparent;border:0;box-shadow:none;color:#e51e59;font:inherit;font-size:13px;font-weight:700;line-height:1.4;padding:10px 8px;min-height:40px;cursor:pointer;text-align:center}
#modal .hb-portal-withdraw-link:hover{text-decoration:underline;text-underline-offset:3px}
#modal .hb-portal-withdraw-link:focus-visible{outline:2px solid #e51e59;outline-offset:3px;border-radius:4px}
#modal .hb-portal-withdraw-link:disabled{opacity:.5;cursor:wait}
@media(max-width:650px){
 #modal .hb-application-portal .hb-portal-offer{flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}
 #modal .hb-application-portal .hb-portal-offer .hb-candidate-price{text-align:center}
 #modal .hb-portal-thread-heading{flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center}
 #modal .hb-portal-thread-heading h3{text-align:center}
}

/* Today: full-width explanation, clear business identity, responsive actions. */
#app .hb-today-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 24px}
#app .hb-today-heading .hb-heading-business{color:#151519;font-weight:800}
#app .hb-today-heading .hb-today-scope{grid-column:1/-1;max-width:none;width:100%;margin:0;line-height:1.4}
#app .hb-today-heading .hb-work-entry-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}
@media(max-width:900px){
 #app .hb-today-heading{grid-template-columns:minmax(0,1fr);gap:12px;text-align:center}
 #app .hb-today-heading .hb-work-entry-actions{grid-row:3;justify-content:center}
 #app .hb-today-heading .hb-today-scope{grid-row:2;max-width:600px;justify-self:center;font-size:14px;line-height:1.4}
 #app .hb-today-heading .hb-heading-business{margin-top:6px}
}
@media(max-width:450px){#app .hb-today-heading .hb-work-entry-actions{flex-direction:column;align-items:stretch;width:100%}}

#modal .hb-applicant-status-filter{width:100%;max-width:360px;margin:20px auto 12px}#modal .hb-applicant-status-filter .field{margin:0}

/* Candidate footer actions stay centered for every optional-document combination. */
#modal .hb-op-modal .hb-candidate-detail-actions,#modal .hb-op-modal .hb-applicant-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 22px}
#modal .hb-op-modal .hb-candidate-detail-actions>*,#modal .hb-op-modal .hb-applicant-actions>*{margin-left:0;margin-right:0;flex:0 1 auto;max-width:100%}
#modal .hb-op-modal .hb-candidate-detail-actions .hb-candidate-decisions,#modal .hb-op-modal .hb-applicant-actions .hb-candidate-decisions{margin-left:0;margin-right:0;justify-content:center;flex-wrap:wrap}

/* Project applications page, using the platform's card and pocket vocabulary. */
.hb-applicant-board{width:100%;min-width:0}
.hb-applicant-board-header{display:flex;align-items:center;gap:20px;margin-bottom:22px}
.hb-applicant-board-header .hb-work-logo{width:76px;height:76px;flex-shrink:0}
.hb-applicant-board-header h2{font-size:26px;line-height:1.2;margin:0 0 8px}
.hb-applicant-board-header p{color:#737784;margin:0;font-size:14px;font-weight:600}
.hb-applicant-board .hb-work-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:18px 0}
.hb-applicant-board-help{color:#737784;font-size:14px;line-height:1.5;text-align:center;margin:16px auto 24px;max-width:800px}
.hb-applicant-pockets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:start}
.hb-applicant-pocket{background:#f3f4f7;border:1px solid #e5e6eb;border-radius:22px;padding:16px;min-width:0;margin-bottom:20px}
.hb-applicant-pocket>header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 16px}
.hb-applicant-pocket h2{font-size:17px;margin:0;font-weight:750}
.hb-applicant-pocket>header>span{border-radius:20px;background:#fff;padding:5px 10px;font-weight:750;font-size:13px;color:#192e4e}
.hb-applicant-pocket[data-applicant-pocket=selected]{border-top:3px solid #192e4e}
.hb-applicant-pocket[data-applicant-pocket=shortlisted]{border-top:3px solid #e51e59}
.hb-applicant-pocket.is-inbox .hb-applicant-pocket-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:16px}
.hb-applicant-board-card{border-radius:18px;background:white;border:1px solid #e5e6eb;padding:20px 16px;margin:0 0 14px;min-width:0;box-shadow:0 6px 20px #192e4e06}
.hb-applicant-board-person{display:flex;flex-direction:column;align-items:center;gap:9px;width:100%;border:0;background:none;color:#151519;cursor:pointer}
.hb-applicant-board-person .avatar{height:72px;width:72px;object-fit:cover;border-radius:50%}
.hb-applicant-board-person strong{font-size:19px;font-weight:800;overflow-wrap:anywhere}
.hb-applicant-board-person span,.hb-applicant-board-contact{font-size:13px;color:#737784;text-align:center;overflow-wrap:anywhere;line-height:1.4;margin:8px 0}
.hb-applicant-board .hb-candidate-price{text-align:center;margin:16px 0;display:flex;flex-direction:column;gap:5px}
.hb-applicant-board-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px}
.hb-applicant-board-actions .btn{font-size:13px;padding:9px 12px;min-height:40px}
.hb-pocket-empty{text-align:center;color:#737784;font-size:13px;line-height:1.5;padding:20px 8px}
.hb-applicant-pocket.is-drop-target{outline:2px solid #e51e59;outline-offset:3px}
.hb-applicant-board-card.is-dragging{opacity:.45}
.hb-applicant-pocket>[data-applicant-more]{display:block;margin:12px auto 0}
#modal .hb-portal-self-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;background:#f5f5f7;border-radius:18px;padding:24px 48px;text-align:center}
#modal .hb-portal-self-card>.icon-btn{position:absolute;right:12px;top:12px}
@media(max-width:1300px){.hb-applicant-pockets{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.hb-applicant-pockets{grid-template-columns:minmax(0,1fr)}.hb-applicant-board-header{flex-direction:column;text-align:center;gap:12px}.hb-applicant-board-header h2{font-size:22px}.hb-applicant-pocket{padding:14px}.hb-applicant-board .hb-work-controls .btn{flex:1 1 140px}}

/* Applicant solitaire: compact spines and one fully visible card per pocket. */
#app .hb-applicant-board .hb-applicant-board-header{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:14px;padding:0;margin:0 0 24px;border:0}
#app .hb-applicant-board-header .hb-work-logo{display:flex;width:88px;height:88px;border-radius:50%;overflow:hidden;flex:none;background:#f3f4f7}
#app .hb-applicant-board-header .hb-work-logo img{width:100%;height:100%;object-fit:cover;border-radius:50%}
#app .hb-applicant-board-header>div{margin:0;text-align:left;width:auto}
#app .hb-applicant-board-header h2{font-size:28px;letter-spacing:-.7px;margin:0 0 6px}
#app .hb-applicant-board-help{max-width:none;width:100%;font-size:14px;line-height:1.45;margin:16px 0 26px;text-wrap:pretty}
#app .hb-applicant-pockets{align-items:stretch;gap:20px}
#app .hb-applicant-pocket{background:#f3f4f7;border:1px solid #e2e5ec;border-top:3px solid #aab4c4;padding:18px;border-radius:22px;min-width:0}
#app .hb-applicant-pocket[data-applicant-pocket=selected]{border-top-color:#192e4e}
#app .hb-applicant-pocket[data-applicant-pocket=shortlisted]{border-top-color:#e51e59}
#app .hb-applicant-pocket>header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0;gap:8px;min-height:36px;margin:0 0 18px}
#app .hb-applicant-pocket>header h2{font-size:16px;letter-spacing:-.3px}
#app .hb-applicant-pocket-cards,#app .hb-applicant-pocket.is-inbox .hb-applicant-pocket-cards{display:flex;flex-direction:column;gap:0;max-width:400px;margin:0 auto}
#app .hb-applicant-pocket.is-inbox{max-width:440px;margin-left:auto;margin-right:auto;width:100%}
#app .hb-applicant-board-card{padding:0;margin:0;border:1px solid #dce2ea;border-top:3px solid #192e4e;border-radius:16px;overflow:hidden;box-shadow:0 8px 22px #192e4e0a;background:white;position:relative}
#app .hb-applicant-board-card+.hb-applicant-board-card{margin-top:-6px}
#app .hb-applicant-board-card.is-front{z-index:1;box-shadow:0 12px 28px #192e4e10}
#app .hb-applicant-spine{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:12px 16px;background:#fff;border:0;color:#192e4e;font:inherit;font-size:13px;font-weight:750;text-align:left;cursor:pointer}
#app .hb-applicant-spine span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#app .hb-applicant-spine svg{width:18px;height:18px;flex-shrink:0}
#app .is-front>.hb-applicant-spine{background:#f9fafc;border-bottom:1px solid #edf0f4}
#app .is-front>.hb-applicant-spine svg{transform:rotate(180deg)}
#app .hb-applicant-card-body{padding:20px 16px 16px}
#app .hb-applicant-card-body[hidden]{display:none}
#app .hb-applicant-board-person .avatar{width:76px;height:76px;border:4px solid #f3f4f7}
#app .hb-applicant-board-person strong{font-size:21px;color:#151519;letter-spacing:-.5px}
#app .hb-applicant-contact-block{margin:16px 0;padding:12px 0;border-top:1px solid #edf0f4;border-bottom:1px solid #edf0f4}
#app .hb-applicant-board-contact{display:flex;align-items:center;justify-content:center;gap:7px;color:#30343d;font-size:12px;font-weight:650;margin:6px 0}
#app .hb-applicant-board-contact svg{height:15px;width:15px;flex-shrink:0;color:#737784}
#app .hb-applicant-offer-block{background:#f5f6f9;border-radius:12px;padding:14px 8px;min-height:95px;display:flex;align-items:center;justify-content:center}
#app .hb-applicant-offer-block .hb-candidate-price{margin:0;gap:6px}
#app .hb-applicant-offer-block .hb-candidate-price>strong{font-size:26px;letter-spacing:-.7px;color:#151519}
#app .hb-applicant-board-actions{display:grid;grid-template-columns:1fr;gap:9px;margin-top:16px}
#app .hb-applicant-board-actions>.btn{width:100%;min-height:42px;font-size:13px;font-weight:750;border-radius:10px;justify-content:center}
#app .hb-applicant-board-actions>.btn:not(.secondary){background:#e51e59;border-color:#e51e59;color:white}
#app .hb-applicant-board-actions>.btn.secondary{background:white;color:#192e4e;border-color:#dce2ea}
#app .hb-pocket-empty{min-height:120px;display:flex;align-items:center;justify-content:center;margin:0}
@media(max-width:650px){#app .hb-applicant-board .hb-applicant-board-header{align-items:center;text-align:center}#app .hb-applicant-board-header>div{text-align:center}#app .hb-applicant-board-header h2{font-size:24px}#app .hb-applicant-board-help{font-size:13px;line-height:1.45}#app .hb-applicant-pocket{width:100%;max-width:440px;margin-inline:auto}}
/* Shared pocket proportions: centered rows, compact readable cards. */
#app .hb-applicant-board-header .hb-project-board-avatar{display:block;width:124px;height:124px;min-width:124px;aspect-ratio:1;object-fit:cover;border-radius:50%;padding:0;margin:0;border:0;box-shadow:none;background:transparent}
#app .hb-applicant-pockets{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:16px}
#app .hb-applicant-pockets>.hb-applicant-pocket{flex:0 1 calc((100% - 64px)/5);max-width:340px;min-width:0;margin:0}
#app .hb-applicant-pocket{padding:12px;border:1px solid #e2e8f1;border-radius:20px;background:linear-gradient(145deg,#fff,#f1f4f9);box-shadow:none}
#app .hb-applicant-pocket>header{padding:10px;border-radius:12px;background:linear-gradient(120deg,#f1f5fa,#e8eef6);min-height:48px;margin-bottom:12px}
#app .hb-applicant-pocket>header h2{font-size:18px;font-weight:800;color:#192e4e}
#app .hb-applicant-pocket-cards{width:100%;max-width:320px;isolation:isolate}
#app .hb-applicant-board-card{border-top-width:3px;border-radius:14px;box-shadow:0 5px 14px #192e4e0b}
#app .hb-applicant-board-card.is-folded{height:42px;min-height:42px;overflow:hidden;flex-shrink:0}
#app .hb-applicant-board-card+.hb-applicant-board-card{margin-top:-7px}
#app .hb-applicant-board-card.is-front{z-index:2;box-shadow:0 12px 22px #192e4e1a;animation:hb-applicant-rise .18s ease-out}
#app .hb-applicant-spine{min-height:40px;padding:8px 11px;font-size:14px;background:#fff;border:0}
#app .is-front>.hb-applicant-spine{border:0;background:#fff}
#app .hb-applicant-card-body{padding:8px 12px 13px}
#app .hb-applicant-board-person{gap:6px}
#app .hb-applicant-board-person .avatar{width:56px;height:56px;border:0}
#app .hb-applicant-board-person strong{font-size:20px}
#app .hb-applicant-contact-block{border:0;margin:10px 0;padding:0}
#app .hb-applicant-board-contact{font-size:14px;font-weight:650;margin:5px 0;line-height:1.3}
#app .hb-applicant-board-contact span{min-width:0;overflow-wrap:anywhere}
#app .hb-applicant-offer-block{min-height:0;padding:10px 6px;background:#f4f5f8}
#app .hb-applicant-offer-block .hb-candidate-price>small{font-size:13px}
#app .hb-applicant-offer-block .hb-candidate-price>span{font-size:15px;font-weight:750}
#app .hb-applicant-offer-block .hb-candidate-price>strong{font-size:25px;overflow-wrap:anywhere}
#app .hb-applicant-board-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px}
#app .hb-applicant-board-actions>.btn{font-size:14px;min-height:40px;padding:8px 4px;min-width:0;white-space:normal;overflow-wrap:anywhere}
#app .hb-pocket-empty{min-height:64px;border:1px dashed #d9e1ee;border-radius:12px;padding:14px 8px;font-size:14px;font-weight:650}
.hb-invoice-register .hb-vault-months{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:20px;max-width:1120px;margin-inline:auto}
.hb-invoice-register .hb-vault-months>.hb-vault-month-block{flex:0 1 calc((100% - 40px)/3);min-width:0;max-width:360px}
.hb-invoice-register .hb-vault-month-block .hb-vault-pair.hb-board{max-width:320px;margin-inline:auto}
.hb-board .hb-board-grid{justify-content:center}
@keyframes hb-applicant-rise{from{transform:translateY(-8px);opacity:.8}to{transform:translateY(0);opacity:1}}
@media(max-width:1450px){#app .hb-applicant-pockets>.hb-applicant-pocket{flex-basis:calc((100% - 32px)/3)}}
@media(max-width:1000px){#app .hb-applicant-pockets>.hb-applicant-pocket{flex-basis:calc((100% - 16px)/2)}.hb-invoice-register .hb-vault-months>.hb-vault-month-block{flex-basis:calc((100% - 20px)/2)}}
@media(max-width:700px){.hb-invoice-register .hb-vault-months>.hb-vault-month-block{flex-basis:100%}.hb-invoice-register .hb-vault-month-block>summary{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center}.hb-invoice-register .hb-vault-month-block>summary>.hb-vault-month-title{justify-content:center;text-align:center}.hb-invoice-register .hb-vault-month-block>summary>.hb-vault-switch{margin:0}.hb-vault-toolbar,.hb-board-toolbar,.hb-board-head{flex-direction:column;align-items:center;text-align:center;gap:12px}}
@media(max-width:650px){#app .hb-applicant-pockets>.hb-applicant-pocket{flex-basis:100%;max-width:360px}#app .hb-applicant-board .hb-work-controls{max-width:440px;margin-inline:auto}#app .hb-applicant-board-header .hb-project-board-avatar{width:112px;height:112px;min-width:112px}}
@media(prefers-reduced-motion:reduce){#app .hb-applicant-board-card.is-front{animation:none}}
@media(min-width:1001px){.hb-board .hb-board-grid:has(>.hb-board-column:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,360px));justify-content:center}}

/* Full cards overlap in the same grid cell; only covered controls are inert. */
#app .hb-applicant-pocket{--pocket-accent:#657b9a;border-top:5px solid var(--pocket-accent)}
#app .hb-applicant-pocket[data-applicant-pocket=shortlisted]{--pocket-accent:#e51e59;border-top-color:var(--pocket-accent)}
#app .hb-applicant-pocket[data-applicant-pocket=selected]{--pocket-accent:#192e4e;border-top-color:var(--pocket-accent)}
#app .hb-applicant-pocket[data-applicant-pocket=rejected]{--pocket-accent:#915871}
#app .hb-applicant-pocket[data-applicant-pocket=reconsidered]{--pocket-accent:#7044b5}
#app .hb-applicant-pocket[data-applicant-pocket=withdrawn]{--pocket-accent:#838b98}
#app .hb-applicant-pocket-cards,#app .hb-applicant-pocket.is-inbox .hb-applicant-pocket-cards{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;isolation:isolate}
#app .hb-applicant-pocket-cards>.hb-applicant-board-card{grid-area:1/1;align-self:start;margin:calc(var(--applicant-layer,0)*42px) 0 0;z-index:var(--applicant-layer,0);height:auto;min-height:0;overflow:hidden;border-top-color:var(--pocket-accent);background:#fff}
#app .hb-applicant-pocket-cards>.hb-applicant-board-card.is-folded{height:auto;min-height:0;box-shadow:0 7px 16px #192e4e14}
#app .hb-applicant-pocket-cards>.hb-applicant-board-card.is-front{z-index:100;box-shadow:0 14px 26px #192e4e24}
#app .hb-applicant-pocket-cards>.hb-applicant-board-card .hb-applicant-card-body{display:block}
#app .hb-applicant-board-card[draggable=true]{cursor:grab}
#app .hb-applicant-board-card.is-dragging{opacity:.25;cursor:grabbing}

/* Candidate presentation and selected decision */
#app:has(.hb-applicant-board) h1{text-align:center;width:100%}
#app .hb-applicant-board .hb-applicant-board-header{align-items:center;justify-content:center;text-align:center}
#app .hb-applicant-board-header>div{text-align:center}
#app .hb-applicant-board-help{font-weight:700;text-align:center}
#modal .hb-decision-options .btn[aria-pressed="true"]{background:#192e4e;border-color:#192e4e;color:#fff;opacity:1}
#modal .hb-candidate-contact-lines{max-width:100%;min-width:0}
#modal .hb-candidate-contact-lines a{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;max-width:100%;white-space:nowrap}
#modal .hb-candidate-contact-lines a svg{width:18px;height:18px;flex-shrink:0}
#modal .hb-candidate-contact-lines a span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#app .hb-applicant-board-person>span{font-size:16px;font-weight:700;line-height:1.3;overflow-wrap:anywhere}
#app .hb-applicant-board-card.is-front{z-index:100000}

#app .hb-applicant-pocket-cards>.hb-applicant-board-card.is-front{z-index:100000}
#app .hb-applicant-drag-preview{height:auto!important;max-height:none!important;opacity:1!important;animation:none!important}
#app .hb-applicant-drag-preview .hb-applicant-card-body{display:block!important}

/* Status colors shared by pocket, stack and the opaque dragged card. */
#app .hb-applicant-pocket[data-applicant-pocket=shortlisted]{--pocket-accent:#7044b5}
#app .hb-applicant-pocket[data-applicant-pocket=selected]{--pocket-accent:#229775}
#app .hb-applicant-pocket[data-applicant-pocket=rejected]{--pocket-accent:#e51e59}
#app .hb-applicant-pocket[data-applicant-pocket=reconsidered]{--pocket-accent:#915871}
#app .hb-applicant-board .hb-applicant-offer-block{margin-top:18px}
#app .hb-applicant-drag-preview{background:#fff!important;border-top:3px solid var(--pocket-accent);box-shadow:0 18px 36px #192e4e40!important;pointer-events:none!important;contain:layout paint}

/* Keep every stack offset stable, including the newly foregrounded card. */
#app .hb-applicant-pocket-cards>.hb-applicant-board-card{margin-top:calc(var(--applicant-layer,0)*42px)!important;transform:none!important;animation:none!important}
#app .hb-applicant-spine{touch-action:none;user-select:none}
#app .hb-applicant-pocket-cards>.hb-applicant-board-card.is-folded .hb-applicant-card-body{visibility:hidden}

#app .hb-community:has(.hb-applicant-board)>.heading{display:flex;justify-content:center;text-align:center}
#app .hb-community:has(.hb-applicant-board)>.heading>div{width:100%;text-align:center}
#app:has(.hb-applicant-board) .hb-main-workspace{display:none}

.hb-project-deadline{font-size:14px;line-height:1.5;white-space:normal}.hb-project-public-card>.hb-project-deadline{margin:0;padding:0 20px 14px}.hb-project-expired{display:block;color:#e51e59;font-weight:700}

/* Match the established Today stack: exposed headers followed by the full front card. */
#app .hb-applicant-pocket-cards,#app .hb-applicant-pocket.is-inbox .hb-applicant-pocket-cards{display:flex;flex-direction:column;gap:0}
#app .hb-applicant-pocket-cards>.hb-applicant-board-card{margin:0!important;flex:none;position:relative;transform:none!important}
#app .hb-applicant-pocket-cards>.hb-applicant-board-card+.hb-applicant-board-card{margin-top:-8px!important}
#app .hb-applicant-pocket-cards>.hb-applicant-board-card.is-folded{height:50px;min-height:50px;max-height:50px;overflow:hidden}
#app .hb-applicant-pocket-cards>.hb-applicant-board-card.is-front{height:auto;max-height:none}
.hb-project-deadline{background:#f4f4f6;border-radius:14px;padding:14px 18px;text-align:center}
.hb-project-deadline strong{color:#e51e59;font-weight:800}
.hb-project-public-card>.hb-project-deadline{padding:14px 16px;margin:0 20px 16px}
#app .hb-applicant-board-header .hb-project-deadline{margin:14px auto 0;max-width:440px;font-size:15px}

/* One Billix notification surface for success and errors. */
#toast,#toast.is-error{background:#192e4e!important;color:#fff!important;border:0!important;border-left:3px solid #e51e59!important;box-shadow:0 10px 28px #192e4e30!important}
#toast strong,#toast.is-error strong,#toast p,#toast small,#toast .hb-toast-action{color:#fff!important}
#toast>svg,#toast.is-error>svg,#toast .hb-toast-action>svg{color:#fff!important}
#toast img{filter:brightness(0) invert(1)}

/* Stacked applicant cards fill the pocket at every breakpoint. */
#app .hb-applicant-pocket-cards,#app .hb-applicant-pocket.is-inbox .hb-applicant-pocket-cards{align-items:stretch;width:100%;min-width:0}
#app .hb-applicant-pocket-cards>.hb-applicant-board-card{width:100%;max-width:none;min-width:0;box-sizing:border-box;align-self:stretch}
#app .hb-applicant-pocket-cards>.hb-pocket-empty{width:100%;box-sizing:border-box;align-self:stretch}

/* Full, overlapping cards: removing the foreground exposes the complete next card. */
#app .hb-applicant-pocket-cards,#app .hb-applicant-pocket.is-inbox .hb-applicant-pocket-cards{display:grid;grid-template-columns:minmax(0,1fr);align-items:start}
#app .hb-applicant-pocket-cards>.hb-applicant-board-card,#app .hb-applicant-pocket-cards>.hb-applicant-board-card+.hb-applicant-board-card{grid-area:1/1;margin:var(--applicant-offset,0px) 0 0!important;align-self:start;height:auto;min-height:0;max-height:none;z-index:var(--applicant-layer,0)}
#app .hb-applicant-pocket-cards>.hb-applicant-board-card.is-folded{height:auto;min-height:0;max-height:none}
#app .hb-applicant-pocket-cards>.hb-applicant-board-card.is-folded .hb-applicant-card-body{visibility:visible;display:block}
#app .hb-applicant-pocket-cards>.hb-applicant-board-card.is-front{z-index:100000}
#app .hb-applicant-pocket.is-drop-target{outline:none!important;box-shadow:none!important}

/* Compact spacing around the project application deadline. */
#app #hb-directory-results .hb-project-public-card>.hb-space-copy{padding-bottom:10px}
#app .hb-project-public-card .hb-space-excerpt{margin-bottom:0}
#app .hb-project-public-card>.hb-project-deadline{margin-top:0;margin-bottom:6px;padding:10px 14px}
#app #hb-directory-results .hb-project-public-card>.hb-space-actions{margin-top:0;padding-top:6px;padding-bottom:12px}

#app .hb-applicant-spine{min-height:58px;align-items:center}
#app .hb-applicant-spine-identity{display:flex;flex-direction:column;gap:4px;min-width:0;text-align:left}
#app .hb-applicant-spine-identity strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#app .hb-applicant-spine-identity small{font-size:11px;font-weight:500;color:#65758d;line-height:1.3}
#app .hb-applicant-spine-identity time{font-weight:700}

.hb-project-deadline .hb-project-deadline-label{color:#171719;font-weight:700}

.hb-project-days-left{display:block;margin-top:3px;font-size:12px;line-height:1.4;font-weight:700;color:#7b7e86}

/* Stack geometry is measured from full cards; every preceding header remains exposed. */
#app .hb-applicant-pocket-cards,#app .hb-applicant-pocket.is-inbox .hb-applicant-pocket-cards{display:flex;flex-direction:column;align-items:stretch;gap:0;max-width:none}
#app .hb-applicant-pocket-cards>.hb-applicant-board-card{flex:none;width:100%;position:relative;grid-area:auto;height:auto;max-height:none;min-height:0;align-self:stretch}
#app .hb-applicant-pocket-cards>.hb-applicant-board-card.is-folded{height:auto;max-height:none;min-height:0}
#app .hb-applicant-spine{min-height:64px}
#app .hb-applicant-pocket[data-applicant-pocket=reconsidered]{--pocket-accent:#287bc1;border-top-color:#287bc1}

/* Use the same intrinsic-height stack as Today and the invoice vault. */
#app .hb-applicant-pocket-cards,#app .hb-applicant-pocket.is-inbox .hb-applicant-pocket-cards{display:flex;flex-direction:column;align-items:stretch;gap:0;isolation:isolate;width:100%;max-width:none}
#app .hb-applicant-pocket-cards>.hb-applicant-board-card{grid-area:auto;position:relative;flex:none;margin:0!important;width:100%;min-width:0;max-width:none;height:auto;min-height:0;max-height:none;z-index:auto!important}
#app .hb-applicant-pocket-cards>.hb-applicant-board-card+.hb-applicant-board-card{margin-top:-8px!important}
#app .hb-applicant-pocket-cards>.hb-applicant-board-card.is-folded{height:auto;min-height:0;max-height:none}
#app .hb-applicant-pocket-cards>.hb-applicant-board-card .hb-applicant-card-body[hidden]{display:none!important}
#app .hb-applicant-pocket-cards>.hb-applicant-board-card.is-front{z-index:1!important}

#app .hb-applicant-pocket>header>span{display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;min-width:30px;min-height:30px;padding:4px 9px;box-sizing:border-box;border-radius:9px;flex:0 0 auto;line-height:1.2;white-space:nowrap;font-variant-numeric:tabular-nums;background:#fff}

#app .hb-applicant-spine{display:flex;gap:10px}#app .hb-applicant-spine-identity{flex:1}#app .hb-applicant-order{font-size:14px;line-height:1.4;font-weight:700;color:#171719;flex:none;white-space:nowrap}

/* Name and order number share the card header; full text remains in details. */
#app .hb-applicant-spine{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;align-items:start;position:relative}
#app .hb-applicant-spine-identity{grid-column:1;grid-row:1;min-width:0;overflow:hidden}
#app .hb-applicant-order{grid-column:2;grid-row:1;font-size:14px;text-align:right}
#app .hb-applicant-spine>svg{position:absolute;right:12px;bottom:9px;width:13px;height:13px}
#app .hb-applicant-spine-identity strong,#app .hb-applicant-spine-identity small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#app .hb-applicant-board-person{min-width:0;width:100%;max-width:100%;overflow:hidden}
#app .hb-applicant-board-person>strong,#app .hb-applicant-board-person>span{display:block;min-width:0;width:100%;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal}

.hb-cv-viewer-actions{display:flex;justify-content:flex-end;margin-bottom:10px}.hb-cv-viewer-actions svg{width:24px;height:24px}.hb-cv-preview-frame{width:100%;height:65vh;border:0;border-radius:12px;background:#f4f4f6}

#app .hb-applicant-board-person>span{margin:0}
#app .hb-applicant-board .hb-applicant-offer-block{margin-top:12px}
#app .hb-applicant-pocket-cards>.hb-applicant-board-card{overflow:visible}
#app .hb-applicant-board-actions{position:relative;overflow:visible}
#modal .hb-candidate-detail-actions,#modal .hb-portal-offer,#modal .hb-portal-thread-heading{overflow:visible}
#modal .hb-candidate-detail-actions .hb-portfolio-link{padding:10px 12px;border-radius:10px;display:inline-flex;align-items:center;gap:8px}
#toast strong svg [fill="#19191c"]{fill:#fff}

/* CV uses the Billix surface, without the browser PDF toolbar. */
#modal[open]:has(.hb-cv-viewer){position:fixed!important;inset:0!important;margin:0!important;width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;padding:12px 18px!important;border:0!important;border-radius:0!important;resize:none!important;overflow:hidden!important;box-sizing:border-box;display:flex;flex-direction:column;gap:8px}
#modal[open]:has(.hb-cv-viewer)>.modal-head{flex:none;margin:0!important;padding:0!important;min-height:44px}
#modal[open]:has(.hb-cv-viewer)>.modal-head h2{font-size:24px;margin:0}
#modal .hb-cv-viewer{display:flex;flex-direction:column;flex:1;min-height:0}
#modal .hb-cv-viewer-actions{flex:none;margin:0;height:38px}
#modal .hb-cv-pages{overflow:auto;flex:1;min-height:0;background:#e8edf3;padding:16px;overscroll-behavior:contain}
.hb-cv-sheet{width:100%;max-width:1100px;min-height:200px;aspect-ratio:210/297;margin:0 auto 16px;background:white;box-shadow:0 2px 8px #192e4e20}
.hb-cv-sheet canvas{display:block;width:100%;height:auto}
#modal .hb-candidate-offer-row>strong,#modal .hb-decision-confirm-copy>.is-attention{font-size:22px!important;font-weight:800!important;color:#e51e59!important}
.hb-applicant-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;flex-wrap:wrap}.hb-applicant-meta>strong{font-size:28px;font-weight:850;color:#171719}.hb-applicant-meta>small{font-size:14px;color:#718096;font-weight:600}
#app .hb-applicant-spine{padding-bottom:27px;min-height:84px}
#app .hb-applicant-history-link{position:absolute;top:57px;left:12px;font-size:11px;line-height:18px;color:#718096;text-decoration:none;z-index:2}
#app .hb-applicant-history-link:hover{text-decoration:underline;color:#192e4e}
.hb-application-history article{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid #e4e8ef}.hb-application-history time{color:#718096;font-size:13px}

#app .hb-applicant-board-card .hb-applicant-spine{border-radius:14px 14px 0 0;background:transparent!important}
#app .hb-applicant-board-card .hb-applicant-card-body{border-radius:0 0 16px 16px;background:transparent!important}

/* Rounded accent stays attached to the card, including its frozen drag copy. */
#app .hb-applicant-pocket-cards>.hb-applicant-board-card{border-radius:18px;background:#fff;background-clip:padding-box}
#app .hb-applicant-board-card>.hb-applicant-spine{border-radius:15px 15px 0 0!important;background:transparent!important}
#app .hb-applicant-board-card>.hb-applicant-card-body{border-radius:0 0 17px 17px!important;background:transparent!important}

/* Keep CV controls on a single compact strip. */
#modal[open]:has(.hb-cv-viewer){padding:6px 10px 10px!important;gap:4px}
#modal[open]:has(.hb-cv-viewer)>.modal-head{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;min-height:36px!important;height:36px!important}
#modal[open]:has(.hb-cv-viewer)>.modal-head>.icon-btn{position:static!important;margin:0!important;transform:none!important;inset:auto!important;width:36px!important;height:36px!important;padding:7px!important}
#toast .hb-wordmark g:first-child :is(path,circle),#toast.is-error .hb-wordmark g:first-child :is(path,circle){fill:#fff!important}
.hb-applicant-touch-target{z-index:2147483001!important;pointer-events:none!important}
.hb-today-heading .hb-heading-business{letter-spacing:normal!important;word-spacing:normal!important;line-height:1.5!important;font-weight:650!important;font-size:18px!important}
[data-live-stats]>.stat{min-height:0!important;padding:18px 20px!important;gap:10px!important}
[data-live-stats]>.stat>strong{font-size:30px!important;line-height:1.2!important;margin:10px 0 0!important}
.hb-visit-summary>button{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;min-height:0!important;height:auto!important;padding:16px!important;text-align:left}
.hb-visit-summary>button>strong{color:#19191c!important;font-size:22px!important;line-height:1.2!important;font-weight:800!important;margin:0!important;position:static!important;flex:none}
.hb-visit-summary>button>span{flex:1;font-size:15px;line-height:1.4}
.hb-visit-summary>button>svg{flex:none;width:18px}

.hb-visit-summary>button>strong{width:auto!important;text-align:left!important}

/* Dashboard summary labels match the bold black counts. */
.hb-visit-summary>button>span{color:#19191c!important;font-weight:700!important}
.hb-visit-summary>button>span>.hb-summary-scope{font-weight:400;color:#65758d}

/* Large CV glass modal: floating controls, no header band. */
#modal[open]:has(.hb-cv-viewer){inset:8px!important;margin:auto!important;width:calc(100vw - 16px)!important;height:calc(100dvh - 16px)!important;padding:0!important;gap:0!important;border-radius:18px!important;background:rgba(255,255,255,.36)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 14px 50px #192e4e26!important}
#modal[open]:has(.hb-cv-viewer)>.modal-head{position:absolute!important;top:10px!important;right:14px!important;z-index:5;width:auto!important;background:transparent!important;border:0!important}
#modal[open]:has(.hb-cv-viewer)>.modal-head>.icon-btn{color:#111!important;background:rgba(255,255,255,.82)!important;border:0!important;border-radius:50%!important;backdrop-filter:blur(8px)}
#modal[open]:has(.hb-cv-viewer)>.modal-head>.icon-btn svg{color:#111!important}
#modal[open]:has(.hb-cv-viewer) .hb-cv-pages{background:transparent!important;padding:12px 64px!important}
#modal[open]:has(.hb-cv-viewer) .hb-cv-sheet{background:#fff}
@media(max-width:600px){#modal[open]:has(.hb-cv-viewer) .hb-cv-pages{padding:54px 8px 8px!important}}

/* CV overlay reaches the viewport edges; controls occupy opposite sides. */
#modal[open]:has(.hb-cv-viewer){inset:0!important;margin:0!important;width:100vw!important;height:100dvh!important;border-radius:0!important;border:0!important;max-width:none!important;max-height:none!important}
#modal[open]:has(.hb-cv-viewer)>.modal-head{left:14px!important;right:14px!important;top:10px!important;width:auto!important;justify-content:space-between!important;pointer-events:none}
#modal[open]:has(.hb-cv-viewer)>.modal-head>.icon-btn{pointer-events:auto}
#modal[open]:has(.hb-cv-viewer)>.modal-head>a[download]{order:0!important;margin-right:auto!important}
#modal[open]:has(.hb-cv-viewer)>.modal-head>[data-action="close"]{order:1!important;margin-left:auto!important}

/* The CV owns its fixed controls; never use the generic scrolling close slot. */
#modal[open]:has(.hb-cv-viewer)>.modal-head>.hb-close-slot{display:none!important}
#modal[open]:has(.hb-cv-viewer)>.modal-head{display:flex!important;box-sizing:border-box!important;max-width:none!important;overflow:visible!important;transform:none!important}
#modal[open]:has(.hb-cv-viewer)>.modal-head>.icon-btn{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 44px!important;width:44px!important;height:44px!important;opacity:1!important;visibility:visible!important;translate:none!important;position:static!important}
#modal[open]:has(.hb-cv-viewer)>.modal-head>[data-action="close"]{margin-left:auto!important;margin-right:0!important;color:#111!important;z-index:6}
#modal[open]:has(.hb-cv-viewer)>.modal-head>[data-action="close"] svg{display:block!important;width:24px!important;height:24px!important;stroke:currentColor!important}

.hb-directory-switches .hb-directory-switch{font-size:18px;font-weight:800;line-height:1.4;padding:6px 0}
@media(max-width:600px){.hb-directory-switches .hb-directory-switch{font-size:16px}}

#modal[data-modal-key="op_actionHistory"] .hb-applicant-meta>strong{color:#e51e59}

/* Full cards overlap; the rear card exposes a straight-cut top strip. */
#app .hb-applicant-pocket-cards>.hb-applicant-board-card.is-folded{height:auto!important;max-height:none!important}
#app .hb-applicant-pocket-cards>.hb-applicant-board-card .hb-applicant-card-body{display:block!important;visibility:visible!important}
#app .hb-applicant-pocket-cards>.hb-applicant-board-card+.hb-applicant-board-card{margin-top:0!important}
#app .hb-applicant-board-card>.hb-applicant-spine>svg{display:none!important}

/* Keep application metadata below the exposed 42px card spine. */
#app .hb-applicant-board-card .hb-applicant-spine-identity small{margin-top:18px;line-height:16px}
#app .hb-applicant-board-card>.hb-applicant-history-link{top:66px;line-height:16px}
#app .hb-applicant-board-card>.hb-applicant-spine{min-height:92px;padding-bottom:24px}

#app .hb-applicant-board-card.is-folded .hb-applicant-spine-identity small,#app .hb-applicant-board-card.is-folded>.hb-applicant-history-link{visibility:hidden}

#app [data-applicant-index]{height:260px;max-height:35dvh;overflow:auto;touch-action:pan-y;overscroll-behavior:contain;width:100%}
#app [data-applicant-index]>.hb-vault-index-item{height:52px;box-sizing:border-box;width:100%;display:flex;gap:10px;align-items:center;padding:10px 12px}
#app [data-applicant-index]>.hb-vault-index-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
#app .hb-applicant-preview{width:100%;margin-top:10px}
#app .hb-applicant-preview>.hb-applicant-board-card{width:100%;max-width:none;margin:0}

/* Pocket lists scroll without visible scrollbar chrome. */
.hb-vault-index,[data-applicant-index],[data-fp-index],[data-vault-index]{scrollbar-width:none!important;-ms-overflow-style:none}
.hb-vault-index::-webkit-scrollbar,[data-applicant-index]::-webkit-scrollbar,[data-fp-index]::-webkit-scrollbar,[data-vault-index]::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}

.hb-portal-account{margin:16px 0;padding:16px;background:#f4f4f6;border-radius:14px}.hb-portal-account p{color:#747987;font-size:14px;font-weight:700;line-height:1.5;margin:0 0 12px}.hb-document-image{display:block;max-width:100%;height:auto;margin:auto}

#modal .hb-cv-viewer>.notice{margin:64px 24px 24px;color:#747987;font-weight:600}

/* Keep specialist actions readable in all supported languages. */
#app .person-card .hb-specialist-presentation-actions{flex-wrap:wrap;gap:8px 12px;min-width:0;max-width:100%}
#app .person-card .hb-specialist-presentation-link,
#app .hb-team-grid .hb-person-actions>.hb-specialist-compact-action,
#app .person-card>.hb-service-lifecycle>.btn,
#app .person-card .hb-portfolio-link{min-width:0;max-width:100%;height:auto;white-space:normal;overflow-wrap:anywhere;line-height:1.4;text-align:center}
#app .person-card .hb-person-actions{flex-wrap:wrap;min-width:0;max-width:100%}
#app .person-card .hb-person-actions svg,#app .person-card .hb-portfolio-link svg{flex-shrink:0}
[data-cv-key]>.hb-cv-link{display:flex;flex:0 0 auto;order:100;align-self:center;justify-self:center;justify-content:center;width:fit-content;max-width:100%;margin:12px auto 0;gap:8px;white-space:normal;text-align:center;box-sizing:border-box}
.hb-cv-link>.hb-cv-link-label{min-width:0;overflow-wrap:anywhere}
.hb-cv-link>strong{flex-shrink:0;margin:0;text-decoration:none!important}
.hb-cv-link:hover>.hb-cv-link-label,.hb-cv-link:focus-visible>.hb-cv-link-label{text-decoration:underline;text-underline-offset:4px}
.hb-cv-totals{justify-content:center;align-items:center;text-align:center}
.hb-cv-totals>span{max-width:100%;overflow-wrap:anywhere}

/* One map-link presentation for addresses across business and project cards. */
.hb-space-copy .hb-person-location,.hb-company-card .hb-person-location,.hb-address-fact .hb-person-location{width:100%;min-width:0;text-align:left}
.hb-address-fact .hb-person-location>p{margin:0}
.hb-location-map-link{max-width:100%;min-width:0;box-sizing:border-box}
.hb-location-map-link>span{min-width:0;overflow-wrap:anywhere}
.hb-location-map-link>svg{flex-shrink:0;color:#e51e59}
.hb-location-map-link>span>strong{font-weight:700}

.hb-portal-messages{max-height:min(55dvh,520px);min-height:100px;overflow-y:auto;overscroll-behavior:contain;overflow-anchor:none;scrollbar-width:none;padding:2px 4px}
.hb-portal-messages::-webkit-scrollbar{display:none}
.hb-portal-message.is-mine{border-left:2px solid #e51e59}
.hb-thread-author{display:flex;align-items:center;gap:10px;min-width:0}
.hb-thread-author>span:last-child{display:flex;flex-direction:column;min-width:0;overflow-wrap:anywhere}
.hb-thread-avatar{display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;border-radius:50%;padding:0;border:0;background:#e8edf3;color:#1a304e;font-weight:700;overflow:hidden}
button.hb-thread-avatar{cursor:pointer}.hb-thread-avatar img{width:100%;height:100%;object-fit:cover}.hb-portal-message time{color:#747681;font-size:12px}
.hb-portal-messages[aria-busy=true]::before{content:'';display:block;height:4px;background:linear-gradient(90deg,#e9edf2,#cdd8e6,#e9edf2);border-radius:4px}

/* Scroll remains available by touch, wheel and keyboard, without visible rails. */
html,body,#app,#app *,#modal,#modal *{scrollbar-width:none}
html::-webkit-scrollbar,body::-webkit-scrollbar,#app::-webkit-scrollbar,#app *::-webkit-scrollbar,#modal::-webkit-scrollbar,#modal *::-webkit-scrollbar{display:none}

#modal .hb-portal-self-card>strong:first-of-type,#modal .hb-portal-identity>.hb-portal-person{font-size:30px!important;font-weight:800;line-height:1.2;overflow-wrap:anywhere}
#modal .hb-portal-self-card>strong:nth-of-type(2),#modal .hb-portal-identity>strong:not(.hb-portal-person){font-size:24px!important;font-weight:800;color:#e51e59!important;line-height:1.3}

#modal[open][data-modal-key="op_conversation"]{display:flex!important;flex-direction:column;height:min(850px,calc(100dvh - 24px));max-height:calc(100dvh - 24px)!important;overflow:hidden!important;box-sizing:border-box}
#modal[data-modal-key="op_conversation"]>.modal-head{flex:0 0 auto}
#modal[data-modal-key="op_conversation"]>.hb-op-modal,#modal[data-modal-key="op_conversation"] .hb-application-portal{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}
#modal[data-modal-key="op_conversation"] .hb-portal-project{margin:4px 0 10px;flex:none}
#modal[data-modal-key="op_conversation"] .hb-thread-candidate-name{flex:none;margin-bottom:10px}
#modal[data-modal-key="op_conversation"] .hb-portal-thread{display:flex;flex-direction:column;flex:1;min-height:0;margin:0;padding-top:10px}
#modal[data-modal-key="op_conversation"] .hb-portal-messages{flex:1;min-height:0;max-height:none;overflow-y:auto;touch-action:pan-y}
.hb-thread-compose{flex:none;gap:8px!important;padding-top:10px;margin:0!important}
.hb-thread-compose label{margin:0!important}.hb-thread-compose textarea{min-height:60px!important;height:72px;max-height:120px;resize:vertical}
.hb-thread-compose>.btn{align-self:flex-end;margin:0;min-height:44px;background:#1a2e4d;color:white}
.hb-thread-compose>.error:empty{display:none}
.hb-candidate-documents{display:grid;gap:10px;width:100%;margin:16px 0}
.hb-candidate-documents h3{margin:0;font-size:16px}.hb-candidate-document{display:flex;align-items:center;gap:10px;padding:12px;border:0;border-radius:12px;background:#f4f4f6;color:inherit;text-align:left;font:inherit;cursor:pointer;min-width:0}
.hb-candidate-document>span{min-width:0;overflow-wrap:anywhere}.hb-candidate-document>svg{width:24px;flex-shrink:0}
@media(max-height:500px){#modal[open][data-modal-key="op_conversation"]{padding:12px!important;height:calc(100dvh - 8px);max-height:calc(100dvh - 8px)!important}.hb-thread-compose textarea{height:48px;min-height:48px!important}}

.hb-person-location .hb-location-map-link:not(:has(small)){gap:8px;align-items:flex-start}
.hb-location-map-link:not(:has(small))>svg{width:18px;height:18px;margin-top:2px}
.hb-location-map-link:not(:has(small))>span>strong{line-height:22px}

/* Compact card metadata and application attachments. */
[data-cv-key]>.hb-cv-link,.person-card>.hb-cv-link{display:flex;order:100;align-self:center;justify-self:center;width:fit-content;max-width:100%;margin:2px auto 0;padding:4px 8px;font-size:13px;font-weight:700;line-height:20px;gap:8px;text-align:center}
.hb-cv-link>strong{margin:0;text-decoration:none!important}
.hb-op-modal .hb-candidate-presentation>.hb-candidate-documents{margin:0;gap:8px}
.hb-op-modal .hb-candidate-presentation .hb-candidate-detail-actions{border-top:0;padding-top:0;margin-top:0}

/* Let the candidate scroll back from the conversation to the application. */
#modal[data-modal-key="op_portal"]{overflow-y:auto!important;touch-action:pan-y;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}
#modal[data-modal-key="op_portal"] .hb-portal-messages{overscroll-behavior-y:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch}
#modal[data-modal-key="op_conversation"] .hb-portal-messages{-webkit-overflow-scrolling:touch}
.hb-thread-project-link{border:0;padding:0;background:none;font:inherit;font-weight:700;color:inherit;text-align:left;cursor:pointer}
.hb-thread-project-link:hover,.hb-thread-project-link:focus-visible{text-decoration:underline;text-underline-offset:3px}

#modal[data-modal-key="op_portal"] .hb-portal-messages{max-height:none;overflow:visible;min-height:0}

/* One identity card: photo controls replace its front without duplicating it. */
#modal .hb-portal-self-card[hidden],#modal .hb-portal-photo-back[hidden]{display:none!important}
#modal .hb-portal-photo-back{position:relative;min-height:220px;box-sizing:border-box}
.hb-portal-photo-return{position:absolute;top:14px;right:14px}
.hb-portal-photo-reset{position:absolute;bottom:14px;right:14px}
.hb-portal-photo-return svg,.hb-portal-photo-reset svg{width:22px;height:22px}

/* Compact conversation and candidate portal, with the close control retained. */
#modal:is([data-modal-key="op_conversation"],[data-modal-key="op_portal"])>.modal-head{height:28px;min-height:28px;margin:0 0 6px;padding:0;flex:0 0 28px}
#modal:is([data-modal-key="op_conversation"],[data-modal-key="op_portal"])>.modal-head h2{display:none}
#modal[data-modal-key="op_conversation"] .hb-portal-thread{border:0;padding:0;margin:0;gap:8px}
#modal .hb-application-portal .hb-portal-project{color:#17181c;font-size:18px;line-height:1.3}
#modal .hb-application-portal .hb-portal-offer{min-width:0;min-height:0;gap:12px;padding:14px;flex-wrap:wrap}
#modal .hb-portal-offer>.btn{position:static!important;transform:none!important;max-width:100%;margin:0;white-space:normal;box-sizing:border-box}
@media(max-width:600px){
 #modal .hb-application-portal{gap:12px}
 #modal .hb-application-portal .hb-portal-offer{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
 #modal .hb-portal-offer .hb-candidate-price{margin:0;padding:0;text-align:center}
 #modal .hb-project-public-detail{gap:14px;min-width:0}
 #modal .hb-project-public-detail>.hb-space-category{margin:0;text-align:center;width:100%;font-size:15px}
 #modal .hb-project-public-detail .hb-detail-title{justify-content:center;text-align:center;margin:0;gap:8px}
 #modal .hb-project-public-detail .hb-detail-title h1{font-size:28px;line-height:1.15;margin:0;overflow-wrap:anywhere}
 #modal .hb-project-public-detail .hb-work-company-identity{justify-content:center;text-align:center;margin:0;gap:10px}
 #modal .hb-project-public-detail .hb-project-summary{padding:14px;text-align:center;gap:10px}
 #modal .hb-project-public-detail .hb-project-summary p{margin:6px 0}
 #modal .hb-project-public-detail .hb-space-public-actions:empty{display:none}
}

/* Candidate details start with application metadata, keeping close accessible. */
#modal[data-modal-key="op_candidate"]:has(.hb-candidate-presentation)>.modal-head{height:28px;min-height:28px;margin:0 0 6px;padding:0}
#modal[data-modal-key="op_candidate"]:has(.hb-candidate-presentation)>.modal-head h2{display:none}

/* Keep close on the right even when a modal heading is hidden. */
#modal>.modal-head>[data-action="close"]{margin-left:auto;margin-right:0;flex-shrink:0;justify-self:end}

/* Balanced deadline and application count, including narrow mobile dialogs. */
#modal .hb-project-public-detail .hb-project-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:16px;padding:20px;background:#f4f4f6;border-radius:18px;text-align:center}
#modal .hb-project-summary>.hb-project-deadline{display:flex;flex-direction:column;align-items:center;gap:4px;margin:0;padding:0;background:none;border-radius:0;min-width:0}
#modal .hb-project-summary .hb-project-deadline-label{font-size:13px;line-height:1.4;color:#6c707b;font-weight:600}
#modal .hb-project-summary .hb-project-deadline>strong{font-size:19px;line-height:1.3;color:#17181c;font-weight:800}
#modal .hb-project-summary .hb-project-days-left{margin:0;font-size:12px;line-height:1.4;color:#737b88}
#modal .hb-project-summary>.hb-project-application-count{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;margin:0;padding:0;min-width:0}
#modal .hb-project-application-count>strong{font-size:26px;line-height:1.15;color:#17181c;font-weight:800}
#modal .hb-project-application-count>span{font-size:13px;line-height:1.4;color:#6c707b;font-weight:600;overflow-wrap:anywhere}
@media(max-width:420px){#modal .hb-project-public-detail .hb-project-summary{grid-template-columns:minmax(0,1fr);gap:14px;padding:16px}#modal .hb-project-summary>.hb-project-application-count{flex-direction:row;gap:7px}#modal .hb-project-application-count>strong{font-size:20px}}

#modal[data-modal-key="op_createAccount"] .hb-modal-explanation{font-weight:600;color:#656773;line-height:1.5}
#modal[data-modal-key="op_createAccount"] input[readonly]{background:#f5f5f7;color:#41434b;font-weight:700;cursor:default}
#modal .hb-application-portal{container-type:inline-size}
@container(max-width:480px){
 #modal .hb-application-portal .hb-portal-offer{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:12px!important;padding:16px!important;min-height:0!important;height:auto!important;text-align:center}
 #modal .hb-application-portal .hb-portal-offer .hb-candidate-price{width:100%;flex:none;margin:0!important;padding:0!important;text-align:center!important}
 #modal .hb-application-portal .hb-portal-offer>.btn{position:static!important;align-self:center!important;flex:none;float:none;inset:auto!important;transform:none!important;margin:0!important;max-width:100%}
}

#modal .hb-portal-project-open{border:0;background:none;padding:0;font:inherit;cursor:pointer;width:100%}#modal .hb-portal-project-open:hover,#modal .hb-portal-project-open:focus-visible{text-decoration:underline;text-underline-offset:4px}

/* Project content supplies its own title; keep the modal header compact. */
#modal[data-modal-key="op_details"]:has(.hb-project-public-detail)>.modal-head{display:flex;align-items:center;justify-content:flex-end;min-width:0;width:100%;height:32px;min-height:32px;margin:0 0 8px;padding:0;box-sizing:border-box}
#modal[data-modal-key="op_details"]:has(.hb-project-public-detail)>.modal-head h2{display:none}
#modal>.modal-head>h2{min-width:0;flex:1 1 auto;word-break:normal;overflow-wrap:break-word}
#modal>.modal-head>[data-action="close"]{width:36px;min-width:36px;max-width:36px;flex:0 0 36px}

#modal>.modal-head>.hb-close-slot{margin-left:auto!important;margin-right:0!important}#modal[data-modal-key="op_details"]:has(.hb-project-public-detail)>.modal-head>h2{display:none!important}

/* Document/CV controls have identical square geometry on every viewport. */
#modal[open]:has(.hb-cv-viewer)>.modal-head>.icon-btn{box-sizing:border-box!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;max-height:44px!important;flex:0 0 44px!important;aspect-ratio:1;border-radius:10px!important;padding:10px!important;line-height:1}
#modal[open]:has(.hb-cv-viewer)>.modal-head>.icon-btn svg{width:24px!important;height:24px!important;flex:0 0 24px;display:block}

/* Compact publication caption and plain document links. */
#modal .hb-space-public>.hb-published-since{display:block;margin:8px 0 16px!important;padding:0!important;background:none!important;border:0!important;border-radius:0;font-size:12px!important;line-height:1.4;font-weight:700!important;color:#111!important;text-align:center}
#modal .hb-space-public>.hb-cover:has(+.hb-published-since){margin-bottom:0}
#modal .hb-public-documents{margin:12px auto 24px;width:100%}
.hb-document>a,.hb-document>a:is(:hover,:focus,:active){background:transparent!important;background-image:none!important;box-shadow:none!important}

/* Match the location fact to the domain fact, including its icon tile. */
.hb-public-facts .hb-address-fact>span{color:#e51e59;font-weight:700}
.hb-public-facts .hb-fact-address-link{display:flex;flex-direction:column;gap:10px;min-width:0;text-decoration:none;background:transparent!important;color:inherit;overflow-wrap:anywhere}
.hb-public-facts .hb-fact-address-link>p{margin:0;color:#68686f;line-height:1.5}
.hb-public-facts .hb-fact-address-link:focus-visible{outline:2px solid #e51e59;outline-offset:4px}

/* Tighter text rhythm in the wave fact cards, shared by businesses and projects. */
.hb-public-facts>section,.hb-public-facts>section:nth-child(2),.hb-public-facts>section:nth-child(3){gap:4px}
.hb-public-facts>section>.hb-fact-icon{margin-bottom:6px}
.hb-public-facts>section>span,.hb-public-facts>section>strong,.hb-public-facts>section>p{margin-top:0;margin-bottom:0;line-height:1.4}
.hb-public-facts .hb-fact-address-link{gap:4px}
.hb-public-facts .hb-fact-address-link>strong,.hb-public-facts .hb-fact-address-link>p{line-height:1.4}

.hb-public-facts>section,.hb-public-facts>section:nth-child(2),.hb-public-facts>section:nth-child(3){padding:16px 20px;min-height:0;gap:4px}
.hb-public-facts>section>.hb-fact-icon{width:40px;height:40px;border-radius:12px;margin-bottom:4px}

/* Plain close icon for the shared CV and document viewer. */
#modal[open]:has(.hb-cv-viewer)>.modal-head>[data-action="close"]{background:transparent!important;backdrop-filter:none!important;box-shadow:none!important;border:0!important}

/* Equal icon tiles override the older nth-child fact-card rules. */
.hb-public-facts>section:nth-child(n)>.hb-fact-icon{box-sizing:border-box;width:40px;min-width:40px;max-width:40px;height:40px;min-height:40px;max-height:40px;flex:0 0 40px;padding:0;border-radius:12px;margin:0 0 4px;display:grid;place-items:center}
.hb-public-facts>section:nth-child(n)>.hb-fact-icon>svg{width:23px;height:23px;min-width:23px;max-width:23px;min-height:23px;max-height:23px;display:block;stroke-width:1.5}

/* Private project chat: bubbles, ascending history and a compact composer. */
#modal .hb-portal-messages{display:flex;flex-direction:column;gap:12px;padding:16px 6px;overflow-anchor:none;background:linear-gradient(145deg,#faf9fc,#f5f7fa);border-radius:16px}
#modal .hb-portal-message{flex:none;align-self:flex-start;width:fit-content;max-width:86%;min-width:150px;margin:0;padding:12px 14px;border:1px solid #e8e9ee;border-radius:18px 18px 18px 5px;background:#fff;color:#17191e;box-shadow:0 3px 12px #1a2e4d06}
#modal .hb-portal-message.is-mine{align-self:flex-end;background:#1a2e4d;color:white;border-color:#1a2e4d;border-radius:18px 18px 5px 18px}
#modal .hb-portal-message header{display:flex;align-items:center;margin:0 0 8px;gap:8px}
#modal .hb-portal-message .hb-thread-author{gap:8px;min-width:0}
#modal .hb-portal-message .hb-thread-avatar{width:30px;height:30px;min-width:30px;flex:0 0 30px;font-size:13px}
#modal .hb-portal-message .hb-thread-avatar img{width:30px;height:30px;object-fit:cover;border-radius:50%}
#modal .hb-portal-message .hb-thread-author strong,#modal .hb-portal-message .hb-thread-project-link{font-size:13px;color:inherit}
#modal .hb-portal-message .hb-thread-author small{font-size:10px;color:#737b88}
#modal .hb-portal-message.is-mine .hb-thread-author small{color:#ccd5e3}
#modal .hb-portal-message>p{margin:0;font-size:15px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;color:inherit}
#modal .hb-portal-message footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:8px}
#modal .hb-portal-message time{font-size:10px;color:#77808c;white-space:normal}
#modal .hb-portal-message.is-mine time{color:#cbd5e3}
.hb-chat-menu{position:relative;flex:none}.hb-chat-menu>summary{list-style:none;cursor:pointer;font-size:20px;line-height:20px;padding:0 6px;border-radius:8px}.hb-chat-menu>summary::-webkit-details-marker{display:none}
.hb-chat-menu>div{position:absolute;bottom:26px;right:0;z-index:8;min-width:130px;padding:6px;background:white;color:#17191e;border:1px solid #e4e6eb;border-radius:12px;box-shadow:0 8px 25px #192e4d25;display:grid;gap:3px}
.hb-chat-menu button{border:0;background:none;text-align:left;padding:9px 12px;color:inherit;font:inherit;font-size:13px;cursor:pointer;border-radius:7px}.hb-chat-menu button:hover{background:var(--hb-button-soft);border-color:var(--hb-button-soft-border)}.hb-chat-menu button[data-chat-action=delete]{color:#e51e59}
#modal .hb-chat-quote{display:block;text-align:left;max-width:100%;width:100%;border:0;border-left:3px solid #e51e59;border-radius:6px;background:#80808018;color:inherit;padding:8px;margin:0 0 8px;font:inherit;font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer}
#modal .hb-chat-file{display:flex;align-items:center;gap:8px;border:0;border-radius:10px;background:#80808016;color:inherit;max-width:100%;padding:8px;margin-top:8px;cursor:pointer;font:inherit;font-size:12px;text-align:left;overflow-wrap:anywhere}
.hb-chat-file svg{width:24px;height:24px;flex:none}.hb-chat-file:has(img){flex-direction:column;align-items:stretch}.hb-chat-file img{max-width:100%;width:240px;max-height:240px;object-fit:contain;border-radius:8px}.hb-chat-file span{min-width:0}
#modal .hb-thread-compose{position:sticky;bottom:0;z-index:3;display:flex;flex-direction:column;gap:6px!important;background:white;padding:10px 0 0;margin:0!important}
.hb-chat-input-row{display:flex;align-items:flex-end;gap:6px;border:1px solid #e0e3e9;border-radius:24px;padding:6px;background:#fff;min-width:0}
#modal .hb-thread-compose .hb-chat-input-row textarea{flex:1;min-width:0;min-height:40px!important;height:42px;max-height:120px;border:0;border-radius:0;padding:10px 4px;resize:vertical;box-shadow:none;background:transparent;font-size:15px;line-height:1.4}
.hb-chat-send,.hb-chat-attach{display:grid!important;place-items:center;width:40px;height:40px;min-width:40px;flex:0 0 40px;border:0;border-radius:50%;padding:9px!important;box-sizing:border-box;cursor:pointer;margin:0!important;position:relative;overflow:hidden}
.hb-chat-send{background:#e51e59;color:white}.hb-chat-send:disabled{opacity:.5}.hb-chat-attach{background:#f3f4f7;color:#1a2e4d}.hb-chat-send svg,.hb-chat-attach svg{width:22px;height:22px}.hb-chat-attach input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.hb-chat-context,.hb-chat-pending{display:flex;align-items:center;gap:8px;border-radius:10px;padding:8px 12px;background:#f3f4f7;font-size:12px;overflow-wrap:anywhere}.hb-chat-context>span{flex:1;min-width:0;max-height:50px;overflow:hidden}.hb-chat-context button,.hb-chat-pending button{border:0;background:none;color:#e51e59;font-size:20px;cursor:pointer}.hb-chat-pending{flex-wrap:wrap}.hb-chat-context[hidden],.hb-chat-pending[hidden],.hb-chat-attach[hidden]{display:none!important}
#modal .hb-thread-compose>.error{margin:0;font-size:12px}
#modal[data-modal-key=op_portal] .hb-portal-thread{border:0;padding-top:8px}
#modal[data-modal-key=op_portal] .hb-portal-thread-heading{margin-bottom:10px}
@media(max-width:600px){#modal[data-modal-key=op_conversation]{padding:12px!important;width:calc(100vw - 12px)!important;max-width:none!important;height:calc(100dvh - 12px)!important}#modal .hb-portal-message{max-width:92%;padding:10px 12px}#modal .hb-portal-messages{padding:12px 4px;gap:10px}.hb-chat-send,.hb-chat-attach{width:36px;height:36px;min-width:36px;flex-basis:36px;padding:8px!important}#modal .hb-thread-compose .hb-chat-input-row textarea{font-size:16px}}
/* Contact headers reserve independent slots for WhatsApp and close. */
#modal:has(#hb-support-form)>.modal-head{display:flex!important;align-items:center!important;gap:12px!important;padding-right:20px!important}
#modal:has(#hb-support-form)>.modal-head>h2{flex:1;min-width:0;margin-right:auto}
#modal:has(#hb-support-form)>.modal-head>.hb-whatsapp-contact{position:static!important;order:1!important;margin:0!important;flex:0 0 34px!important}
#modal:has(#hb-support-form)>.modal-head>[data-action=close]{position:static!important;order:2!important;flex:0 0 36px!important;width:36px!important;height:36px!important;margin:0!important;transform:none!important;align-self:center!important;color:#fff!important;background:transparent!important}
#modal:has(#hb-support-form)>.modal-head>.hb-close-slot{display:none!important}

#modal .hb-portal-message:first-of-type .hb-chat-menu>div{bottom:auto;top:26px}
#modal .hb-chat-file img{aspect-ratio:4/3}

/* Compact attachment mosaics and stable expanding composer. */
#modal .hb-chat-menu>summary::before,#modal .hb-chat-menu>summary::after{content:none!important;display:none!important}
#modal .hb-chat-menu>summary>.hb-disclosure-triangle{display:none!important}
#modal .hb-chat-menu button{display:flex;align-items:center;gap:10px;font-weight:700}
.hb-chat-menu button svg,.hb-candidate-detail-actions .btn svg{width:18px;height:18px;flex:0 0 18px}
.hb-chat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:190px;max-width:100%;margin-top:8px}
#modal .hb-chat-grid .hb-chat-file{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;aspect-ratio:1;padding:0;margin:0;overflow:hidden;border-radius:10px;min-width:0}
#modal .hb-chat-grid .hb-chat-file>img{display:block;width:100%;height:100%;max-height:none;aspect-ratio:1;object-fit:cover;border-radius:10px}
#modal .hb-chat-grid .hb-chat-file>img.hb-chat-doc-icon{width:30px;height:38px;object-fit:contain;border-radius:0}
#modal .hb-chat-grid .hb-chat-file>span:not(.hb-chat-overflow){font-size:10px;line-height:1.2;padding:4px;max-width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.hb-chat-grid:has(>.hb-chat-file:only-child){width:92px;grid-template-columns:1fr}
#modal .hb-chat-overflow{position:absolute;inset:0;display:grid;place-items:center;background:#192d4b99;color:white;font-weight:800;font-size:24px;border:0;border-radius:10px;width:100%;height:100%;padding:0}
#modal .hb-chat-pending{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:170px;max-width:100%;padding:6px;background:#f5f6f8}
#modal .hb-chat-pending[hidden]{display:none!important}.hb-chat-pending-tile{position:relative;aspect-ratio:1;min-width:0;display:grid;place-items:center;border-radius:10px;overflow:hidden;background:#e9ecf1}
.hb-chat-pending-tile>img{width:100%;height:100%;object-fit:cover}.hb-chat-pending-tile>img.hb-chat-doc-icon{width:30px;height:38px;object-fit:contain}
.hb-chat-pending-tile>button:not(.hb-chat-overflow){position:absolute;right:2px;top:2px;width:22px;height:22px;line-height:20px;background:white;border-radius:50%;padding:0;font-size:18px;z-index:1}
#modal .hb-thread-compose .hb-chat-input-row textarea{resize:none!important;height:40px;min-height:40px!important;max-height:132px;overflow-y:hidden;box-sizing:border-box;font-weight:400}
.hb-chat-input-row{align-items:flex-end}.hb-chat-emoji-toggle{display:none;border:0;background:none;color:#1a2e4d;width:36px;height:40px;padding:7px;flex:0 0 36px;cursor:pointer}.hb-chat-emoji-toggle svg{width:22px;height:22px}
.hb-chat-emojis{display:flex;flex-wrap:wrap;gap:3px;border:1px solid #e5e6eb;border-radius:14px;padding:8px;background:white}.hb-chat-emojis[hidden]{display:none}.hb-chat-emojis button{font-size:22px;border:0;background:none;padding:6px;cursor:pointer}
@media(hover:hover) and (pointer:fine){.hb-chat-emoji-toggle{display:grid;place-items:center}}
@media(pointer:coarse){.hb-chat-emojis{display:none!important}}
#modal:has([data-portal-thread]),#modal:has([data-portal-thread]) .hb-portal-message{animation:none!important}

/* Shared private conversations: negotiation and accounting document threads. */
.hb-context-chat-header{display:flex;flex-direction:column;gap:3px;min-width:0;padding:0 46px 12px 0;overflow-wrap:anywhere}
.hb-context-chat-header small{font-size:13px;color:var(--muted,#6c7280)}
.hb-context-chat-button{display:inline-flex;align-items:center;gap:8px;margin:8px 0}
.hb-context-chat-button svg{width:21px;height:21px;flex:0 0 21px}
.hb-context-chat-peers{display:flex;flex-direction:column;gap:10px}
#modal .hb-chat-menu>div button,#modal .hb-chat-menu>div button strong{font-size:18px;font-weight:700;line-height:1.4}
#modal .hb-chat-menu>div button[data-chat-action="delete"],#modal .hb-chat-menu>div button[data-chat-action="delete"] strong,#modal .hb-chat-menu>div button[data-chat-action="delete"] svg{color:#e51e59}

#modal .hb-thread-compose .hb-chat-input-row{display:flex!important;flex-wrap:nowrap!important;align-items:flex-end;gap:6px;padding:6px;border:0;background:transparent;border-radius:0}
#modal .hb-thread-compose .hb-chat-input-row textarea{order:2;display:block;flex:1 1 0!important;width:0!important;min-width:0!important;align-self:flex-end;margin:0!important;border:1px solid #e2e5ec;border-radius:20px;background:#f6f7fa;padding:9px 12px;font-size:16px;line-height:22px}
#modal .hb-chat-input-row .hb-chat-attach{order:0;align-self:flex-end}
#modal .hb-chat-input-row .hb-chat-emoji-toggle{order:1;align-self:flex-end}
#modal .hb-chat-input-row .hb-chat-send{order:3;align-self:flex-end}
#modal [data-chat-cancel],#modal [data-chat-remove]{display:grid!important;place-items:center!important;flex:0 0 28px;width:28px!important;height:28px!important;min-width:28px!important;padding:0!important;border:0;border-radius:50%!important;background:#fff!important;color:#e51e59;line-height:1!important}
#modal [data-chat-cancel] svg,#modal [data-chat-remove] svg{display:block;width:16px;height:16px;margin:0;stroke-width:1.8}
#modal .hb-chat-emojis{display:grid;grid-template-columns:repeat(auto-fit,minmax(38px,1fr));gap:5px;max-height:240px;overflow:auto;padding:12px;border:1px solid #e7e9ef;border-radius:20px;background:#fff;box-shadow:0 12px 30px #1a2e4d12}
#modal .hb-chat-emojis[hidden]{display:none!important}
#modal .hb-chat-emojis button{display:grid;place-items:center;aspect-ratio:1;padding:4px;border-radius:12px;font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif;font-size:27px;line-height:1;background:var(--hb-button-soft);transition:background .15s,transform .15s;border-color:var(--hb-button-soft-border)}
#modal .hb-chat-emojis button:hover,#modal .hb-chat-emojis button:focus-visible{background:#eef1f8;transform:translateY(-2px)}
@media(pointer:coarse){#modal .hb-chat-emojis{display:none!important}}
#modal[data-modal-key="op_conversation"]>.modal-head [data-action="close"],#modal[data-modal-key="op_portal"]>.modal-head [data-action="close"]{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;min-width:36px!important;padding:0!important;border-radius:50%!important;background:#f3f4f7;color:#1a2e4d}
#modal[data-modal-key="op_conversation"]>.modal-head [data-action="close"] svg,#modal[data-modal-key="op_portal"]>.modal-head [data-action="close"] svg{width:20px;height:20px;margin:0}

.hb-chat-file-limit{display:block;color:#6c7280;font-size:12px;line-height:1.4;margin:0 8px}

/* Candidate conversation and decision controls use black text and icons. */
#modal .hb-candidate-detail-actions [data-op^="conversation:"],#modal .hb-candidate-detail-actions .hb-decision-trigger,#modal .hb-candidate-detail-actions .hb-decision-trigger span,#modal .hb-candidate-detail-actions [data-op^="conversation:"] svg,#modal .hb-candidate-detail-actions .hb-decision-trigger svg{color:#000!important}

/* Equal resting composer height, expanding upward for multiline messages. */
#modal .hb-thread-compose .hb-chat-input-row textarea{height:40px;min-height:40px!important;padding:8px 12px;line-height:22px;box-sizing:border-box}
#modal .hb-chat-input-row .hb-chat-send,#modal .hb-chat-input-row .hb-chat-attach{width:40px!important;height:40px!important;min-width:40px!important;flex:0 0 40px!important}
#modal .hb-chat-reply-target{position:relative}
#modal .hb-chat-reply-target::after{content:"";position:absolute;inset:0;pointer-events:none;border-left:3px solid #e51e59;border-radius:inherit;animation:hb-reply-mark 3.5s ease-out forwards}
@keyframes hb-reply-mark{0%,75%{opacity:1}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){#modal .hb-chat-reply-target::after{animation:none}}
#modal[open][data-modal-key="op_portal"]{display:flex!important;flex-direction:column;width:min(1120px,calc(100vw - 32px));max-width:none!important;height:min(880px,calc(100dvh - 24px));max-height:calc(100dvh - 24px)!important;overflow:hidden!important;box-sizing:border-box}
#modal[data-modal-key="op_portal"]>.modal-head{flex:0 0 auto}
#modal[data-modal-key="op_portal"]>.hb-op-modal{display:flex;flex:1;min-height:0;overflow:hidden}
#modal[data-modal-key="op_portal"] .hb-portal-split{display:grid!important;grid-template-columns:minmax(0,0.85fr) minmax(0,1.15fr);gap:24px!important;flex:1;min-width:0;min-height:0;overflow:hidden;container-type:normal}
.hb-portal-switch{display:none}
#modal .hb-portal-details{display:flex;flex-direction:column;gap:16px;min-width:0;min-height:0;overflow-y:auto;padding:0 8px 12px 0;overscroll-behavior:contain}
#modal .hb-portal-details>*{flex-shrink:0;margin-top:0;margin-bottom:0}
#modal .hb-portal-details .hb-portal-withdraw{margin-top:auto;padding-top:20px;text-align:center}
#modal[data-modal-key="op_portal"] .hb-portal-thread{display:flex;flex-direction:column;min-height:0;min-width:0;margin:0;padding:0;border:0;gap:8px;overflow:hidden}
#modal[data-modal-key="op_portal"] .hb-portal-messages{flex:1;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}
#modal[data-modal-key="op_portal"] .hb-thread-compose{position:static;flex:0 0 auto}
#modal .hb-portal-details .hb-portal-self-card{padding:20px}
#modal .hb-portal-details .hb-portal-account{padding:16px}
#modal .hb-portal-details .hb-portal-offer{flex-direction:column;align-items:center;text-align:center;gap:10px!important}
@media(max-width:760px){
 #modal[open][data-modal-key="op_portal"]{width:calc(100vw - 12px)!important;height:calc(100dvh - 12px);max-height:calc(100dvh - 12px)!important;padding:12px!important}
 #modal[data-modal-key="op_portal"] .hb-portal-split{display:flex!important;flex-direction:column;gap:10px!important}
 #modal .hb-portal-switch{display:flex;flex:0 0 auto;gap:6px;background:#f3f4f7;padding:4px;border-radius:16px}
 #modal .hb-portal-switch button{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;min-width:0;padding:10px 6px;border:0;border-radius:12px;background:transparent;color:#172b49;font-size:14px;font-weight:700}
 #modal .hb-portal-switch button svg{width:19px;height:19px;flex:0 0 19px}
 #modal .hb-portal-switch button[aria-pressed="true"]{background:#172b49;color:white}
 #modal .hb-portal-split>.hb-portal-details,#modal .hb-portal-split>.hb-portal-thread{flex:1;min-height:0}
 #modal .hb-portal-split[data-portal-view="details"]>.hb-portal-thread,#modal .hb-portal-split[data-portal-view="chat"]>.hb-portal-details{display:none!important}
 #modal .hb-portal-details{padding-right:0}
}

/* Keep action menus inside the message viewport, including incoming bubbles. */
#modal .hb-chat-menu>div,#modal .hb-portal-message:first-of-type .hb-chat-menu>div{position:fixed;right:auto;bottom:auto;top:0;left:0;min-width:0;max-width:calc(100vw - 40px);box-sizing:border-box;z-index:50}
#modal .hb-chat-menu>div button{width:100%;min-width:0;white-space:nowrap;padding:10px 12px}
#modal .hb-thread-compose .hb-chat-input-row textarea[data-fixed-size]{height:40px;min-height:40px!important;max-height:132px;resize:none!important}
#modal .hb-application-portal.hb-chat-scroll-up .hb-thread-compose{display:none!important}
@media(max-width:760px){
 #modal .hb-portal-split[data-portal-view="chat"].hb-chat-scroll-down>.hb-portal-switch{display:none}
 #modal .hb-portal-split[data-portal-view="chat"].hb-chat-scroll-up>.hb-portal-switch{display:flex}
}

/* Compact attachments; viewers preserve the conversation beneath them. */
.hb-acct-attachment{display:block;width:112px;margin:20px 0;border-radius:14px;overflow:hidden}
.hb-acct-attachment .hb-acct-full-image{width:112px;height:112px;object-fit:cover;border-radius:14px;margin:0}
.hb-acct-detail .hb-acct-pdf{width:fit-content;max-width:100%;padding:12px 16px;border-radius:14px;gap:12px}
.hb-gallery-document{display:flex;flex-direction:column;align-items:center;gap:18px;padding:24px;border-radius:20px;background:#f5f6fa;max-width:min(440px,80vw);color:#192d4b;text-align:center;overflow-wrap:anywhere;text-decoration:none}
.hb-gallery-document img{width:56px;height:70px;object-fit:contain}

#modal .hb-gallery-document{border:0;font:inherit;cursor:pointer}
#modal .hb-gallery-document .hb-gallery-document-action{color:#e51e59;font-weight:700}
#modal.hb-image-modal .hb-gallery-stage .hb-gallery-document>img{width:56px!important;height:70px!important;max-width:56px!important;max-height:70px!important;border-radius:0;box-shadow:none}
#modal .hb-gallery-document>strong{overflow-wrap:anywhere;max-width:100%;font-size:15px}

.hb-candidate-messages{display:inline-flex;align-items:center;gap:8px;color:#000;font-weight:700}.hb-candidate-messages svg{width:20px;height:20px}.hb-chat-unread{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:12px;background:#e51e59;color:#fff;font-size:12px}
/* Edge-to-edge private conversations, shared across candidate and collaboration chats. */
#modal[open]:is([data-modal-key="op_conversation"],[data-modal-key="op_portal"]){padding:0!important;overflow:hidden!important;background:#f6f7fa}
#modal:is([data-modal-key="op_conversation"],[data-modal-key="op_portal"])>.modal-head{position:absolute!important;inset:0 0 auto auto;width:56px;height:56px!important;min-height:0;margin:0!important;padding:0!important;z-index:20;pointer-events:none}
#modal:is([data-modal-key="op_conversation"],[data-modal-key="op_portal"])>.modal-head [data-action="close"]{position:absolute!important;top:10px!important;right:10px!important;left:auto!important;bottom:auto!important;width:36px!important;height:36px!important;min-height:36px!important;max-height:36px!important;min-width:36px!important;max-width:36px!important;aspect-ratio:1;border-radius:10px!important;display:grid!important;place-items:center!important;padding:0!important;margin:0!important;background:#fff;pointer-events:auto;box-shadow:0 2px 10px #192d4b12}
#modal[data-modal-key="op_conversation"]>.hb-op-modal,#modal[data-modal-key="op_conversation"] .hb-application-portal{display:flex;flex-direction:column;flex:1;min-height:0;padding:0!important;margin:0!important;overflow:hidden}
#modal:is([data-modal-key="op_conversation"],[data-modal-key="op_portal"]) .hb-portal-thread{display:flex;flex-direction:column;flex:1;min-height:0;gap:0!important;padding:0!important;margin:0!important;background:#f6f7fa;overflow:hidden}
#modal:is([data-modal-key="op_conversation"],[data-modal-key="op_portal"]) .hb-portal-messages{flex:1;min-height:0;max-height:none;overflow-y:auto;border-radius:0;padding:54px 14px 14px;margin:0}
#modal:is([data-modal-key="op_conversation"],[data-modal-key="op_portal"]) .hb-thread-compose{flex:none;position:static;padding:10px 14px 12px!important;background:#fff}
#modal[data-modal-key="op_portal"] .hb-portal-details{padding:20px}
#modal[data-modal-key="op_portal"] .hb-portal-split{gap:0!important}
@media(max-width:760px){#modal[data-modal-key="op_portal"] .hb-portal-switch{margin:8px 56px 0 8px}#modal[data-modal-key="op_portal"] .hb-portal-messages{padding-top:14px}#modal:is([data-modal-key="op_conversation"],[data-modal-key="op_portal"]) .hb-thread-compose{padding:8px!important}}

/* Only the close button has a surface; its header stays invisible. */
#modal:is([data-modal-key="op_conversation"],[data-modal-key="op_portal"])>.modal-head{background:transparent!important;background-image:none!important;box-shadow:none!important;border:0!important;backdrop-filter:none!important}
#modal:is([data-modal-key="op_conversation"],[data-modal-key="op_portal"])>.modal-head::before,#modal:is([data-modal-key="op_conversation"],[data-modal-key="op_portal"])>.modal-head::after{display:none!important}
.hb-conversation-icon{width:20px!important;height:20px!important;min-width:20px;flex:0 0 20px!important;aspect-ratio:1;vertical-align:middle}

/* Stable modal returns and one shared specialist card per collaboration. */
html{scrollbar-gutter:stable}
html.hb-modal-restoring #app,html.hb-modal-restoring #app *{animation:none!important;overflow-anchor:none!important}
#modal[data-restoring-parent] ,#modal[data-restoring-parent] *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.hb-cv-detail-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}
.hb-cv-detail-actions .hb-cv-specialist-button{margin-left:auto;background:#192e4e;color:#fff;border-color:#192e4e}
.hb-specialist-card-modal{width:100%;max-width:420px;margin:0 auto}
.hb-specialist-card-modal .person-card{width:100%;margin:0;box-sizing:border-box}

/* Card-only specialist overlay and transparent shared chat composer. */
#modal:has(>.hb-specialist-card-modal){background:transparent!important;border:0!important;box-shadow:none!important;padding:56px 20px 24px!important;width:min(480px,calc(100vw - 24px))!important;resize:none!important}
#modal:has(>.hb-specialist-card-modal)>.modal-head{position:absolute!important;inset:8px auto auto 20px!important;display:block!important;width:40px!important;height:40px!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
#modal:has(>.hb-specialist-card-modal)>.modal-head h2{display:none!important}
#modal:has(>.hb-specialist-card-modal)>.modal-head [data-action="close"]{position:static!important;display:flex!important;align-items:center;justify-content:center;width:40px!important;height:40px!important;margin:0!important;border:0!important;border-radius:12px!important;background:#fff!important;color:#192e4e!important;box-shadow:0 4px 16px #192e4e14}
#modal .hb-specialist-card-modal .person-card{box-shadow:0 8px 24px #192e4e14;transition:box-shadow .18s ease}
#modal .hb-specialist-card-modal .person-card:hover{box-shadow:0 16px 36px #192e4e26}
#modal .hb-cv-detail>.hb-cv-detail-actions{display:flex!important;align-items:center;justify-content:space-between!important;width:100%;gap:12px}
#modal .hb-cv-detail-actions>.hb-cv-specialist-button{margin-left:auto!important;background:#192e4e!important;border-color:#192e4e!important;color:#fff!important}
#modal .hb-cv-specialist-button svg{width:20px;height:20px;flex:0 0 20px}
#modal .hb-application-portal .hb-thread-compose,#modal .hb-thread-compose .hb-chat-input-row{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important}

/* Viewport close control and floating conversation controls. */
#modal:has(>.hb-specialist-card-modal){transform:none!important;filter:none!important;backdrop-filter:none!important}
#modal:has(>.hb-specialist-card-modal)>.modal-head{position:fixed!important;inset:16px 16px auto auto!important;z-index:30}
#modal .hb-specialist-card-modal .person-card{border:0!important;outline:0!important}
#modal:is([data-modal-key="op_conversation"],[data-modal-key="op_portal"]) .hb-portal-thread{position:relative!important}
#modal:is([data-modal-key="op_conversation"],[data-modal-key="op_portal"]) .hb-thread-compose{position:absolute!important;inset:auto 0 0!important;z-index:5;pointer-events:none;background:transparent!important}
#modal .hb-thread-compose>*{pointer-events:auto}
#modal .hb-thread-compose .hb-chat-input-row{pointer-events:none}
#modal .hb-thread-compose .hb-chat-input-row>*{pointer-events:auto}
#modal .hb-portal-thread:has(.hb-thread-compose) .hb-portal-messages{padding-bottom:var(--chat-compose-height,80px)!important;scroll-padding-bottom:var(--chat-compose-height,80px)}
#modal .hb-thread-compose .hb-chat-attach,#modal .hb-thread-compose .hb-chat-input-row textarea{background:#fff!important}
#modal .hb-candidate-detail-actions [data-op^="conversation:"]{background:#192e4e!important;border-color:#192e4e!important;color:#fff!important}

/* Shared visual treatment for every modal dismissal control. */
:is(#modal,dialog):is(#modal,dialog) :is(.icon-btn[data-action="close"],[data-security-close],[data-gallery-close],[data-video-close],[data-mail-preview-close],.hb-dialog-close,.hb-preview-close,.jd-photo-close,.hb-context-close,.hb-modal-close,.hb-schedule-close){display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 40px!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-width:40px!important;max-height:40px!important;padding:0!important;box-sizing:border-box!important;border:0!important;border-radius:12px!important;background:#fff!important;background-image:none!important;color:#192e4e!important;box-shadow:0 4px 16px #192e4e14!important;opacity:1!important}
:is(#modal,dialog):is(#modal,dialog) :is(.icon-btn[data-action="close"],[data-security-close],[data-gallery-close],[data-video-close],[data-mail-preview-close],.hb-dialog-close,.hb-preview-close,.jd-photo-close,.hb-context-close,.hb-modal-close,.hb-schedule-close) svg{width:22px!important;height:22px!important;color:inherit!important;stroke:currentColor!important}
#modal#modal .hb-candidate-detail-actions [data-op^="conversation:"] svg,#modal#modal .hb-candidate-detail-actions [data-op^="conversation:"] svg *{color:#fff!important;stroke:#fff!important}

@media(max-width:600px){
 #modal .hb-portal-switch{display:flex!important;justify-content:flex-start!important;gap:8px!important;padding:6px!important;margin-right:64px!important;min-width:0!important}
 #modal .hb-portal-switch [data-portal-view-switch]{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;min-width:44px!important;flex:0 0 44px!important;padding:10px!important;border-radius:12px!important}
 #modal .hb-portal-switch [data-portal-view-switch]>span{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
 #modal .hb-portal-switch [data-portal-view-switch] svg{width:22px!important;height:22px!important;flex:0 0 22px!important;stroke:currentColor!important;color:inherit!important}
 #modal .hb-portal-switch [aria-pressed="true"]{background:#192e4e!important;color:#fff!important}
}

@media(max-width:600px){#modal .hb-portal-switch [data-portal-view-switch] svg{width:26px!important;height:26px!important;flex:0 0 26px!important}#modal .hb-portal-switch [data-portal-view-switch]{padding:9px!important}}

#modal[data-modal-key="op_portal"] .hb-portal-split>.hb-portal-details{background:#fff!important}

@media(max-width:760px){
 #modal .hb-portal-switch{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}
 #modal .hb-portal-split[data-portal-view="chat"].hb-chat-scroll-down>.hb-portal-switch{display:none!important}
 #modal .hb-portal-split[data-portal-view="chat"].hb-chat-scroll-up>.hb-portal-switch{display:flex!important}
}

/* Floating mobile tabs: no reserved opaque strip above the conversation. */
@media(max-width:760px){
 #modal[data-modal-key="op_portal"] .hb-portal-split{position:relative!important}
 #modal[data-modal-key="op_portal"] .hb-portal-split>.hb-portal-switch{position:absolute!important;inset:8px 64px auto 8px!important;z-index:12;margin:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;pointer-events:none}
 #modal[data-modal-key="op_portal"] .hb-portal-switch>button{pointer-events:auto}
 #modal[data-modal-key="op_portal"] .hb-portal-switch::before,#modal[data-modal-key="op_portal"] .hb-portal-switch::after{content:none!important}
 #modal[data-modal-key="op_portal"] .hb-portal-split[data-portal-view="chat"]>.hb-portal-thread{margin-top:0!important;padding-top:0!important}
 #modal[data-modal-key="op_portal"] .hb-portal-split[data-portal-view="details"]>.hb-portal-details{padding-top:76px!important}
}

/* Text actions retain their natural width when dialogs are resized. */
#modal .form-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px}
#modal .form-actions>.btn{flex:0 1 auto;min-width:max-content;max-width:100%;height:auto;min-height:44px;padding:11px 18px;white-space:normal;border-radius:12px}
#modal[data-modal-key="op_confirmDecision"] .form-actions{justify-content:center}

/* Mobile external application: one destination action, mirrored against Close. */
@media(max-width:760px){
 #modal[open][data-modal-key="op_portal"]{padding:0!important}
 #modal[data-modal-key="op_portal"]>.hb-op-modal,#modal[data-modal-key="op_portal"] .hb-portal-split{position:static!important}
 #modal[data-modal-key="op_portal"] .hb-portal-split>.hb-portal-switch{inset:10px auto auto 10px!important;width:40px!important;height:40px!important;padding:0!important;margin:0!important;gap:0!important;z-index:20}
 #modal[data-modal-key="op_portal"] .hb-portal-switch [data-portal-view-switch]{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-width:40px!important;max-height:40px!important;flex:0 0 40px!important;box-sizing:border-box!important;padding:7px!important;border:0!important;border-radius:12px!important;background:#192e4e!important;color:#fff!important;box-shadow:0 4px 16px #192e4e14!important}
 #modal[data-modal-key="op_portal"] .hb-portal-switch [data-portal-view-switch][aria-pressed="true"]{display:none!important}
 #modal[data-modal-key="op_portal"] .hb-portal-switch [data-portal-view-switch] svg{width:26px!important;height:26px!important;flex:0 0 26px!important;color:#fff!important;stroke:currentColor!important}
 #modal[data-modal-key="op_portal"]>.modal-head [data-action="close"]{top:10px!important;right:10px!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-width:40px!important;max-height:40px!important;border-radius:12px!important}
}

/* Chat actions are positioned synchronously inside their message, never at page (0,0). */
#modal .hb-chat-menu:not([open])>div{display:none!important}
#modal .hb-chat-menu[open]>div{visibility:hidden}
#modal .hb-chat-menu[open]>div[data-positioned]{visibility:visible}
#modal .hb-chat-menu>div,#modal .hb-portal-message:first-of-type .hb-chat-menu>div{position:absolute;bottom:auto;right:auto}

/* Reply/edit explicitly keeps the composer available until send or cancel. */
#modal .hb-application-portal.hb-chat-compose-active .hb-thread-compose{display:grid!important}

/* Shared informational guidance: curved navy left edge, including modal hints. */
:is(.hb-modal-explanation,.hb-modal-guide,.hb-work-note,.notice,.hb-continuity-note,.hb-admin-review-note,.hb-note-info,.hb-security-admin-note,.hb-card-setup-notice,.hb-mail-notice,.hb-operation-note):not(:empty):not(.error):not([role="alert"]):not(.hb-continuity-note-error),
dialog .small-note:not(:empty):not(.error):not([role="alert"]):not(.hb-published-since):not(.hb-week-caption):not(.hb-finance-trend-scope):not(.hb-register-scope){border-left:3px solid #192e4e!important;border-top-left-radius:12px!important;border-bottom-left-radius:12px!important;padding-left:16px!important;box-sizing:border-box}
/* Nested explanatory copy shares the outer accent rather than doubling it. */
:is(.hb-modal-explanation,.hb-modal-guide,.hb-work-note,.notice) :is(.small-note,.hb-modal-explanation,.hb-work-note,.notice){border-left:0!important}

/* Separate the finance action from the payment guidance. */
.hb-settings-connections .hb-settings-finance-action{margin-top:20px}

.hb-settings-connections .btn.hb-settings-finance-action,
.hb-settings-connections .btn.hb-settings-finance-action:is(:hover,:focus,:focus-visible,:active){background:#192e4e!important;border-color:#192e4e!important;color:#fff!important;display:inline-flex;align-items:center;gap:9px}
.hb-settings-connections .hb-settings-finance-action svg{width:22px;height:22px;flex:none;color:#fff!important;stroke:currentColor}

/* WhatsApp keeps its hit target, with no background in any state. */
:is(.hb-whatsapp-contact,.hb-whatsapp-header,.hb-whatsapp-team,.hb-whatsapp-public,.hb-whatsapp-logo),
:is(.hb-whatsapp-contact,.hb-whatsapp-header,.hb-whatsapp-team,.hb-whatsapp-public):is(:hover,:focus,:active){background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important}
@media(min-width:761px){#modal .hb-project-public-detail>.hb-space-public-actions{justify-content:center!important;text-align:center}}
.hb-project-public-detail [data-op="apply"]{display:inline-flex;align-items:center;justify-content:center;gap:9px}
.hb-project-public-detail [data-op="apply"] svg{width:22px;height:22px;color:inherit;flex:none}

.hb-whatsapp-contact>span{display:none}

/* Shared 48px card header: aligned WhatsApp and like controls. */
.hb-person-identity>.hb-whatsapp-header,
.hb-person-identity>.hb-specialist-like{position:absolute;top:2px!important;height:44px!important;min-height:44px!important;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;margin:0!important;line-height:1}
.hb-person-identity>.hb-whatsapp-header{width:44px!important;min-width:44px;padding:11px!important}
.hb-person-identity:has(>.hb-specialist-like)>.hb-whatsapp-header,
.hb-person-identity>.hb-whatsapp-team{left:8px!important;right:auto!important}
.hb-person-identity>.hb-specialist-like{right:8px!important;left:auto;min-width:44px;padding:0 8px;gap:5px}
.hb-person-identity>.hb-whatsapp-header .hb-whatsapp-logo{display:block;width:22px;height:22px;flex:0 0 22px}
.hb-person-identity>.hb-specialist-like svg{display:block;flex-shrink:0}

/* Account service actions: one shared row with consistent height and explicit navy. */
.hb-account-service-actions{display:flex;align-items:stretch;flex-wrap:wrap;gap:14px;margin:20px 0}
.hb-account-service-actions>.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;margin:0!important;vertical-align:middle;white-space:normal;text-align:center}
.hb-account-service-actions>.btn[data-file-transfer],
.hb-account-service-actions>.btn[data-file-transfer]:is(:hover,:focus,:focus-visible,:active){background:#192e4e!important;border-color:#192e4e!important;color:#fff!important}
.hb-account-service-actions>.btn[data-file-transfer] svg{width:22px;height:22px;flex:none;color:#fff!important;stroke:currentColor}
@media(max-width:600px){.hb-account-service-actions>.btn{flex:1 1 100%;width:100%}}

.hb-exit-empty-note{background:#f5f5f7;border-left:3px solid #192e4e;border-radius:12px;padding:18px 20px;margin:18px 0;line-height:1.6}
.hb-scroll-page-back{position:fixed!important;top:auto!important;left:auto!important;bottom:max(24px,env(safe-area-inset-bottom))!important;margin:0!important;z-index:65;display:inline-flex;align-items:center;justify-content:center}
.hb-scroll-page-back[hidden]{display:none!important}

/* Floating back control: permanent translucent glass, including interaction states. */
.hb-scroll-page-back,.hb-scroll-page-back:hover,.hb-scroll-page-back:focus,.hb-scroll-page-back:active{background:rgba(255,255,255,.64)!important;-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);color:#192e4e;border-radius:12px}

/* Let discovery headings fit the available content width, even beside the mobile rail. */
.hb-discovery-slogan,.hb-discovery-slogan>span{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.hb-availability{min-width:0;max-width:100%;container-type:inline-size;container-name:availability}
.hb-availability summary>span,.hb-availability summary strong,.hb-availability summary small{white-space:normal;overflow-wrap:anywhere}
@container availability (max-width:260px){
 .hb-availability summary{display:grid;grid-template-columns:14px minmax(0,1fr);gap:10px;padding:16px 12px}
 .hb-availability summary::before{margin-right:0}
 .hb-availability summary>svg{grid-column:2;grid-row:1}
 .hb-availability summary>span{grid-column:1 / -1;grid-row:2;width:100%;min-width:0}
}

/* Toolbar actions use exactly the existing calendar/select geometry. */
:is(#app,#modal) .day-controls>.btn{box-sizing:border-box;height:var(--hb-control-height)!important;min-height:var(--hb-control-height)!important;border:1px solid var(--hb-control-border)!important;border-radius:var(--hb-control-radius)!important;padding:10px 16px!important;line-height:1.4!important;display:inline-flex;align-items:center;justify-content:center}
@media(hover:hover) and (pointer:fine){
 #app :is(.hb-work-company-card,.hb-project-public-card,.hb-specialist-portal-card){transition:transform .18s ease,box-shadow .18s ease}
 #app :is(.hb-work-company-card,.hb-project-public-card,.hb-specialist-portal-card):hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(42,28,64,.12)}
}
@media(prefers-reduced-motion:reduce){#app :is(.hb-work-company-card,.hb-project-public-card,.hb-specialist-portal-card){transition:none!important}#app :is(.hb-work-company-card,.hb-project-public-card,.hb-specialist-portal-card):hover{transform:none!important}}

/* Account and guest project chats share the split portal; collapse keeps draft fields mounted. */
#modal .hb-portal-details-toggle{position:absolute;top:12px;left:12px;z-index:15;width:40px;height:40px;border:0;border-radius:12px;background:#192e4e;color:#fff;display:flex;align-items:center;justify-content:center;padding:8px}
#modal .hb-portal-split>.hb-portal-details{padding-top:60px}
#modal .hb-portal-split.hb-portal-details-hidden{grid-template-columns:minmax(0,1fr)!important}
#modal .hb-portal-details-hidden>.hb-portal-details{display:none!important}
#modal .hb-portal-manager-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
@media(max-width:760px){#modal .hb-portal-details-toggle{display:none}#modal .hb-portal-split.hb-portal-details-hidden[data-portal-view="details"]>.hb-portal-details{display:flex!important}}

/* Portal proposal alignment and native desktop resizing. */
#modal .hb-portal-offer .hb-candidate-price{width:100%;text-align:center!important;align-items:center!important;justify-content:center}
#modal .hb-portal-offer .hb-candidate-price>small:last-child{font-weight:700}
@media(min-width:761px){
 #modal[open][data-modal-key="op_portal"]{width:min(1120px,calc(100vw - 32px));resize:both!important;overflow:auto!important;min-width:700px}
 #modal[open][data-modal-key="op_portal"]:has(.hb-portal-details-hidden){min-width:530px}
}

/* Stable ticket reference, before the mailbox subject. */
.hb-mail-reference{display:inline-flex;align-items:center;justify-content:center;min-width:32px;padding:0;margin-right:12px;box-sizing:border-box;background:transparent;color:#192e4e;font-weight:700;font-size:12px;line-height:20px;font-variant-numeric:tabular-nums;vertical-align:baseline}
@media(max-width:650px){.hb-mail-reference{min-width:24px;padding:0;margin-right:8px;font-size:11px;line-height:18px}}

/* Business places: navy add action. */
.hb-place-section .panel-head .btn[data-action="addResource"]{background:#192e4e!important;color:#fff!important;border-color:#192e4e!important}
.hb-place-section .panel-head .btn[data-action="addResource"]:hover{background:#223d63!important;border-color:#223d63!important}
.hb-place-section .panel-head .btn[data-action="addResource"] svg{color:inherit;stroke:currentColor}

/* Compact administrator contacts: natural width, no enclosing panel. */
.hb-admin-contacts{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px;width:fit-content;max-width:100%;margin:8px 0 28px;padding:0;border:0;background:transparent;box-shadow:none}
.hb-admin-contacts-label{font-size:1rem;font-weight:700;color:#e51e59;line-height:1.4}
.hb-admin-contacts-list{display:flex;align-items:center;flex-wrap:wrap;column-gap:28px;row-gap:8px;max-width:100%}
.hb-admin-contact{display:flex;align-items:center;gap:10px;max-width:100%;min-width:0}
.hb-admin-contact>strong{font-size:1rem;line-height:1.4;color:#1b2f50;overflow-wrap:anywhere;min-width:0}
.hb-admin-contact>.hb-whatsapp-contact{position:static!important;display:inline-flex;align-items:center;justify-content:center;align-self:center;width:44px;height:44px;min-height:44px;flex:0 0 44px;padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;transform:none}
.hb-admin-contact .hb-whatsapp-logo{width:26px;height:26px;background:transparent!important}
@media(max-width:480px){.hb-admin-contacts{margin-bottom:24px}.hb-admin-contacts-list{flex-direction:column;align-items:flex-start;gap:4px}}

.hb-admin-contact-link{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px;min-height:44px;max-width:100%;font-size:1rem;font-weight:700;line-height:1.4;text-decoration:none;color:#1b2f50;background:transparent;border:0;cursor:pointer}
.hb-admin-contact-link>strong{color:#1b2f50;overflow-wrap:anywhere}
.hb-admin-contact-link:hover{text-decoration:none}
.hb-admin-contact-link:hover>strong{text-decoration:underline;text-underline-offset:3px}
.hb-admin-contact-link:focus-visible{outline:2px solid #1b2f50;outline-offset:4px;border-radius:4px}
.hb-admin-contacts:has(.hb-admin-contact-link){column-gap:24px}

/* Keep admin contact beside team actions; stack only on small screens. */
.hb-team-contact-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.hb-team-contact-actions>.hb-admin-contacts{margin:0 0 0 8px;align-self:center}
@media(max-width:767px){.hb-team-contact-actions>.hb-admin-contacts{flex-basis:100%;width:100%;margin:4px 0 0}}

.hb-admin-contact-entry{display:inline-flex;align-items:center;gap:8px;max-width:100%}.hb-admin-email{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:44px;padding:8px;border:0;background:transparent;color:#1b2f50;cursor:pointer}.hb-admin-email svg{width:22px;height:22px}.hb-admin-email:hover{color:#e51e59}.hb-admin-email:focus-visible{outline:2px solid #1b2f50;outline-offset:2px;border-radius:6px}

.hb-admin-contact-entry>.hb-admin-contact-link{min-width:0}.hb-admin-contact-entry>.hb-admin-contact-link>strong{min-width:0}@media(max-width:767px){.hb-admin-contact-entry{gap:4px}.hb-admin-contact-entry>.hb-admin-contact-link{flex:1}.hb-admin-email{align-self:center}}

/* Compact received attachments, shared by initial messages and replies. */
.hb-support-attachments.hb-received-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,160px),200px));gap:12px;align-items:start}
.hb-received-grid .hb-mail-attachment-row{position:relative;display:block;padding:10px;border:1px solid #e5e5eb;background:#fff;border-radius:16px;min-width:0}
.hb-received-grid .hb-mail-attachment-content{display:flex;flex-direction:column;align-items:stretch;gap:9px;width:100%;background:transparent;border:0;border-radius:8px}
.hb-received-grid .hb-mail-image-thumb{width:100%;height:130px;max-width:none;display:flex;align-items:center;justify-content:center;background:#f5f5f7;border-radius:10px;overflow:hidden}
.hb-received-grid .hb-mail-image-thumb img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;border-radius:0}
.hb-received-grid .hb-mail-attachment-copy{width:100%;padding-right:32px;box-sizing:border-box}
.hb-received-grid .hb-mail-attachment-copy strong{white-space:normal;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em}
.hb-received-grid .hb-mail-attachment-download{position:absolute;bottom:10px;right:6px;width:36px;height:40px;background:transparent;color:#17171b;z-index:1}
.hb-received-grid .hb-mail-attachment-download svg{width:20px;height:20px}
.hb-received-grid .hb-mail-attachment-content>svg{height:130px;width:48px;align-self:center}
.hb-received-grid .hb-mail-attachment-content:focus-visible,.hb-received-grid .hb-mail-attachment-download:focus-visible{outline:2px solid #1b2f50;outline-offset:2px}
@media(max-width:600px){.hb-support-attachments.hb-received-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hb-received-grid .hb-mail-attachment-row{padding:8px}.hb-received-grid .hb-mail-image-thumb{height:110px}.hb-received-grid .hb-mail-attachment-copy strong{font-size:13px}}
@media(max-width:350px){.hb-support-attachments.hb-received-grid{grid-template-columns:minmax(0,1fr)}}
.hb-received-grid .hb-mail-attachment-download{width:44px;height:44px;right:2px;bottom:6px;color:#747983;border-radius:8px;background:transparent;transition:opacity .15s ease,color .15s ease}
.hb-received-grid .hb-mail-attachment-download svg{width:18px;height:18px}
.hb-received-grid .hb-mail-attachment-download:hover{background:transparent;color:#1b2f50}
.hb-received-grid .hb-mail-attachment-copy{padding-right:36px}
@media(hover:hover) and (pointer:fine){.hb-received-grid .hb-mail-attachment-download{opacity:0}.hb-received-grid .hb-mail-attachment-row:hover .hb-mail-attachment-download,.hb-received-grid .hb-mail-attachment-row:focus-within .hb-mail-attachment-download{opacity:1}}
@media(prefers-reduced-motion:reduce){.hb-received-grid .hb-mail-attachment-download{transition:none}}

/* Round the photograph itself, without a grey thumbnail mat. */
.hb-received-grid .hb-mail-image-thumb{background:transparent;border-radius:0}
.hb-received-grid .hb-mail-image-thumb img{width:auto;height:auto;max-width:100%;max-height:100%;border-radius:10px;object-fit:contain}

.hb-received-grid .hb-mail-attachment-copy strong{min-height:0}.hb-received-grid .hb-mail-attachment-copy{min-height:28px;display:flex;align-items:center}.hb-received-grid .hb-mail-attachment-content{gap:6px}.hb-received-grid .hb-mail-attachment-download{bottom:2px}

/* Attachment media: rounded content without a native button frame or dark backing. */
.hb-mail-file-visual[data-video-open],.hb-mail-file-visual[data-mail-preview]{border:0;padding:0;background:transparent;box-shadow:none;cursor:pointer}
.hb-mail-file-visual[data-document-open]{text-decoration:none}
.hb-mail-file-visual[data-mail-preview]>img{width:auto;height:auto;max-width:100%;max-height:100%;border-radius:10px}
.hb-mail-file-visual .hb-video-thumb,.hb-received-grid .hb-video-thumb{background:transparent;display:grid;place-items:center}
.hb-mail-file-visual .hb-video-thumb>video,.hb-received-grid .hb-video-thumb>video{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;border-radius:10px}

/* The bundled font has no italic face; allow slanted text inside rich content. */
.hb-mail-editor,.hb-support-message,.jd-card-editor-text{font-synthesis:style}
:is(.hb-mail-editor,.hb-support-message,.jd-card-editor-text) :is(i,em){font-style:italic}
:is(.hb-mail-editor-body,.hb-support-message) :is(b,strong){font-weight:700}
:is(.hb-mail-editor-body,.hb-support-message) u{text-decoration:underline;text-underline-offset:2px}
:is(.hb-mail-editor-body,.hb-support-message) ul{list-style:disc outside}
:is(.hb-mail-editor-body,.hb-support-message) ol{list-style:decimal outside}

/* Compact attachment cards; filenames remain centered below their preview. */
.hb-support-attachments.hb-received-grid{grid-template-columns:repeat(auto-fill,minmax(0,160px));justify-content:start;gap:12px}
.hb-received-grid .hb-mail-attachment-copy{padding:0 18px;justify-content:center;text-align:center;min-height:32px}
.hb-received-grid .hb-mail-attachment-copy strong{width:100%;text-align:center;font-size:13px;line-height:1.35}
.hb-received-grid .hb-mail-attachment-download{right:0;bottom:4px;width:32px;height:36px}
@media(max-width:600px){.hb-support-attachments.hb-received-grid{grid-template-columns:repeat(2,minmax(0,160px));gap:8px}.hb-received-grid .hb-mail-attachment-copy{padding:0 20px;min-height:44px}.hb-received-grid .hb-mail-attachment-download{width:40px;height:44px;right:-4px;bottom:8px}}
@media(max-width:350px){.hb-support-attachments.hb-received-grid{grid-template-columns:minmax(0,160px)}}

/* Independent attachment heights, using the same packing as team cards. */
.hb-support-attachments.hb-received-grid.hb-specialist-masonry{grid-auto-rows:1px;row-gap:0;align-items:start}
.hb-received-grid .hb-mail-image-thumb{height:auto;min-height:0}
.hb-received-grid .hb-mail-image-thumb img{width:100%;height:auto;max-height:none}
.hb-received-grid .hb-video-thumb{width:100%;height:auto}
.hb-received-grid .hb-video-thumb>video{width:100%;height:auto;max-height:none}
.hb-received-grid .hb-mail-attachment-copy{min-height:0;padding-top:2px;padding-bottom:4px}

/* Isolated testing laboratory */
.hb-lab{display:grid;gap:20px;max-width:900px}.hb-lab p{margin:0}.hb-lab-statuses,.hb-lab-identities{display:grid;gap:12px}.hb-lab-status{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #e3e5eb}.hb-lab-person{display:grid;gap:16px;padding:18px}.hb-lab-person p{overflow-wrap:anywhere}.hb-lab details{overflow-wrap:anywhere}.hb-lab-banner{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);z-index:9999;background:#1b304f;color:white;border-left:3px solid #e51e59;border-radius:12px;padding:10px 16px;display:flex;align-items:center;gap:16px;font-size:12px;box-shadow:0 6px 24px #0002;max-width:calc(100vw - 24px)}.hb-lab-banner button{border:0;background:transparent;color:white;text-decoration:underline;cursor:pointer;font:inherit;white-space:nowrap}@media(max-width:600px){.hb-lab-person .detail-actions{display:grid}.hb-lab-banner{bottom:88px}.hb-lab-status{display:grid;gap:4px}}
.hb-lab-banner{flex-wrap:wrap;justify-content:center}.hb-lab-banner strong{text-align:center}@media(max-width:600px){.hb-lab-banner strong{flex-basis:100%}}

/* Laboratory uses the platform's shared field, check and action components. */
.hb-lab .form{min-width:0;margin:0}
.hb-lab .check{align-items:flex-start;margin:0;gap:12px}
.hb-lab .check input[type=checkbox]{margin:2px 0 0}
.hb-lab .check>span{min-width:0;line-height:1.5}
.hb-lab .field>span{font-weight:700}
.hb-lab .form-actions{margin-top:8px}
.hb-lab .detail-actions{flex-wrap:wrap;gap:12px}
.hb-lab-status>*{min-width:0;overflow-wrap:anywhere}
@media(max-width:600px){.hb-lab .form-actions>.btn{width:100%}.hb-lab .detail-actions{display:grid;grid-template-columns:minmax(0,1fr)}}

/* Client deletion is an icon action; retain its accessible name and focus outline. */
#app .hb-finance-office .hb-client-delete-icon,#app .hb-finance-office .hb-client-delete-icon:is(:hover,:active,:focus-visible){display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px;background:transparent!important;border:0;box-shadow:none;color:var(--accent)}
#app .hb-finance-office .hb-client-delete-icon svg{width:22px;height:22px}

/* Flat pocket surfaces and quiet disclosure controls. */
:root{--hb-button-soft-border:#DDE5EF}
.hb-board .hb-board-column:not(.can-drop),.hb-invoice-register .hb-vault-month-block,.hb-vault-archive-toolbar{background:#F7F9FC;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}
.hb-board .hb-board-column>header,.hb-invoice-register .hb-vault-month-block>summary,.hb-invoice-register .hb-vault-month-block>summary:hover{background:#EEF0F3;backdrop-filter:none;-webkit-backdrop-filter:none}
.hb-board .hb-board-column-empty{background:#F7F9FC}
.hb-vault-disclosure,.hb-vault-disclosure:hover,.hb-vault-archive-toolbar .hb-vault-disclosure,.hb-vault-archive-toolbar .hb-vault-disclosure:is(:hover,:active){background:transparent;box-shadow:none}
#app .hb-availability,#app .hb-availability>summary,#app .hb-availability>summary:hover{background:transparent}

/* Near-white exterior separates pockets from their headers and empty messages. */
.hb-board .hb-board-column:not(.can-drop),.hb-invoice-register .hb-vault-month-block,.hb-vault-archive-toolbar{background:#FDFEFF}

/* 520: scoped support and composer corrections; no global hover override. */
/* Match Billy header controls, including the support WhatsApp and close buttons. */
#modal:has(#hb-support-form)>.modal-head>:is(.icon-btn,.hb-whatsapp-contact,[data-action=close]){
 position:static!important;display:grid;place-items:center;flex:0 0 32px!important;
 width:32px!important;height:32px!important;min-width:32px;min-height:32px!important;
 padding:5px!important;margin:0!important;border:0!important;border-radius:10px;
 background:transparent!important;color:#eee!important;box-shadow:none;opacity:1;transform:none!important;
}
#modal:has(#hb-support-form)>.modal-head>:is(.icon-btn,.hb-whatsapp-contact) svg{width:22px;height:22px;flex-basis:22px}
@media(hover:hover){
 #modal:has(#hb-support-form)>.modal-head>:is(.icon-btn,.hb-whatsapp-contact,[data-action=close]):hover{background:#ffffff1f!important;color:#fff!important;box-shadow:none!important}
}
/* Empty composer equals send height; JS still expands it for multiline input. */
.hb-smart-guide .hb-guide-compose{display:flex;flex-wrap:nowrap;align-items:flex-end}
.hb-smart-guide .hb-guide-compose textarea{
 flex:1 1 0%;width:0;min-width:0;min-height:44px!important;height:44px;
 padding:10px 12px;line-height:22px;font-size:16px;box-sizing:border-box;max-height:160px;
}
.hb-smart-guide .hb-guide-compose button{flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;box-sizing:border-box}

/* 521: only the explicitly requested support/account/client controls. */
#modal:has(#hb-support-form)>.modal-head>:is(.icon-btn,.hb-whatsapp-contact,[data-action=close]){border-radius:10px!important;overflow:hidden}
#app .hb-account-actions .hb-account-delete{background:transparent!important;background-image:none!important;box-shadow:none!important}
@media(hover:hover){
 #app .hb-account-actions .hb-account-delete:hover{background:#fff!important;box-shadow:none!important}
 #app .hb-finance-row .detail-actions>:is([data-finance-client-view],[data-finance-client],[data-finance-issue],[data-finance-monthly]):hover{background:#fff!important;background-image:none!important;box-shadow:none!important}
}

/* 522: preserve borders, reserve breathing room before hover, never restyle coloured controls. */
@media(hover:hover){
 .hb-surface-hover{
  padding-left:var(--hb-hover-pad-left)!important;padding-right:var(--hb-hover-pad-right)!important;
  padding-top:var(--hb-hover-pad-top)!important;padding-bottom:var(--hb-hover-pad-bottom)!important;
  margin-left:var(--hb-hover-margin-left)!important;margin-right:var(--hb-hover-margin-right)!important;
  margin-top:var(--hb-hover-margin-top)!important;margin-bottom:var(--hb-hover-margin-bottom)!important;
  border-radius:10px;
 }
 .hb-surface-hover:not(:disabled):not([aria-disabled=true]):hover{background-color:#fff!important;color:var(--hb-hover-ink)!important}
}

/* 523: the account panel already has hover controls; keep its pale grey distinct from white. */
@media(hover:hover){
 #app .hb-account-intro .hb-account-actions .hb-account-action:not(:disabled):hover{background:#fff!important;background-image:none!important;box-shadow:none;border-radius:10px}
}

/* 524: separate the video hint from its preview on desktop and mobile. */
.hb-profile-video > [data-profile-video-preview]:not(:empty){margin-top:16px}

/* Expense labels use the same neutral presentation as Activity. */
.hb-exp-list .hb-finance-record-status{flex-direction:row;flex-wrap:wrap;justify-content:flex-end;align-items:center}
.hb-exp-list .hb-finance-record-status>strong,.hb-exp-list .hb-finance-record-status>small{flex-basis:100%;text-align:right}
.hb-exp-list .hb-finance-record-status>span,
.hb-exp-list .hb-finance-record-status>span.expPaidInFull,
.hb-exp-list .hb-finance-record-status>span.hb-exp-archived-label,
.hb-exp-detail .hb-exp-status.expPaidInFull,
.hb-exp-detail .hb-exp-status,.hb-exp-detail .hb-exp-archived-label{background:#f6f7fa;color:#45454b;font-size:12px;font-weight:650;padding:6px 10px;border-radius:8px}
.hb-exp-list .hb-finance-record-status>span.is-outstanding,
.hb-exp-detail .hb-exp-status.expOutstanding,.hb-exp-detail .hb-exp-status.expPartPaid{color:#e51e59}
@media(max-width:950px){
 .hb-exp-list .hb-finance-record-status{justify-content:flex-start}
 .hb-exp-list .hb-finance-record-status>strong,.hb-exp-list .hb-finance-record-status>small{text-align:left}
}

/* Modal image openers share a pointer, including their image children. */
:is(.hb-carousel-open,.hb-public-gallery button,.hb-specialist-avatar-open,.hb-admin-avatar-open,.hb-admin-photo-open,.hb-avatar-photo-open,[data-booking-photo],[data-acct-photo]){cursor:pointer}
:is(.hb-carousel-open,.hb-public-gallery button,.hb-specialist-avatar-open,.hb-admin-avatar-open,.hb-admin-photo-open,.hb-avatar-photo-open,[data-acct-photo]) img{cursor:inherit}

.hb-subscription-lifecycle{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:18px;border-radius:16px;background:#f4f3f8;color:#172442;margin-bottom:12px}.hb-subscription-lifecycle>div{display:flex;flex-direction:column;gap:6px;min-width:0}.hb-subscription-lifecycle span{font-size:.8rem}.hb-subscription-lifecycle strong{font-size:.95rem;overflow-wrap:anywhere}@media(max-width:560px){.hb-subscription-lifecycle{grid-template-columns:1fr;gap:12px}}