:root{--business-ink:#173f35;--business-green:#145b57;--business-muted:#687a73;--business-line:rgba(29,75,63,.13);--business-paper:#f6f5ef;--business-white:rgba(255,255,255,.78)}
*{box-sizing:border-box}
body{margin:0;color:var(--business-ink);font-family:Inter,system-ui,sans-serif}
button,input,select,textarea{font:inherit}
.business-access-page{min-height:100vh;background:linear-gradient(140deg,#faf8f2 0%,#f1f4ed 48%,#e6eee8 100%)}
.business-access{width:min(1080px,calc(100% - 96px));min-height:calc(100svh - var(--shell-header,78px) - var(--shell-footer,52px));margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(400px,420px);align-items:center;gap:clamp(40px,4vw,64px);padding:70px 0 90px}
.business-access--activation{min-height:100svh}
.business-access__intro>span{display:block;margin:24px 0;color:rgba(25,87,72,.58);font:700 .7rem/1 Manrope,sans-serif;letter-spacing:.2em;text-transform:uppercase}
.business-access__intro h1{max-width:10ch;margin:0;font:560 clamp(3.6rem,6vw,6.6rem)/.94 Manrope,sans-serif;letter-spacing:-.067em;text-wrap:balance}
.business-access__intro p{max-width:560px;margin:28px 0 0;color:var(--business-muted);font:430 1.02rem/1.7 Manrope,sans-serif}
.business-access__brand img{width:100px;height:auto}
.business-access__card{padding:clamp(28px,4vw,48px);border:1px solid rgba(24,82,67,.1);border-radius:28px;background:rgba(255,255,255,.72);box-shadow:0 28px 70px rgba(28,65,54,.08);backdrop-filter:blur(16px)}
.business-access__card form{display:grid;gap:22px}
.business-access__card label{display:grid;gap:9px;color:#52665e;font:600 .79rem/1.25 Manrope,sans-serif}
.business-access__card input{width:100%;height:56px;padding:0 16px;border:1px solid var(--business-line);border-radius:13px;outline:0;background:rgba(255,255,255,.88);color:#213f36;font-size:1rem}
.business-access__card input:focus{border-color:rgba(20,91,87,.48);box-shadow:0 0 0 4px rgba(20,91,87,.06)}
.business-access__card label small{color:#83908b;font-weight:430;line-height:1.5}
.business-password{position:relative}
.business-password input{padding-right:80px}
.business-password button{position:absolute;right:6px;top:6px;height:44px;padding:0 11px;border:0;background:transparent;color:var(--business-green);font-size:.75rem;font-weight:700;}
.business-submit,.portal-primary{display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:0 18px;border:0;border-radius:13px;background:var(--business-green);color:#fff;font-weight:700;}
.business-submit:disabled,.portal-primary:disabled{opacity:.55}
.business-help-link{justify-self:start;color:var(--business-green);font-size:.78rem;text-decoration:none}
.business-form-message{min-height:1.4em;color:#a04639;font-size:.78rem;line-height:1.4}
.business-access__card .business-trust-device{display:flex;align-items:center;gap:10px;}
.business-access__card .business-trust-device input{width:18px;height:18px;flex:0 0 18px;margin:0;accent-color:var(--business-green)}
.business-two-factor-copy h2{margin:0;font:600 1.45rem/1.2 Manrope,sans-serif;letter-spacing:-.03em}
.business-two-factor-copy p{margin:9px 0 0;color:var(--business-muted);font-size:.82rem;line-height:1.55}
.business-two-factor-back{justify-self:start;padding:0;border:0;background:transparent;color:var(--business-green);font-size:.78rem;font-weight:700;}
.business-access__card form[hidden]{display:none}
.business-account-name{padding:14px;border-radius:12px;background:#edf3ee;color:#315b4f;font-weight:700}
.business-token-state{color:var(--business-muted);line-height:1.6}
.business-portal-page{min-height:100vh;background:#f1f2ec}
.business-portal-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid var(--business-line);background:rgba(250,249,245,.9);backdrop-filter:blur(14px)}
.business-portal-header>a img{width:96px}
.business-portal-header>div{display:flex;align-items:center;gap:13px;font-size:.78rem}
.business-portal-header>div span{font-weight:700}
.business-portal-header>div b{padding-left:13px;border-left:1px solid var(--business-line);color:#71817b;font-weight:500}
.business-portal-header button{border:0;background:transparent;color:var(--business-green);font-weight:700;}
.business-portal{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .2s ease}
.business-portal-nav{position:sticky;top:0;height:100vh;display:flex;align-items:stretch;flex-direction:column;gap:0;padding:0 18px 18px;overflow-x:hidden;overflow-y:auto;border-right:1px solid var(--business-line);background:rgba(255,255,255,.4)}
.business-portal-nav button{display:flex;justify-content:space-between;padding:13px 15px;border:0;border-radius:11px;background:transparent;color:#65766f;text-align:left;}
.business-portal-nav button[data-portal-tab]::before{display:none!important;content:attr(data-nav-short)}
.business-portal-nav button.active{background:#e1ebe5;color:var(--business-ink);font-weight:700}
.business-portal-nav i{min-width:21px;padding:2px 6px;border-radius:99px;background:#d7e5dd;font-size:.68rem;font-style:normal;text-align:center}
.business-portal-nav__toggle{min-height:96px;flex:0 0 96px;align-items:center;justify-content:center;gap:11px;margin-bottom:0;padding:0 15px!important;border-bottom:1px solid var(--business-line)!important;border-radius:0!important;color:#6b7e76!important}
.business-portal-nav__toggle span{position:relative;width:24px;height:24px;border:0;background:currentColor;-webkit-mask:url('/assets/desktop/img/business-panel/collapse-left.svg') center/contain no-repeat;mask:url('/assets/desktop/img/business-panel/collapse-left.svg') center/contain no-repeat}
.business-portal-nav__toggle span::before,.business-portal-nav__toggle span::after{content:none}
.business-portal-nav__toggle b{font-size:.68rem;font-weight:700}
.business-portal.is-nav-collapsed{grid-template-columns:76px minmax(0,1fr)}
.business-portal.is-nav-collapsed .business-portal-nav{padding-inline:11px}
.business-portal.is-nav-collapsed .business-portal-nav__toggle{justify-content:center;padding-inline:0}
.business-portal.is-nav-collapsed .business-portal-nav__toggle b,.business-portal.is-nav-collapsed .business-portal-nav button[data-portal-tab]>span{display:none}
.business-portal.is-nav-collapsed .business-portal-nav button[data-portal-tab]{position:relative;align-items:center;justify-content:center;min-height:48px;padding:0}
.business-portal.is-nav-collapsed .business-portal-nav button[data-portal-tab]::before{display:grid;width:29px;height:29px;place-items:center;border:1px solid rgba(20,91,87,.14);border-radius:9px;font:700 .68rem/1 Manrope,sans-serif}
.business-portal.is-nav-collapsed .business-portal-nav i{position:absolute;top:4px;right:3px;min-width:16px;padding:1px 4px}
.business-portal.is-commerce-active .business-portal-content{max-width:none;height:100vh;min-height:0;padding:0;overflow:hidden}
.business-portal-content{width:100%;max-width:1300px;padding:clamp(32px,5vw,70px)}
.portal-view{display:none}
.portal-view.active{display:block}
.portal-heading{margin-bottom:42px}
.portal-heading>span,.portal-heading>div>span{display:block;margin-bottom:12px;color:#6b8a7f;font-size:.68rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.portal-heading h1{margin:0;font:560 clamp(2.7rem,4.7vw,5rem)/.98 Manrope,sans-serif;letter-spacing:-.06em}
.portal-heading--action{display:flex;align-items:end;justify-content:space-between;gap:24px}
.portal-heading--action .portal-primary{min-height:46px}
.portal-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.portal-metric,.portal-card,.portal-row,.portal-ticket,.portal-ticket-thread{border:1px solid var(--business-line);border-radius:18px;background:var(--business-white)}
.portal-metric{padding:20px}
.portal-metric b{display:block;font:560 2rem/1 Manrope,sans-serif}
.portal-metric span{display:block;margin-top:9px;color:var(--business-muted);font-size:.75rem}
.portal-section{margin-top:34px}
.portal-section__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.portal-section__head h2{font:600 1.3rem/1.2 Manrope,sans-serif}
.portal-list,[data-portal-sites]{display:grid;gap:10px}
.portal-row{display:grid;grid-template-columns:minmax(0,1fr) repeat(2,minmax(120px,.25fr));align-items:center;gap:18px;padding:18px 20px}
.portal-row h3{margin:0 0 5px;font-size:.94rem}
.portal-row p,.portal-row span,.portal-row small{margin:0;color:var(--business-muted);font-size:.75rem}
.portal-row strong{text-align:right;font-size:.85rem}
.portal-status{justify-self:end;padding:6px 9px;border-radius:99px;background:#e5eee8;color:#376153;font-size:.68rem;font-weight:700}
.portal-empty{padding:32px;color:var(--business-muted);text-align:center}
.portal-support-layout{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(400px,1.28fr);gap:16px}
.portal-ticket-list{display:grid;align-content:start;gap:8px}
.portal-ticket{padding:16px;text-align:left;}
.portal-ticket.active{border-color:rgba(20,91,87,.45);box-shadow:0 0 0 3px rgba(20,91,87,.05)}
.portal-ticket b,.portal-ticket span,.portal-ticket small{display:block}
.portal-ticket span{margin:6px 0;color:var(--business-muted);font-size:.76rem}
.portal-ticket small{color:#83918b;font-size:.68rem}
.portal-ticket-thread{min-height:420px;padding:22px}
.ticket-thread-head{display:flex;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--business-line)}
.ticket-thread-head h2{margin:5px 0 0;font-size:1.15rem}
.ticket-messages{display:grid;gap:12px;padding:20px 0}
.ticket-message{max-width:88%;padding:13px 15px;border-radius:15px;background:#e9efea}
.ticket-message.admin{margin-left:auto;background:#d6e7df}
.ticket-message p{margin:0;white-space:pre-wrap;font-size:.82rem;line-height:1.55}
.ticket-message small{display:block;margin-top:8px;color:#74837d;font-size:.65rem}
.ticket-reply{display:flex;gap:9px}
.ticket-reply textarea{flex:1;min-height:82px;padding:12px;border:1px solid var(--business-line);border-radius:12px;resize:vertical}
.ticket-reply button{align-self:end}
.portal-dialog{width:min(620px,calc(100% - 28px));padding:0;border:0;border-radius:24px;color:var(--business-ink);box-shadow:0 30px 80px rgba(10,29,22,.28)}
.portal-dialog::backdrop{background:rgba(10,29,22,.55);backdrop-filter:blur(4px)}
.portal-dialog form{display:grid;gap:15px;padding:26px}
.portal-dialog header{display:flex;align-items:center;justify-content:space-between}
.portal-dialog h2{margin:0}
.portal-dialog header button{border:0;background:transparent;font-size:1.8rem}
.portal-dialog label{display:grid;gap:7px;font-size:.78rem;font-weight:700}
.portal-dialog input,.portal-dialog select,.portal-dialog textarea{width:100%;padding:12px;border:1px solid var(--business-line);border-radius:11px;background:#fff}
.portal-dialog textarea{resize:vertical}
@media(max-width:1px){
    .business-portal-nav__toggle{width:44px;min-width:44px;min-height:44px;flex:0 0 44px;display:flex!important;justify-content:center!important;margin:0 3px 0 0;padding:0!important;border:0!important;border-right:1px solid var(--business-line)!important}
    .business-portal.is-nav-collapsed .business-portal-nav button[data-portal-tab]>span{display:inline}
    .business-portal.is-nav-collapsed .business-portal-nav button[data-portal-tab]::before{display:none}
    .business-portal.is-commerce-active .business-portal-content{height:calc(100dvh - 58px);padding:0}
    .business-access{
        width:calc(100% - 36px);
        min-height:calc(100dvh - var(--shell-header,64px));
        grid-template-columns:1fr;
        gap:34px;
        padding:48px 0 72px;
    }
    .business-access__intro>span{margin:0 0 18px}
    .business-access__intro h1{max-width:10ch;font-size:clamp(2.75rem,13vw,4.4rem);line-height:.95}
    .business-access__intro p{margin-top:20px;font-size:.92rem;line-height:1.6}
    .business-access__card{min-width:0;padding:22px 18px;border-radius:20px}
    .business-access__card input{height:54px;font-size:16px}

    .business-portal-header{
        position:sticky;
        z-index:30;
        top:0;
        height:64px;
        padding:0 20px;
        border-bottom:1px solid var(--business-line);
        background:rgba(250,249,245,.97);
    }
    .business-portal-header>a img{width:88px}
    .business-portal-header>div{gap:8px}
    .business-portal-header>div span,.business-portal-header>div b{display:none}
    .business-portal{
        display:flex;
        min-height:calc(100dvh - 64px);
        flex-direction:column;
    }
    .business-portal-nav{
        position:sticky;
        z-index:20;
        top:0;
        order:0;
        width:100%;
        display:flex;
        align-items:stretch;
        flex-direction:row;
        gap:3px;
        margin:0;
        padding-top:7px;
        padding-right:max(8px,env(safe-area-inset-right));
        padding-bottom:7px;
        padding-left:max(8px,env(safe-area-inset-left));
        overflow-x:auto;
        overflow-y:hidden;
        scrollbar-width:none;
        height:auto;
        border:0;
        border-bottom:1px solid var(--business-line);
        background:rgba(249,249,245,.96);
        box-shadow:0 8px 20px rgba(23,63,53,.055);
        backdrop-filter:blur(16px);
    }
    .business-portal-nav button{
        position:relative;
        min-width:0;
        min-height:44px;
        display:flex;
        align-items:center;
        justify-content:center;
        padding:6px 2px;
        border-radius:0;
        background:transparent;
        color:#718079;
        font-size:clamp(.57rem,2.7vw,.7rem);
        font-weight:600;
        text-align:center;
        white-space:normal;
    }
    .business-portal-nav button.active{
        background:transparent;
        color:var(--business-green);
        font-weight:800;
        box-shadow:none;
    }
    .business-portal-nav button.active::after{
        content:"";
        position:absolute;
        bottom:-7px;
        left:50%;
        width:64%;
        height:3px;
        border-radius:3px 3px 0 0;
        background:var(--business-green);
        transform:translateX(-50%);
    }
    .business-portal-nav i{display:none}
    .business-portal-content{order:1;width:100%;max-width:none;padding:42px 20px 72px}
    .portal-heading{margin-bottom:30px}
    .portal-heading h1{max-width:100%;font-size:clamp(2.35rem,11vw,3.8rem);overflow-wrap:anywhere}
    .portal-heading--action{align-items:stretch;flex-direction:column}
    .portal-heading--action .portal-primary{width:100%}
    .portal-metrics{grid-template-columns:1fr 1fr;gap:9px}
    .portal-metric{min-width:0;padding:16px;border-radius:15px}
    .portal-metric b{font-size:1.45rem}
    .portal-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:16px;border-radius:15px}
    .portal-row>*:nth-child(2){display:none}
    .portal-row h3,.portal-row p,.portal-row strong{overflow-wrap:anywhere}
    .portal-support-layout{grid-template-columns:1fr;gap:14px}
    .portal-ticket-list{max-height:42dvh;overflow:auto}
    .portal-ticket-thread{min-width:0;min-height:360px;padding:18px 14px;border-radius:17px}
    .ticket-thread-head{align-items:flex-start}
    .ticket-message{max-width:94%}
    .ticket-reply{display:grid;grid-template-columns:1fr}
    .ticket-reply textarea{width:100%;min-height:110px;font-size:16px}
    .ticket-reply button{width:100%}
    .portal-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px);overflow:auto;border-radius:18px}
    .portal-dialog form{padding:22px 16px}
    .portal-dialog input,.portal-dialog select,.portal-dialog textarea{min-height:50px;font-size:16px}
    .ticket-attachment{grid-template-columns:48px minmax(0,1fr)}
    .ticket-attachment__action{display:none}
    .attachment-preview-dialog{width:calc(100% - 12px);height:calc(100dvh - 12px);border-radius:16px}
}
@media(max-width:1px){
    .portal-metrics{grid-template-columns:1fr}
}
.portal-service-options{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.portal-service-options span{padding:6px 9px;border:1px solid var(--business-line);border-radius:999px;background:rgba(255,255,255,.72);color:var(--business-ink);font-size:.68rem;font-weight:650}
.portal-project-row a{color:var(--business-green);text-decoration:none}
.portal-project-row a:hover{text-decoration:underline}
.portal-service-row>div{min-width:0}
.ticket-status-text{align-self:start;padding-top:3px;color:#60766e;font-size:.72rem;font-weight:700}
.ticket-attachment{width:min(100%,420px);margin-top:11px;padding:8px;border:1px solid rgba(29,75,63,.11);border-radius:11px;background:rgba(255,255,255,.58);display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:11px;color:var(--business-ink);text-align:left;}
.ticket-attachment__preview,.ticket-attachment__icon{width:52px;height:44px;border-radius:8px}
.ticket-attachment__preview{display:block;object-fit:cover;background:#e1e8e3}
.ticket-attachment__icon{display:grid;place-items:center;background:#e2ebe5;color:#537168;font-size:.6rem;font-weight:800;letter-spacing:.08em}
.ticket-attachment__meta{min-width:0}
.ticket-attachment__meta b,.ticket-attachment__meta small{display:block}
.ticket-attachment__meta b{overflow:hidden;color:#244c40;font-size:.74rem;text-overflow:ellipsis;white-space:nowrap}
.ticket-attachment__meta small{margin-top:4px;color:#7c8c86;font-size:.62rem}
.ticket-attachment__action{color:#476d61;font-size:.66rem;font-weight:700;white-space:nowrap}
.attachment-preview-dialog{width:min(920px,calc(100% - 40px));height:min(780px,calc(100svh - 40px));padding:0;border:0;border-radius:20px;background:#f8f8f4;color:var(--business-ink);box-shadow:0 30px 90px rgba(10,29,22,.3)}
.attachment-preview-dialog::backdrop{background:rgba(10,29,22,.62);backdrop-filter:blur(5px)}
.attachment-preview-dialog header{height:70px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--business-line)}
.attachment-preview-dialog header div{min-width:0}
.attachment-preview-dialog header small,.attachment-preview-dialog header b{display:block}
.attachment-preview-dialog header small{margin-bottom:4px;color:#74877f;font-size:.62rem;text-transform:uppercase;letter-spacing:.12em}
.attachment-preview-dialog header b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.attachment-preview-dialog header button{width:38px;height:38px;border:0;background:transparent;color:var(--business-ink);font-size:1.65rem;}
.attachment-preview-dialog__body{height:calc(100% - 126px);padding:18px;display:grid;place-items:center}
.attachment-preview-dialog__body img{max-width:100%;max-height:100%;border-radius:10px;box-shadow:0 12px 34px rgba(16,43,35,.12)}
.attachment-preview-dialog__body iframe{width:100%;height:100%;border:0;border-radius:10px;background:#fff}
.attachment-preview-dialog footer{height:56px;padding:0 20px;display:flex;align-items:center;justify-content:flex-end;border-top:1px solid var(--business-line)}
.attachment-preview-dialog footer a{color:var(--business-green);font-size:.76rem;font-weight:700;text-decoration:none}
@media(max-width:1px){.ticket-attachment{grid-template-columns:48px minmax(0,1fr)}
.ticket-attachment__preview,.ticket-attachment__icon{width:48px;height:42px}
.ticket-attachment__action{display:none}
.attachment-preview-dialog{width:calc(100% - 20px);height:calc(100svh - 20px)}
}
.business-submit {
    justify-content: center;
    text-align: center;
}

.portal-updates {
    max-width: 900px;
}

.portal-update-list {
    overflow: hidden;
    border: 1px solid var(--business-line);
    border-radius: 20px;
    background: var(--business-white);
}

.portal-update-row {
    width: 100%;
    min-height: 94px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 20px 24px;
    border: 0;
    border-top: 1px solid var(--business-line);
    background: transparent;
    color: var(--business-ink);
    text-align: left;
    
    transition: background-color .2s ease;
}

.portal-update-row:first-child {
    border-top: 0;
}

.portal-update-row:hover {
    background: rgba(225, 235, 229, .52);
}

.portal-update-row span,
.portal-update-row small,
.portal-update-row b {
    display: block;
}

.portal-update-row small {
    margin-bottom: 8px;
    color: #6b8a7f;
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .14em;
}

.portal-update-row b {
    font: 600 1.08rem/1.35 Manrope, sans-serif;
}

.portal-update-row em {
    color: var(--business-muted);
    font-size: .82rem;
    font-style: normal;
    font-weight: 500;
}

.portal-update-row > i {
    color: var(--business-green);
    font-size: 1.35rem;
    font-style: normal;
}

.portal-update-dialog {
    width: min(820px, calc(100% - 32px));
    max-height: calc(100dvh - 40px);
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: 26px;
    background: #f8f8f3;
    color: var(--business-ink);
    box-shadow: 0 34px 90px rgba(10, 29, 22, .3);
}

.portal-update-dialog::backdrop {
    background: rgba(10, 29, 22, .62);
    backdrop-filter: blur(5px);
}

.portal-update-dialog > article {
    max-height: calc(100dvh - 40px);
    overflow: auto;
}

.portal-update-dialog header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    padding: 42px 44px 30px;
    background: linear-gradient(135deg, #edf2ec, #f8f8f3);
}

.portal-update-dialog header span {
    display: block;
    margin-bottom: 12px;
    color: #6b8a7f;
    font-size: .67rem;
    font-weight: 800;
    letter-spacing: .16em;
}

.portal-update-dialog h2 {
    margin: 0;
    font: 560 clamp(2.4rem, 6vw, 4.5rem)/.98 Manrope, sans-serif;
    letter-spacing: -.055em;
}

.portal-update-dialog header button {
    width: 42px;
    height: 42px;
    flex: 0 0 auto;
    border: 1px solid var(--business-line);
    border-radius: 50%;
    background: rgba(255, 255, 255, .7);
    color: var(--business-ink);
    font-size: 1.55rem;
    
}

.portal-update-dialog__summary {
    margin: 0;
    padding: 0 44px 36px;
    background: linear-gradient(135deg, #edf2ec, #f8f8f3);
    color: #506a61;
    font: 500 1.05rem/1.7 Manrope, sans-serif;
}

.portal-update-dialog__body {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    padding: 12px 44px 32px;
}

.portal-update-dialog__body section {
    padding: 28px 28px 28px 0;
    border-bottom: 1px solid var(--business-line);
}

.portal-update-dialog__body section:nth-child(even) {
    padding-right: 0;
    padding-left: 28px;
    border-left: 1px solid var(--business-line);
}

.portal-update-dialog__body h3 {
    margin: 0 0 13px;
    font: 650 1rem/1.35 Manrope, sans-serif;
}

.portal-update-dialog__body p {
    margin: 10px 0 0;
    color: #60746d;
    font-size: .84rem;
    line-height: 1.7;
}

.portal-update-dialog footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 44px 24px;
}

.portal-update-dialog footer span {
    color: #739087;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .18em;
}

.portal-update-dialog footer button {
    min-height: 42px;
    padding: 0 18px;
    border: 0;
    border-radius: 12px;
    background: var(--business-green);
    color: #fff;
    font-weight: 700;
    
}

@media(max-width:1px) {
    .portal-update-row {
        min-height: 82px;
        padding: 17px 18px;
    }

    .portal-update-dialog {
        width: calc(100% - 16px);
        max-height: calc(100dvh - 16px);
        border-radius: 20px;
    }

    .portal-update-dialog > article {
        max-height: calc(100dvh - 16px);
    }

    .portal-update-dialog header {
        padding: 30px 22px 22px;
    }

    .portal-update-dialog h2 {
        font-size: clamp(2.2rem, 12vw, 3.5rem);
    }

    .portal-update-dialog__summary {
        padding: 0 22px 28px;
        font-size: .95rem;
    }

    .portal-update-dialog__body {
        grid-template-columns: 1fr;
        padding: 8px 22px 24px;
    }

    .portal-update-dialog__body section,
    .portal-update-dialog__body section:nth-child(even) {
        padding: 24px 0;
        border-left: 0;
    }

    .portal-update-dialog footer {
        padding: 16px 22px 22px;
    }
}

/* Business navigation: first-use labels, persistent icon rail afterwards. */

.business-portal-nav button[data-portal-tab] {
    position:relative;
    min-height:48px;
    align-items:center;
    justify-content:flex-start;
    gap:13px;
    color:#667a72;
    font:560 .88rem/1.2 Manrope,sans-serif;
}

.business-portal-nav button[data-portal-tab].active {
    color:var(--business-ink);
}

.business-portal-nav button[data-portal-tab]:disabled {
    color:#94a09b;
    
    opacity:.42;
}

.business-portal-nav__label {
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.business-portal-nav__icon {
    --portal-nav-icon:none;
    width:20px;
    height:20px;
    flex:0 0 auto;
    display:block;
    background:currentColor;
    -webkit-mask:var(--portal-nav-icon) center/contain no-repeat;
    mask:var(--portal-nav-icon) center/contain no-repeat;
}

.business-portal-nav__icon--general {
    --portal-nav-icon:url('/assets/desktop/img/business-panel/general.svg');
    width:19px;
    height:19px;
}

.business-portal-nav__icon--commerce {
    --portal-nav-icon:url('/assets/desktop/img/business-panel/store.svg');
    width:20px;
    height:20px;
}

.business-portal-nav__icon--services {
    --portal-nav-icon:url('/assets/desktop/img/business-panel/services.svg');
    width:19px;
    height:19px;
}

.business-portal-nav__icon--payments {
    --portal-nav-icon:url('/assets/desktop/img/business-panel/payments.svg');
    width:21px;
    height:19px;
}

.business-portal-nav__icon--agreements {
    --portal-nav-icon:url('/assets/desktop/img/business-panel/agreements.svg');
    width:19px;
    height:21px;
}

.business-portal-nav__icon--support {
    --portal-nav-icon:url('/assets/desktop/img/business-panel/messages.svg');
    width:20px;
    height:20px;
}

.business-portal-nav button[data-portal-tab] i {
    margin-left:auto;
}

.business-portal-nav__menu {
    min-height:0;
    flex:1 1 auto;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:5px;
    padding-block:18px;
}

.business-portal-nav__menu > button[data-portal-tab] {
    width:100%;
    height:48px;
    min-height:48px;
    flex:0 0 48px;
}

.business-nav-prefers-collapsed .business-portal,
.business-portal.is-nav-collapsed {
    grid-template-columns:76px minmax(0,1fr);
}

.business-nav-prefers-collapsed .business-portal-nav,
.business-portal.is-nav-collapsed .business-portal-nav {
    padding-inline:11px;
}

.business-nav-prefers-collapsed .business-portal-nav__label,
.business-portal.is-nav-collapsed .business-portal-nav__label {
    display:none!important;
}

.business-nav-prefers-collapsed .business-portal-nav button[data-portal-tab],
.business-portal.is-nav-collapsed .business-portal-nav button[data-portal-tab] {
    justify-content:center;
    gap:0;
    padding-inline:0;
}

.business-nav-prefers-collapsed .business-portal-nav__toggle,
.business-portal.is-nav-collapsed .business-portal-nav__toggle {
    justify-content:center!important;
    padding-inline:0!important;
}

.business-nav-prefers-collapsed .business-portal-nav__toggle span,
.business-portal.is-nav-collapsed .business-portal-nav__toggle span {
    -webkit-mask-image:url('/assets/desktop/img/business-panel/collapse-right.svg');
    mask-image:url('/assets/desktop/img/business-panel/collapse-right.svg');
}

.business-nav-prefers-collapsed .business-portal-nav__icon,
.business-portal.is-nav-collapsed .business-portal-nav__icon {
    display:block!important;
}

.business-nav-prefers-collapsed .business-portal-nav i,
.business-portal.is-nav-collapsed .business-portal-nav i {
    position:absolute;
    top:3px;
    right:1px;
    min-width:16px;
    margin:0;
    padding:1px 4px;
}

.business-portal-nav__account {
    width:100%;
    min-width:0;
    flex:0 0 auto;
    align-content:start;
    display:grid;
    gap:8px;
    margin-top:0;
    padding:22px 15px 2px;
    border-top:1px solid var(--business-line);
}

.business-portal-nav .business-portal-nav__utility {
    overflow:hidden;
    min-width:0;
    min-height:42px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:11px;
    padding:8px 0;
    border:0;
    border-radius:0;
    background:transparent;
    color:#667a72;
    font:560 .75rem/1.2 Manrope,sans-serif;
    text-decoration:none;
    
}

.business-portal-nav .business-portal-nav__utility:hover,
.business-portal-nav .business-portal-nav__utility:focus-visible {
    color:var(--business-green);
}

.business-portal-nav__utility b {
    overflow:hidden;
    font:inherit;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.business-portal-nav__utility-icon {
    --portal-utility-icon:none;
    width:19px;
    height:19px;
    flex:0 0 auto;
    display:block;
    background:currentColor;
    -webkit-mask:var(--portal-utility-icon) center/contain no-repeat;
    mask:var(--portal-utility-icon) center/contain no-repeat;
}

.business-portal-nav__utility-icon--external {
    --portal-utility-icon:url('/assets/desktop/img/business-panel/external-link.svg');
}

.business-portal-nav__utility-icon--logout {
    --portal-utility-icon:url('/assets/desktop/img/business-panel/logout.svg');
}

.business-nav-prefers-collapsed .business-portal-nav__account,
.business-portal.is-nav-collapsed .business-portal-nav__account {
    justify-items:center;
    padding-inline:0;
}

.business-nav-prefers-collapsed .business-portal-nav__utility b,
.business-portal.is-nav-collapsed .business-portal-nav__utility b {
    display:none!important;
}

.business-nav-prefers-collapsed .business-portal-nav .business-portal-nav__utility,
.business-portal.is-nav-collapsed .business-portal-nav .business-portal-nav__utility {
    width:44px;
    justify-content:center;
    padding-inline:0;
}

@media(max-width:1px) {
    .business-portal-nav__menu {
        min-width:max-content;
        flex:1 0 auto;
        align-items:stretch;
        flex-direction:row;
        gap:3px;
        padding:0;
    }

    .business-portal-nav__menu > button[data-portal-tab] {
        width:auto;
        height:44px;
        min-height:44px;
        flex:1 0 92px;
    }

    .business-portal-nav::-webkit-scrollbar {
        display:none;
    }

    .business-portal-nav button[data-portal-tab] {
        min-width:92px;
        flex:1 0 92px;
        justify-content:center;
        gap:8px;
        padding-inline:8px;
        white-space:nowrap;
    }

    .business-nav-prefers-collapsed .business-portal-nav,
    .business-portal.is-nav-collapsed .business-portal-nav {
        padding-right:max(8px,env(safe-area-inset-right));
        padding-left:max(8px,env(safe-area-inset-left));
    }

    .business-nav-prefers-collapsed .business-portal-nav button[data-portal-tab],
    .business-portal.is-nav-collapsed .business-portal-nav button[data-portal-tab] {
        min-width:50px;
        flex:0 0 50px;
    }

    .business-portal-nav__account {
        display:flex;
        flex:0 0 auto;
        align-items:center;
        gap:3px;
        margin:0 0 0 3px;
        padding:0 0 0 7px;
        border-top:0;
        border-left:1px solid var(--business-line);
    }

    .business-portal-nav .business-portal-nav__utility {
        width:42px;
        min-height:44px;
        justify-content:center;
        padding:0;
    }

    .business-portal-nav__utility b {
        display:none;
    }
}

.business-portal.is-commerce-active .portal-view[data-portal-view="commerce"].active {
    height:100%;
    min-height:0;
}

.business-page :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea, [contenteditable="true"]):is(:focus, :focus-visible),
.business-portal :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea, [contenteditable="true"]):is(:focus, :focus-visible) {
    outline:none !important;
    box-shadow:inset 0 -2px 0 rgba(23,109,100,.68) !important;
    -webkit-tap-highlight-color:transparent;
}