.login-button{margin-left: 2px;}
.modal-header h2{letter-spacing: -0.04em; margin: 0px; font-size: clamp(30px, 3vw, 48px); line-height: 1.08;}
.modal-backdrop{z-index: 300; backdrop-filter: blur(8px); background: rgba(3, 22, 29, 0.76); place-items: center; padding: 24px; display: grid; position: fixed; inset: 0px; overflow-y: auto;}
.modal{background: rgb(255, 255, 255); border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 22px; width: min(840px, 100%); max-height: min(860px, -48px + 100vh); overflow-y: auto; box-shadow: rgba(0, 0, 0, 0.35) 0px 30px 90px;}
.modal.save-modal{width: min(610px, 100%);}
.modal.subscription-modal{width: min(560px, 100%);}
.modal-header{z-index: 3; border-bottom: 1px solid var(--line); backdrop-filter: blur(12px); background: rgba(255, 255, 255, 0.96); justify-content: space-between; align-items: center; gap: 18px; min-height: 84px; padding: 18px 24px; display: flex; position: sticky; top: 0px;}
.modal-header .eyebrow{margin: 0px; font-size: 10px;}
.modal-header h2{margin-top: 2px; font-size: 25px;}
.modal-header > button{background: var(--canvas); border-radius: 50%; flex: 0 0 auto; place-items: center; width: 46px; height: 46px; display: grid;}
.modal-form{padding: 26px;}
.modal-actions{justify-content: flex-end; gap: 10px; display: flex;}
.modal-form{gap: 18px; display: grid;}
.form-intro{background: var(--teal-pale); color: rgb(49, 94, 102); border-radius: 13px; align-items: flex-start; gap: 14px; padding: 16px; display: flex;}
.form-intro p{margin: 0px;}
.modal-form label{gap: 7px; display: grid;}
.modal-form label span{font-size: 14px; font-weight: 800;}
.modal-form input,.modal-form textarea{background: rgb(255, 255, 255); border: 1px solid rgb(186, 203, 208); border-radius: 10px; outline: 0px; width: 100%; padding: 13px 14px;}
.modal-form input:focus,.modal-form textarea:focus{border-color: var(--teal); box-shadow: rgba(0, 168, 179, 0.13) 0px 0px 0px 3px;}
.modal-form .primary-button{justify-self: end;}
@media (width <= 620px){.modal-backdrop{align-items: end; padding: 0px;}
.modal{border-radius: 22px 22px 0px 0px; width: 100%; max-height: 92vh;}
.modal-actions{flex-direction: column; grid-template-columns: 1fr;}
.modal-actions button,.modal-form .primary-button{width: 100%;}
}
.login-modal-form{gap: 18px;}
.login-mode-tabs{border: 1px solid var(--line); background: rgb(241, 245, 246); border-radius: 16px; grid-template-columns: 1fr 1fr; gap: 8px; padding: 5px; display: grid;}
.login-mode-tabs > button{color: rgb(69, 98, 106); border: 1px solid rgba(0, 0, 0, 0); border-radius: 12px; justify-content: center; align-items: center; gap: 8px; min-height: 48px; padding: 10px 16px; font-size: 15px; font-weight: 800; transition: border-color 0.16s, background 0.16s, box-shadow 0.16s, color 0.16s; display: inline-flex;}
.login-mode-tabs > button:hover{color: var(--teal-dark); background: rgba(255, 255, 255, 0.7);}
.login-mode-tabs > button.active{color: var(--teal-dark); background: rgb(255, 255, 255); border-color: rgba(0, 158, 170, 0.28); box-shadow: rgba(7, 45, 57, 0.09) 0px 5px 16px;}
.login-credentials-grid{grid-template-columns: 1fr 1fr; gap: 14px; display: grid;}
.auth-form-intro{align-items: center; min-height: 72px;}
.password-field{display: block; position: relative;}
.password-field input{padding-right: 52px;}
.password-visibility{width: 40px; height: 40px; color: var(--teal-dark); border-radius: 10px; place-items: center; display: grid; position: absolute; top: 50%; right: 6px; transform: translateY(-50%);}
.password-visibility:hover{background: var(--teal-pale);}
.auth-form-actions{justify-content: space-between; align-items: center; gap: 16px; display: flex;}
.forgot-password-link,.auth-back-button{min-height: 44px; color: var(--teal-dark); text-align: center; background: rgb(255, 255, 255); border: 1px solid rgba(0, 128, 138, 0.18); border-radius: 999px; justify-content: center; align-items: center; gap: 7px; padding: 9px 16px; font-size: 14px; font-weight: 800; text-decoration: none; transition: border-color 0.16s, background 0.16s, color 0.16s; display: inline-flex;}
.forgot-password-link:hover,.auth-back-button:hover{background: var(--teal-pale); color: var(--teal); border-color: rgba(0, 128, 138, 0.34);}
.auth-submit{min-width: 170px;}
.auth-submit:disabled{cursor: wait; opacity: 0.65;}
.auth-status{border-radius: 11px; margin: 0px; padding: 12px 14px; font-size: 14px; line-height: 1.5;}
.auth-status.success{color: rgb(23, 102, 88); background: rgb(236, 248, 244); border: 1px solid rgba(0, 137, 121, 0.22);}
.auth-status.error{color: rgb(139, 48, 48); background: rgb(255, 242, 242); border: 1px solid rgba(185, 54, 54, 0.22);}
@media (width <= 760px){.login-mode-tabs{grid-template-columns: 1fr;}
.login-mode-tabs > button{justify-content: flex-start; min-height: 46px;}
.login-credentials-grid{grid-template-columns: 1fr;}
.auth-form-actions{flex-direction: column-reverse; align-items: stretch;}
.auth-submit{width: 100%; min-width: 0px;}
.forgot-password-link,.auth-back-button{width: 100%;}
}
@media (width <= 620px){.topbar:not(.account-topbar) .login-button{justify-content: center; width: 42px; padding-inline: 0px;}
.topbar:not(.account-topbar) .login-button > span{display: none;}
}
.auth-polish137 .modal-header .auth-brand137{font-weight: 400; text-transform: none; letter-spacing: normal; font-size: 14px;}
@media (max-width: 767px){.modal-backdrop.auth-backdrop137{align-items: start; padding: max(8px, env(safe-area-inset-top)) 0 max(8px, env(safe-area-inset-bottom));}
.modal.auth-polish137{width: 100%; min-width: 0px; margin: 0px; max-height: calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom)); overflow-y: auto; overscroll-behavior: contain;}
.auth-polish137 .modal-header{min-height: 0px; padding: 14px 20px; gap: 12px;}
.auth-polish137 .modal-header > div{min-width: 0px;}
.auth-polish137 .modal-header h2{font-size: 25px; line-height: 1.15; margin-top: 4px;}
.auth-polish137 .modal-header > button{width: 44px; height: 44px;}
.auth-polish137 .modal-form{padding: 18px 20px 24px; gap: 16px;}
}
.auth-polish137 .auth-form-actions.auth-actions181{flex-direction:row;flex-wrap:wrap;gap:8px 20px}
.auth-polish137 .auth-secondary-links181{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:4px 20px;min-width:0}
.auth-polish137 .auth-secondary-links181>a,.auth-polish137 .auth-secondary-links181>button{display:inline-flex;align-items:center;flex:none;width:auto!important;min-width:0;min-height:44px;padding:8px 0;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;font-family:inherit;font-size:14px;font-weight:400!important;line-height:1.45;color:#087d88;text-decoration:none;cursor:pointer}
.auth-polish137 .auth-secondary-links181>a:hover,.auth-polish137 .auth-secondary-links181>button:hover{text-decoration:underline;text-underline-offset:3px}
.auth-polish137 .auth-secondary-links181>a:focus-visible,.auth-polish137 .auth-secondary-links181>button:focus-visible{outline:2px solid #087d88;outline-offset:3px}
@media(max-width:540px){.auth-polish137 .auth-actions181 .auth-secondary-links181{flex-basis:100%;gap:4px 20px}
.auth-polish137 .auth-actions181>.auth-submit{margin-left:auto}
}
.modal.auth-polish137:has(.login-modal-form){max-height:calc(100dvh - 16px);overflow-y:auto;overscroll-behavior:contain}
.auth-polish137:has(.login-modal-form)>.modal-header{align-items:flex-start}
.auth-polish137:has(.login-modal-form)>.modal-header>button{align-self:flex-start;flex-shrink:0;margin-top:0}
.login-registration208{display:flex;justify-content:center;padding:0 24px 24px}
.login-registration208>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 20px;border:1px solid #00808a2e;border-radius:999px;color:var(--teal-dark,#007d87);background:#fff;font:inherit;font-weight:700;text-decoration:none}
.auth-secondary-links181{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.auth-secondary-links181>.forgot-password-link{order:0}
.auth-secondary-links181>.registration-link181{order:1}
@media(max-width:767px){.login-registration208{padding:0 20px 24px}
.login-registration208>a{width:100%}
.auth-secondary-links181{flex-direction:column;align-items:stretch}
.auth-secondary-links181>.registration-link181{display:flex;justify-content:center;align-items:center;min-height:44px}
}
.login-modal-form .password-field{font:inherit}
.login-modal-form .password-field>input{display:block}
.conversation .message.customer{margin-left:0;margin-right:auto;background:#f5f9fa;border-color:#d6e5e8}
.conversation .message.staff{margin-left:auto;margin-right:0;background:#e4f7f7;border-color:#b9e7eb}
.conversation .message.customer time,.conversation .message.customer .read-status{text-align:left}
.conversation .message{padding:10px 13px;margin-block:7px}
.conversation .message .speaker{margin-bottom:3px}