.c-portal-login{max-width:28rem;margin:var(--space-12) auto;padding:var(--space-lg);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);text-align:center}.c-portal-login__title{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-xs);color:var(--color-text)}.c-portal-login__subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-lg)}.c-portal-login__form{text-align:left}.c-portal-login__label{display:block;font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-2xs);color:var(--color-text)}.c-portal-login__input{width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--text-base);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color .2s ease}.c-portal-login__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-ring)}.c-portal-login__error{margin-top:var(--space-sm);padding:var(--space-sm);font-size:var(--text-sm);color:var(--color-danger);background:var(--color-danger-bg);border-radius:var(--radius-md)}.c-portal-login__submit{display:block;width:100%;margin-top:var(--space-lg);padding:var(--space-sm) var(--space-lg);font-size:var(--text-base);font-weight:600;color:var(--color-white);background:var(--color-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background .2s ease}.c-portal-login__submit:hover{background:var(--color-primary-hover)}.c-portal-message{max-width:32rem;margin:var(--space-12) auto;padding:var(--space-xl);text-align:center}.c-portal-message__icon{font-size:var(--text-4xl);color:var(--color-primary);margin-bottom:var(--space-md)}.c-portal-message__icon--warning{color:var(--color-warning)}.c-portal-message__title{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-sm);color:var(--color-text)}.c-portal-message__text{font-size:var(--text-base);color:var(--color-text-muted);margin-bottom:var(--space-md)}.c-portal-message__hint{font-size:var(--text-sm);color:var(--color-text-muted)}.c-portal-message__hint a{color:var(--color-primary)}.c-portal-message__action{display:inline-block;margin-top:var(--space-md);padding:var(--space-sm) var(--space-lg);font-weight:600;color:var(--color-white);background:var(--color-primary);border-radius:var(--radius-md);text-decoration:none;transition:background .2s ease}.c-portal-message__action:hover{background:var(--color-primary-hover);color:var(--color-white)}.c-portal-nav{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-lg);padding:var(--space-sm);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border)}.c-portal-nav__link{display:inline-flex;align-items:center;gap:var(--space-2xs);padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);text-decoration:none;border-radius:var(--radius-sm);transition:background .2s ease,color .2s ease;border:none;background:none;cursor:pointer}.c-portal-nav__link:hover{background:var(--color-surface-hover);color:var(--color-text)}.c-portal-nav__link.is-active{background:var(--color-primary);color:var(--color-white)}.c-portal-nav__link--logout{margin-left:auto;color:var(--color-text-muted)}.c-portal-nav__logout-form{display:flex}.c-portal-nav__msg-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1rem;height:1rem;padding:0 .25rem;background:var(--color-danger);color:var(--color-white);font-size:.6rem;font-weight:700;border-radius:999px;margin-left:var(--space-2xs)}.c-portal-nav__bell{position:relative;display:flex;align-items:center;margin-left:auto}.c-portal-nav__bell-btn{display:inline-flex;align-items:center;position:relative;padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm);color:var(--color-text-muted);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background .2s ease,color .2s ease}.c-portal-nav__bell-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.c-portal-nav__bell-badge{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;min-width:1.125rem;height:1.125rem;padding:0 .25rem;background:var(--color-danger);color:var(--color-white);font-size:.625rem;font-weight:700;line-height:1;border-radius:999px;pointer-events:none}.c-portal-nav__bell-dropdown{position:absolute;top:calc(100% + var(--space-2xs));right:0;width:20rem;max-height:24rem;overflow-y:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100}.c-portal-bell-dropdown__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm);border-bottom:1px solid var(--color-border)}.c-portal-bell-dropdown__title{font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.c-portal-bell-dropdown__mark-all{font-size:var(--text-xs);color:var(--color-primary);background:none;border:none;cursor:pointer;padding:0}.c-portal-bell-dropdown__mark-all:hover{text-decoration:underline}.c-portal-bell-dropdown__empty{padding:var(--space-lg);text-align:center;font-size:var(--text-sm);color:var(--color-text-muted)}.c-portal-bell-dropdown__item{display:flex;gap:var(--space-xs);padding:var(--space-sm);border-bottom:1px solid var(--color-border);cursor:pointer;transition:background .15s ease}.c-portal-bell-dropdown__item:last-child{border-bottom:none}.c-portal-bell-dropdown__item:hover{background:var(--color-surface-hover)}.c-portal-bell-dropdown__item--unread{background:color-mix(in srgb,var(--color-primary) 6%,transparent);border-left:3px solid var(--color-primary)}.c-portal-bell-dropdown__item-icon{flex-shrink:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;color:var(--color-primary);font-size:var(--text-sm)}.c-portal-bell-dropdown__item-body{flex:1;min-width:0}.c-portal-bell-dropdown__item-title{font-size:var(--text-sm);font-weight:600;color:var(--color-text);line-height:1.3}.c-portal-bell-dropdown__item-message{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.4;margin-top:.125rem}.c-portal-bell-dropdown__item-time{font-size:.625rem;color:var(--color-text-muted);margin-top:.25rem}@media(max-width:480px){.c-portal-nav__bell-dropdown{position:fixed;top:auto;right:0;bottom:0;left:0;width:100%;max-height:50vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0}}.c-portal-messages{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;max-height:600px}.c-portal-messages__thread{flex:1;overflow-y:auto;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm);min-height:300px}.c-portal-messages__empty{text-align:center;color:var(--color-text-muted);padding:var(--space-xl) 0;font-size:var(--text-sm)}.c-portal-messages__reply{display:flex;gap:var(--space-xs);padding:var(--space-sm);border-top:1px solid var(--color-border);background:var(--color-surface)}.c-portal-messages__reply-input{flex:1;padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);font-family:inherit}.c-portal-messages__reply-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 20%,transparent)}.c-portal-messages__reply-btn{padding:var(--space-xs) var(--space-md);background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:background .2s}.c-portal-messages__reply-btn:hover{background:var(--color-primary-hover)}.c-portal-messages__reply-btn:disabled{opacity:.6;cursor:not-allowed}.c-portal-msg{max-width:80%;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:1.5}.c-portal-msg__sender{font-size:var(--text-xs);font-weight:600;color:var(--color-primary);margin-bottom:.125rem}.c-portal-msg__meta{font-size:.625rem;color:var(--color-text-muted);margin-top:.125rem}.c-portal-msg__channel{font-size:.5rem;text-transform:uppercase;letter-spacing:.05em;opacity:.7}.c-portal-page__subtitle{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-md)}.c-portal-dashboard{margin-bottom:var(--space-xl)}.c-portal-dashboard__title{font-size:var(--text-2xl);font-weight:700;color:var(--color-text)}.c-portal-dashboard__email{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-lg)}.c-portal-dashboard__cards{display:grid;grid-template-columns:1fr;gap:var(--space-md)}@media(min-width:36rem){.c-portal-dashboard__cards{grid-template-columns:repeat(2,1fr)}}.c-portal-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:box-shadow .2s ease,border-color .2s ease}.c-portal-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);color:inherit}.c-portal-card__icon{font-size:var(--text-2xl);color:var(--color-primary)}.c-portal-card__count{display:block;font-size:var(--text-3xl);font-weight:700;line-height:1;color:var(--color-text)}.c-portal-card__label{font-size:var(--text-sm);color:var(--color-text-muted)}.c-portal-page__title{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-lg);color:var(--color-text)}.c-portal-filter{display:flex;gap:var(--space-xs);margin-bottom:var(--space-md)}.c-portal-filter__btn{padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:background .2s ease,color .2s ease}.c-portal-filter__btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.c-portal-filter__btn.is-active{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.c-portal-list__loading,.c-portal-list__empty{padding:var(--space-xl);text-align:center;color:var(--color-text-muted)}.c-portal-list__table{width:100%;border-collapse:collapse}.c-portal-list__table th{text-align:left;padding:var(--space-sm);font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--color-border)}.c-portal-list__table td{padding:var(--space-sm);font-size:var(--text-sm);color:var(--color-text);border-bottom:1px solid var(--color-border)}.c-portal-pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-sm);margin-top:var(--space-lg)}.c-portal-pagination__btn{padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm);color:var(--color-primary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:background .2s ease}.c-portal-pagination__btn:hover{background:var(--color-surface-hover)}.c-portal-pagination__btn:disabled{opacity:.5;cursor:not-allowed}.c-portal-pagination__info{font-size:var(--text-sm);color:var(--color-text-muted)}.c-portal-status{display:inline-block;padding:.125rem var(--space-xs);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-sm);text-transform:capitalize}.c-portal-status--draft{background:var(--color-muted-bg);color:var(--color-text-muted)}.c-portal-status--sent{background:var(--color-info-bg);color:var(--color-info)}.c-portal-status--accepted{background:var(--color-success-bg);color:var(--color-success)}.c-portal-status--declined{background:var(--color-danger-bg);color:var(--color-danger)}.c-portal-status--expired{background:var(--color-warning-bg);color:var(--color-warning)}.c-portal-status--scheduled{background:var(--color-info-bg);color:var(--color-info)}.c-portal-status--completed{background:var(--color-success-bg);color:var(--color-success)}.c-portal-status--cancelled{background:var(--color-danger-bg);color:var(--color-danger)}.c-portal-status--pending{background:var(--color-warning-bg);color:var(--color-warning)}.c-portal-status--assigned{background:var(--color-info-bg);color:var(--color-info)}.c-portal-actions{white-space:nowrap}.c-portal-actions__none{color:var(--color-text-muted)}.c-portal-action__btn{display:inline-block;padding:.25rem var(--space-sm);font-size:var(--text-xs);font-weight:600;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:background .2s ease,color .2s ease;margin-right:var(--space-2xs)}.c-portal-action__btn:last-child{margin-right:0}.c-portal-action__btn--reschedule{color:var(--color-primary);background:var(--color-surface);border-color:var(--color-primary)}.c-portal-action__btn--reschedule:hover{background:var(--color-primary);color:var(--color-white)}.c-portal-action__btn--cancel{color:var(--color-danger);background:var(--color-surface);border-color:var(--color-danger)}.c-portal-action__btn--cancel:hover{background:var(--color-danger);color:var(--color-white)}.c-portal-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#00000080;padding:var(--space-md)}.c-portal-modal__card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);max-width:28rem;width:100%;padding:var(--space-lg)}.c-portal-modal__title{font-size:var(--text-xl, 1.25rem);font-weight:700;margin-bottom:var(--space-md);color:var(--color-text)}.c-portal-modal__body{margin-bottom:var(--space-lg)}.c-portal-modal__body p{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-md)}.c-portal-modal__label{display:block;font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-2xs);margin-top:var(--space-sm);color:var(--color-text)}.c-portal-modal__textarea,.c-portal-modal__input,.c-portal-modal__select{width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);transition:border-color .2s ease}.c-portal-modal__textarea:focus,.c-portal-modal__input:focus,.c-portal-modal__select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-ring)}.c-portal-modal__actions{display:flex;gap:var(--space-sm);justify-content:flex-end}.c-portal-modal__btn{padding:var(--space-sm) var(--space-lg);font-size:var(--text-sm);font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background .2s ease,opacity .2s ease}.c-portal-modal__btn:disabled{opacity:.5;cursor:not-allowed}.c-portal-modal__btn--primary{color:var(--color-white);background:var(--color-primary)}.c-portal-modal__btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.c-portal-modal__btn--secondary{color:var(--color-text);background:var(--color-surface-hover)}.c-portal-modal__btn--secondary:hover{background:var(--color-border)}.c-portal-modal__btn--danger{color:var(--color-white);background:var(--color-danger)}.c-portal-modal__btn--danger:hover:not(:disabled){opacity:.9}.c-portal-modal__error{margin-top:var(--space-sm);padding:var(--space-sm);font-size:var(--text-sm);color:var(--color-danger);background:var(--color-danger-bg);border-radius:var(--radius-md)}.c-portal-status--active{background:var(--color-success-bg);color:var(--color-success)}.c-portal-status--paused{background:var(--color-warning-bg);color:var(--color-warning)}.c-portal-membership__empty{text-align:center;padding:var(--space-2xl) var(--space-lg)}.c-portal-membership__empty-icon{font-size:3rem;color:var(--color-text-muted);margin-bottom:var(--space-md);opacity:.4}.c-portal-membership__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.c-portal-membership__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:1px solid var(--color-border);gap:var(--space-md)}.c-portal-membership__plan{font-size:var(--text-lg, 1.125rem);font-weight:700;color:var(--color-text);margin-right:var(--space-sm)}.c-portal-membership__price{font-size:var(--text-lg, 1.125rem);font-weight:700;color:var(--color-primary)}.c-portal-membership__details{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:var(--space-md);padding:var(--space-lg)}.c-portal-membership__detail-label{display:block;font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2xs)}.c-portal-membership__detail-value{display:block;font-size:var(--text-sm);color:var(--color-text);font-weight:500}.c-portal-membership__paused-banner{margin:0 var(--space-lg);padding:var(--space-sm) var(--space-md);background:var(--color-warning-bg);color:var(--color-warning);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500}.c-portal-membership__actions{display:flex;gap:var(--space-sm);padding:var(--space-lg);border-top:1px solid var(--color-border);flex-wrap:wrap}.c-portal-membership__payment-method{padding:var(--space-lg);border-top:1px solid var(--color-border)}.c-portal-membership__payment-method-loading{font-size:var(--text-sm);color:var(--color-text-muted)}.c-portal-membership__payment-method-content{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap}.c-portal-membership__payment-method-info{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:var(--color-text)}.c-portal-membership__payment-method-info i{font-size:var(--text-xl, 1.25rem);color:var(--color-text-muted)}.c-portal-membership__payment-method-exp{color:var(--color-text-muted);font-size:var(--text-xs)}.c-portal-membership__payment-method-btn{padding:var(--space-xs) var(--space-md);font-size:var(--text-sm);font-weight:600;color:var(--color-primary);background:var(--color-surface);border:1px solid var(--color-primary);border-radius:var(--radius-md);cursor:pointer;transition:background .2s ease,color .2s ease}.c-portal-membership__payment-method-btn:hover{background:var(--color-primary);color:var(--color-white)}.c-portal-membership__stripe-element{min-height:3rem;padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);margin-bottom:var(--space-sm)}.c-portal-membership__card-error{font-size:var(--text-sm);color:var(--color-danger);margin-bottom:var(--space-sm)}.c-portal-membership__save-offer{background:var(--color-info-bg, #e8f4fd);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-md);font-size:var(--text-sm)}.c-portal-membership__save-offer strong{display:block;margin-bottom:var(--space-2xs);color:var(--color-text)}.c-portal-membership__save-offer p{color:var(--color-text-muted);margin-bottom:var(--space-sm)}.c-portal-membership__save-offer--danger{background:var(--color-danger-bg);border:1px solid var(--color-danger)}.c-portal-modal__btn--warning{color:var(--text);background:var(--color-warning, #ffc107)}.c-portal-modal__btn--warning:hover:not(:disabled){opacity:.9}.c-portal-preferences__intro{color:var(--color-text-muted);margin-bottom:var(--space-lg)}.c-portal-pref__section{background:var(--color-surface, #fff);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-lg, .75rem);padding:var(--space-md);margin-bottom:var(--space-md)}.c-portal-pref__heading{font-size:var(--text-lg);font-weight:600;margin:0 0 var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1px solid var(--color-border, #e5e7eb)}.c-portal-pref__row{padding:var(--space-sm) 0}.c-portal-pref__row+.c-portal-pref__row{border-top:1px solid var(--color-border-light, #f3f4f6)}.c-portal-pref__toggle{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;font-weight:500}.c-portal-pref__toggle input[type=checkbox]{width:1.25rem;height:1.25rem;accent-color:var(--color-primary);cursor:pointer}.c-portal-pref__hint{display:block;font-size:var(--text-sm);color:var(--color-text-muted);margin-left:2.25rem;margin-top:var(--space-2xs)}.c-portal-pref__phone-row{padding:var(--space-sm) 0 var(--space-sm) 2.25rem}.c-portal-pref__input{display:block;width:100%;max-width:18rem;padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, .5rem);font-size:var(--text-base);margin-top:var(--space-2xs)}.c-portal-pref__actions{display:flex;align-items:center;gap:var(--space-md);margin-top:var(--space-md)}.c-portal-pref__save{padding:var(--space-sm) var(--space-lg);background:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:var(--radius-md, .5rem);font-weight:600;cursor:pointer;transition:opacity .2s}.c-portal-pref__save:hover:not(:disabled){opacity:.9}.c-portal-pref__save:disabled{opacity:.6;cursor:not-allowed}.c-portal-pref__status{font-size:var(--text-sm);font-weight:500}.c-portal-pref__status--success{color:var(--color-success, #16a34a)}.c-portal-pref__status--error{color:var(--color-danger, #dc2626)}.c-quality-score{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-top:var(--space-lg)}.c-quality-score__circle{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:5rem;height:5rem;border-radius:50%;border:4px solid var(--color-border)}.c-quality-score--green .c-quality-score__circle{border-color:var(--color-success)}.c-quality-score--yellow .c-quality-score__circle{border-color:var(--color-warning)}.c-quality-score--red .c-quality-score__circle{border-color:var(--color-danger)}.c-quality-score__value{font-size:var(--text-2xl);font-weight:700}.c-quality-score--green .c-quality-score__value{color:var(--color-success)}.c-quality-score--yellow .c-quality-score__value{color:var(--color-warning)}.c-quality-score--red .c-quality-score__value{color:var(--color-danger)}.c-quality-score__details{flex:1;min-width:0}.c-quality-score__title{font-size:var(--text-lg, 1.125rem);font-weight:700;margin-bottom:var(--space-xs);color:var(--color-text)}.c-quality-score__stat{font-size:var(--text-sm);color:var(--color-text);margin-bottom:var(--space-2xs)}.c-quality-score__stat--muted{color:var(--color-text-muted);font-size:var(--text-xs)}@media(max-width:36rem){.c-portal-modal__card{max-width:100%}.c-portal-modal__actions{flex-direction:column}.c-portal-modal__btn{width:100%;text-align:center}.c-portal-list__table th:nth-child(4),.c-portal-list__table td:nth-child(4){display:none}}.c-portal-toast-container{position:fixed;top:var(--space-4);right:var(--space-4);z-index:1070;display:flex;flex-direction:column;gap:var(--space-2);max-width:24rem}.c-portal-toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);background:var(--color-bg);border-left:4px solid var(--color-primary);animation:portal-toast-in .3s ease-out}.c-portal-toast--success{border-left-color:var(--color-success)}.c-portal-toast--warning{border-left-color:var(--color-danger)}.c-portal-toast--info{border-left-color:var(--color-primary)}.c-portal-toast__icon{flex-shrink:0;font-size:var(--font-size-5);color:var(--color-primary)}.c-portal-toast--success .c-portal-toast__icon{color:var(--color-success)}.c-portal-toast--warning .c-portal-toast__icon{color:var(--color-danger)}.c-portal-toast__message{flex:1;font-size:var(--font-size-2);line-height:1.4}.c-portal-toast__close{flex-shrink:0;background:none;border:none;font-size:var(--font-size-5);color:var(--color-muted);cursor:pointer;padding:0;line-height:1}.c-portal-toast__close:hover{color:var(--color-text)}@keyframes portal-toast-in{0%{opacity:0;transform:translate(1rem)}to{opacity:1;transform:translate(0)}}