:root{
    --cream:#FBF7F2;
    --ink:#24162F;
    --ink-2:#2C1B3A;
    --muted:#6B5F75;
    --plum:#5B2A86;
    --gold:#D9A441;
    --line:#E9E1F2;
    --green:#1F9D6A;
    --blue:#2563EB;
    --red:#9A4B45;
}

*{
    box-sizing:border-box;
}

[hidden]{
    display:none !important;
}

html{
    color-scheme:light;
}

body{
    margin:0;
    color:var(--ink);
    font-family:"Segoe UI",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
    background-color:#FCF7F1;
    background-image:
        radial-gradient(1200px 620px at 10% 8%, rgba(91,42,134,.14), rgba(91,42,134,0) 58%),
        radial-gradient(980px 520px at 88% 10%, rgba(217,164,65,.18), rgba(217,164,65,0) 54%),
        linear-gradient(180deg, #FFFDFB 0%, #FCF7F1 42%, #F2E8DC 100%);
    background-repeat:no-repeat;
    background-attachment:fixed;
}

a{
    color:inherit;
}

button,
input,
select,
textarea{
    font:inherit;
}

.shell{
    max-width:1260px;
    margin:0 auto;
    padding:28px 24px 48px;
}

.shell--centered{
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:32px 24px;
}

.auth-stage{
    display:inline-block;
    width:min(100%, 560px);
}

.brand-shell{
    display:flex;
    justify-content:center;
    margin-bottom:22px;
}

.brand-shell img{
    height:56px;
}

.panel,
.card{
    background:rgba(255,255,255,.82);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    border:1px solid rgba(233,225,242,.9);
    border-radius:24px;
    padding:22px;
    box-shadow:0 18px 55px rgba(44,27,58,.10), inset 0 1px 0 rgba(255,255,255,.60);
}

.auth-panel{
    padding:28px 30px;
}

.tone-panel{
    margin-bottom:16px;
    padding:16px;
}

.tone-info{
    background:rgba(37,99,235,.06);
    border-color:rgba(37,99,235,.14);
}

.tone-info .tone-text,
.tone-info strong{
    color:#3056b3;
}

.tone-negative{
    background:rgba(180,35,24,.045);
    border-color:rgba(180,35,24,.14);
}

.tone-negative .tone-text,
.tone-negative strong{
    color:var(--red);
}

.tone-positive{
    background:rgba(31,157,106,.07);
    border-color:rgba(31,157,106,.18);
}

.tone-positive .tone-text,
.tone-positive strong{
    color:#137a52;
}

.eyebrow{
    font-size:12px;
    letter-spacing:.08em;
    text-transform:uppercase;
    font-weight:800;
    color:var(--plum);
}

.page-title{
    margin:0;
    font-size:30px;
    line-height:1.1;
    font-weight:800;
    color:var(--ink);
}

.muted{
    color:var(--muted);
}

.auth-copy{
    max-width:34ch;
    line-height:1.6;
    margin:12px 0 24px;
}

.auth-form{
    display:grid;
    gap:18px;
}

.auth-field{
    display:grid;
    gap:8px;
    justify-items:start;
}

.auth-field input[type="number"],
.auth-field input[type="password"],
.auth-field input[type="text"]{
    width:380px;
    max-width:100%;
    padding:16px 18px;
    font-size:18px;
    border-radius:18px;
    border:1px solid rgba(120,92,66,.18);
    background:#fffaf5;
    box-shadow:0 16px 32px rgba(44,27,58,.08), inset 0 1px 0 rgba(255,255,255,.90);
}

.auth-checkbox{
    display:flex;
    align-items:center;
    gap:12px;
    margin-top:2px;
}

.auth-checkbox input{
    width:18px;
    height:18px;
    accent-color:var(--plum);
}

.auth-action{
    margin-top:4px;
}

.chip-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:10px 14px;
    border-radius:999px;
    border:1px solid rgba(233,225,242,1);
    background:rgba(255,255,255,.72);
    color:var(--ink);
    box-shadow:0 10px 24px rgba(44,27,58,.06), inset 0 1px 0 rgba(255,255,255,.80);
    font-weight:650;
    cursor:pointer;
    text-decoration:none;
    transition:transform .16s ease, box-shadow .16s ease, background-color .16s ease, border-color .16s ease, color .16s ease, opacity .16s ease;
}

.chip-link:hover{
    background:rgba(255,255,255,.88);
    transform:translateY(-1px);
}

.chip-link:focus-visible{
    outline:none;
    border-color:rgba(91,42,134,.42);
    box-shadow:0 0 0 4px rgba(91,42,134,.12), 0 10px 24px rgba(44,27,58,.08), inset 0 1px 0 rgba(255,255,255,.8);
}

.chip-link:disabled{
    opacity:.48;
    cursor:not-allowed;
    transform:none;
}

.chip-link.is-loading{
    pointer-events:none;
}

.chip-link--primary{
    background:linear-gradient(135deg, rgba(217,164,65,.96), rgba(234,186,83,.96));
    border-color:rgba(163,115,24,.32);
    color:#4f3100;
    box-shadow:0 14px 30px rgba(217,164,65,.22), inset 0 1px 0 rgba(255,255,255,.48);
}

.chip-link--primary:hover{
    background:linear-gradient(135deg, rgba(223,171,73,.98), rgba(240,194,96,.98));
}

.chip-link--secondary{
    background:linear-gradient(135deg, rgba(91,42,134,.10), rgba(217,164,65,.10));
    border-color:rgba(91,42,134,.18);
    color:var(--ink-2);
}

.status-pill{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-weight:700;
}

.status-dot{
    width:10px;
    height:10px;
    border-radius:999px;
    display:inline-block;
    flex:0 0 auto;
}

.status-online{
    color:var(--green);
}

.status-online .status-dot{
    background:var(--green);
    box-shadow:0 0 0 3px rgba(31,157,106,.14);
}

.status-offline{
    color:var(--blue);
}

.status-offline .status-dot{
    background:var(--blue);
    box-shadow:0 0 0 3px rgba(37,99,235,.14);
}

.status-inactive{
    color:#111827;
}

.status-inactive .status-dot{
    background:#111827;
    box-shadow:0 0 0 3px rgba(17,24,39,.10);
}

.otp-group{
    display:flex;
    gap:12px;
    flex-wrap:nowrap;
}

.otp-input{
    width:56px !important;
    height:64px;
    text-align:center;
    padding:0 !important;
    font-size:28px !important;
    font-weight:800;
    border-radius:18px !important;
}

.otp-hidden{
    position:absolute;
    left:-9999px;
    opacity:0;
    pointer-events:none;
}

.dashboard-topbar{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:18px;
    min-height:72px;
}

.dashboard-topbar__brand{
    display:flex;
    align-items:center;
}

.dashboard-topbar__brand img{
    height:38px;
}

.dashboard-topbar__nav{
    display:flex;
    justify-content:center;
    min-width:0;
}

.dashboard-topbar__meta{
    display:grid;
    justify-items:end;
    gap:4px;
    text-align:right;
}

.dashboard-topbar__name{
    font-size:20px;
    line-height:1.05;
    font-weight:800;
    color:var(--ink);
    letter-spacing:-.02em;
}

.dashboard-topbar__actions{
    display:grid;
    justify-items:end;
    gap:8px;
    margin-top:2px;
}

.dashboard-nav{
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:6px;
    border-radius:999px;
    border:1px solid rgba(233,225,242,.9);
    background:rgba(255,255,255,.62);
    box-shadow:0 12px 30px rgba(44,27,58,.06), inset 0 1px 0 rgba(255,255,255,.72);
    overflow-x:auto;
    scrollbar-width:none;
}

.dashboard-nav::-webkit-scrollbar{
    display:none;
}

.dashboard-nav__link{
    display:inline-flex;
    align-items:center;
    gap:8px;
    flex:0 0 auto;
    padding:9px 14px;
    border-radius:999px;
    text-decoration:none;
    border:1px solid transparent;
    background:transparent;
    color:var(--ink);
    font-weight:750;
    font-size:14px;
    letter-spacing:-.01em;
    transition:background-color .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
}

.dashboard-nav__link:hover{
    background:rgba(91,42,134,.06);
    color:var(--ink-2);
}

.dashboard-nav__link.is-active{
    background:linear-gradient(135deg, rgba(91,42,134,.16), rgba(217,164,65,.14));
    border-color:rgba(91,42,134,.18);
    color:var(--ink-2);
    box-shadow:0 10px 18px rgba(44,27,58,.10), inset 0 1px 0 rgba(255,255,255,.78);
}

.dashboard-nav__link.is-secondary{
    color:var(--muted);
    font-weight:650;
    font-size:13px;
}

.dashboard-nav__badge{
    min-width:22px;
    height:22px;
    padding:0 6px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:var(--plum);
    color:#fff;
    font-size:12px;
    font-weight:800;
}

.dashboard-mobile-menu,
.dashboard-mobile-footer{
    display:none;
}

.dashboard-mobile-bar{
    display:none;
}

.dashboard-mobile-meta{
    display:none;
}

.dashboard-header-shell{
    position:relative;
    z-index:200;
}

.dashboard-mobile-toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:44px;
    height:44px;
    padding:0;
    border-radius:10px;
    border:1px solid rgba(233,225,242,1);
    background:rgba(255,255,255,.9);
    color:var(--plum);
    cursor:pointer;
    box-shadow:0 8px 20px rgba(44,27,58,.08);
}

.dashboard-mobile-toggle__label{
    display:none;
}

.dashboard-mobile-toggle__icon{
    position:relative;
    width:16px;
    height:2px;
    border-radius:999px;
    background:currentColor;
    display:inline-block;
}

.dashboard-mobile-toggle__icon::before,
.dashboard-mobile-toggle__icon::after{
    content:"";
    position:absolute;
    left:0;
    width:16px;
    height:2px;
    border-radius:999px;
    background:currentColor;
}

.dashboard-mobile-toggle__icon::before{
    top:-5px;
}

.dashboard-mobile-toggle__icon::after{
    top:5px;
}

.dashboard-mobile-menu{
    position:absolute;
    top:calc(100% + 8px);
    right:0;
    left:auto;
    z-index:260;
    width:min(340px, calc(100vw - 32px));
    max-height:calc(100vh - 122px);
    max-height:calc(100dvh - 122px);
    margin:0;
    padding:46px 14px 14px;
    overflow-y:auto;
    border:1px solid rgba(233,225,242,.96);
    border-radius:12px;
    background:rgba(255,255,255,.98);
    box-shadow:0 18px 48px rgba(44,27,58,.18);
}

.dashboard-mobile-menu.is-open{
    display:block;
}

.dashboard-mobile-menu__list{
    display:grid;
    gap:0;
}

.dashboard-mobile-menu__link{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:9px 2px;
    border-radius:0;
    text-decoration:none;
    border:0;
    border-bottom:1px solid rgba(233,225,242,.92);
    background:transparent;
    color:var(--ink);
    font-size:.84rem;
    font-weight:600;
}

.dashboard-mobile-menu__link.is-active{
    color:var(--plum);
    border-color:rgba(91,42,134,.24);
}

.dashboard-mobile-menu__close{
    position:absolute;
    top:10px;
    right:10px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:30px;
    height:30px;
    padding:0;
    border:1px solid rgba(233,225,242,1);
    border-radius:7px;
    background:transparent;
    color:var(--plum);
    font-size:20px;
    line-height:1;
    cursor:pointer;
}

.dashboard-mobile-back{
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:40px;
    padding:10px 12px;
    border-radius:999px;
    border:1px solid rgba(233,225,242,1);
    background:rgba(255,255,255,.78);
    color:var(--ink);
    text-decoration:none;
    font-weight:800;
    box-shadow:0 10px 24px rgba(44,27,58,.06), inset 0 1px 0 rgba(255,255,255,.80);
}

.dashboard-mobile-back::before{
    content:"‹";
    font-size:20px;
    line-height:1;
}

.dashboard-mobile-back--ghost{
    visibility:hidden;
}

.dashboard-mobile-title{
    min-width:0;
    padding:0 10px;
    text-align:center;
    font-size:18px;
    font-weight:800;
    color:var(--ink);
}

.dashboard-mobile-meta__name{
    font-size:20px;
    line-height:1.1;
    font-weight:800;
    color:var(--ink);
}

.dashboard-mobile-meta__details{
    color:var(--muted);
}

.dashboard-mobile-meta__status{
    margin-top:2px;
}

.dashboard-mobile-footer{
    position:fixed;
    left:12px;
    right:12px;
    bottom:calc(env(safe-area-inset-bottom, 0px) + 10px);
    z-index:220;
    padding:10px;
    border-radius:24px;
    border:1px solid rgba(233,225,242,.92);
    background:rgba(255,255,255,.92);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    box-shadow:0 20px 50px rgba(44,27,58,.16);
}

.dashboard-mobile-footer__link{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-height:56px;
    padding:8px 10px;
    border-radius:16px;
    text-decoration:none;
    color:var(--muted);
    font-size:12px;
    font-weight:800;
    letter-spacing:.02em;
}

.dashboard-mobile-footer__link.is-active{
    background:linear-gradient(135deg, rgba(91,42,134,.14), rgba(217,164,65,.18));
    color:var(--ink);
}

.dashboard-filterbar{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    align-items:center;
    justify-content:space-between;
}

.dashboard-filterbar__group{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    align-items:center;
}

.dashboard-pill{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 14px;
    border-radius:999px;
    text-decoration:none;
    border:1px solid rgba(233,225,242,1);
    background:rgba(255,255,255,.72);
    color:var(--ink);
    font-weight:650;
}

.dashboard-pill.is-active{
    background:linear-gradient(135deg, rgba(91,42,134,.14), rgba(217,164,65,.18));
    border-color:rgba(91,42,134,.24);
}

.dashboard-inline-form{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    align-items:center;
}

.dashboard-date-input{
    min-width:220px;
    padding:10px 14px;
    border-radius:14px;
    border:1px solid rgba(233,225,242,1);
    background:rgba(255,255,255,.88);
    color:var(--ink);
}

.dashboard-stats-toolbar{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(280px,auto);
    gap:18px;
    align-items:end;
}

.dashboard-stats-toolbar__eyebrow{
    display:block;
    font-size:11px;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:var(--muted);
    font-weight:800;
    margin-bottom:6px;
}

.dashboard-stats-toolbar__title{
    margin:0;
    font-size:28px;
}

.dashboard-filter-form{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    align-items:end;
}

.dashboard-filter-field{
    display:grid;
    gap:6px;
}

.dashboard-filter-label{
    font-size:11px;
    letter-spacing:.06em;
    text-transform:uppercase;
    color:var(--muted);
    font-weight:800;
}

.dashboard-status-card{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:16px;
    align-items:center;
    min-height:152px;
    padding:20px;
    border:1px solid rgba(233,225,242,.95);
    border-radius:20px;
    background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(255,248,244,.82));
    box-shadow:0 18px 42px rgba(44,27,58,.07), inset 0 1px 0 rgba(255,255,255,.9);
}

.dashboard-status-card--chat{
    background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(244,248,255,.88));
}

.dashboard-status-panel{
    grid-column:1 / -1;
}

.dashboard-status-title{
    margin-bottom:6px;
    font-size:26px;
}

.dashboard-status-intro{
    margin:0 0 18px;
}

.dashboard-status-options{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
}

.dashboard-status-card__service{
    margin-bottom:5px;
    color:var(--ink);
    font-size:18px;
    font-weight:850;
    letter-spacing:-.02em;
}

.dashboard-status-card__caption{
    margin-bottom:10px;
    font-size:12px;
    font-weight:750;
    letter-spacing:.04em;
    text-transform:uppercase;
}

.dashboard-status-card__pill{
    font-size:19px;
}

.dashboard-status-card > .dashboard-status-feedback{
    grid-column:1 / -1;
}

.dashboard-switch__state,
.dashboard-switch__label{
    display:block;
}

.dashboard-switch__state{
    font-weight:800;
}

.dashboard-switch__label{
    margin-top:2px;
    font-size:12px;
}

.dashboard-switch{
    display:inline-flex;
    align-items:center;
    gap:12px;
    padding:12px 16px;
    border-radius:999px;
    background:#fffaf5;
    border:1px solid rgba(233,225,242,1);
    box-shadow:0 10px 24px rgba(44,27,58,.06), inset 0 1px 0 rgba(255,255,255,.85);
    cursor:pointer;
    text-align:left;
    color:var(--ink);
}

button.dashboard-switch{
    appearance:none;
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}

button.dashboard-switch:hover{
    transform:translateY(-1px);
    border-color:rgba(139,92,246,.22);
    box-shadow:0 14px 30px rgba(44,27,58,.09),inset 0 1px 0 rgba(255,255,255,.9);
}

button.dashboard-switch:focus-visible{
    outline:3px solid rgba(139,92,246,.2);
    outline-offset:3px;
}

.dashboard-switch.is-pending{
    opacity:.75;
    pointer-events:none;
}

.dashboard-switch__track{
    width:56px;
    height:32px;
    border-radius:999px;
    background:#d6d3d1;
    position:relative;
    display:inline-block;
}

.dashboard-switch__track::after{
    content:"";
    position:absolute;
    top:4px;
    left:4px;
    width:24px;
    height:24px;
    border-radius:999px;
    background:#fff;
    box-shadow:0 2px 8px rgba(17,24,39,.16);
    transition:left .2s ease;
}

.dashboard-switch__track.is-on{
    background:rgba(31,157,106,.35);
}

.dashboard-switch__track.is-on::after{
    left:28px;
}

.dashboard-switch__track.is-inactive{
    background:rgba(17,24,39,.24);
}

.dashboard-status-feedback{
    padding:12px 14px;
    border-radius:14px;
    font-weight:700;
    border:1px solid rgba(233,225,242,1);
    background:rgba(255,255,255,.72);
    color:var(--ink);
}

.dashboard-status-feedback.is-pending{
    background:rgba(37,99,235,.06);
    border-color:rgba(37,99,235,.14);
    color:#3056b3;
}

.dashboard-status-feedback.is-error{
    background:rgba(180,35,24,.045);
    border-color:rgba(180,35,24,.14);
    color:var(--red);
}

.dashboard-status-feedback.is-success{
    background:rgba(31,157,106,.07);
    border-color:rgba(31,157,106,.18);
    color:#137a52;
}

.dashboard-section-grid{
    display:grid;
    grid-template-columns:1.65fr 1fr;
    gap:16px;
}

.dashboard-empty{
    padding:22px;
    border-radius:18px;
    background:rgba(255,255,255,.5);
    border:1px dashed rgba(107,95,117,.26);
    color:var(--muted);
}

.dashboard-field-label{
    display:block;
    margin-bottom:8px;
    font-size:12px;
    letter-spacing:.04em;
    text-transform:uppercase;
    color:var(--muted);
    font-weight:800;
}

.dashboard-text-input,
.dashboard-message-textarea{
    width:100%;
    padding:14px 16px;
    border-radius:16px;
    border:1px solid rgba(233,225,242,.95);
    background:rgba(255,255,255,.82);
    color:var(--ink);
}

select.dashboard-text-input{
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    padding-right:52px;
    background-image:
        linear-gradient(180deg, rgba(255,248,236,.98), rgba(248,241,252,.96)),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%235B2A86' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat:no-repeat,no-repeat;
    background-position:0 0,right 16px center;
    background-size:auto,18px 18px;
    box-shadow:
        0 10px 24px rgba(44,27,58,.05),
        inset 0 1px 0 rgba(255,255,255,.82);
}

select.dashboard-text-input:hover{
    border-color:rgba(217,164,65,.42);
    background-image:
        linear-gradient(180deg, rgba(255,244,222,.99), rgba(244,236,251,.98)),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%235B2A86' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.dashboard-text-input:disabled{
    background:rgba(244,239,248,.9);
    color:rgba(36,22,47,.62);
    cursor:not-allowed;
}

select.dashboard-text-input:disabled{
    background-image:
        linear-gradient(180deg, rgba(243,239,246,.96), rgba(240,235,244,.94)),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='rgba(36,22,47,0.42)' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.dashboard-message-textarea{
    min-height:120px;
    resize:vertical;
}

.dashboard-text-input:focus,
.dashboard-message-textarea:focus,
.dashboard-date-input:focus{
    outline:none;
    border-color:rgba(91,42,134,.36);
    box-shadow:0 0 0 4px rgba(91,42,134,.08);
}

.dashboard-meta-list{
    display:grid;
    gap:12px;
}

.dashboard-meta-list dt{
    font-size:12px;
    letter-spacing:.04em;
    text-transform:uppercase;
    color:var(--muted);
    font-weight:800;
}

.dashboard-meta-list dd{
    margin:4px 0 0;
}

.dashboard-stats-block{
    display:grid;
    gap:18px;
}

.dashboard-stats-main{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}

.dashboard-stat{
    display:grid;
    gap:8px;
    padding:16px 18px;
    border-radius:18px;
    background:rgba(255,255,255,.72);
    border:1px solid rgba(233,225,242,.9);
}

.dashboard-stat--feature{
    background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(247,241,251,.88));
    box-shadow:0 14px 30px rgba(44,27,58,.06);
}

.dashboard-stat__label{
    font-size:12px;
    letter-spacing:.04em;
    text-transform:uppercase;
    color:var(--muted);
    font-weight:800;
}

.dashboard-stat__value{
    font-size:30px;
    line-height:1.1;
    font-weight:800;
    color:var(--ink);
}

.dashboard-stats-divider{
    height:1px;
    background:rgba(233,225,242,.9);
}

.dashboard-stats-detail{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px 24px;
}

.dashboard-detail-row{
    display:flex;
    justify-content:space-between;
    gap:16px;
    padding:10px 0;
    border-bottom:1px solid rgba(233,225,242,.72);
}

.dashboard-detail-row span{
    color:var(--muted);
}

.dashboard-detail-row strong{
    font-weight:800;
    color:var(--ink);
}

.dashboard-detail-row--live strong{
    color:#16845f;
}

.dashboard-fold{
    display:block;
}

.dashboard-fold > summary{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    min-height:48px;
    padding:4px 42px 4px 2px;
    position:relative;
    cursor:pointer;
    list-style:none;
    color:var(--ink);
    font-size:20px;
    font-weight:800;
}

.dashboard-fold > summary::-webkit-details-marker{
    display:none;
}

.dashboard-fold > summary::after{
    content:'+';
    display:grid;
    place-items:center;
    width:30px;
    height:30px;
    position:absolute;
    right:0;
    border-radius:50%;
    background:rgba(91,42,134,.09);
    color:var(--plum);
    font-size:20px;
    line-height:1;
}

.dashboard-fold[open] > summary::after{
    content:'−';
}

.dashboard-fold__meta{
    color:var(--muted);
    font-size:13px;
    font-weight:700;
}

.dashboard-fold__body{
    overflow-x:auto;
    padding-top:10px;
}

.dashboard-call-history{
    min-width:680px;
}

.dashboard-call-status{
    display:inline-flex;
    align-items:center;
    min-height:28px;
    padding:5px 10px;
    border-radius:999px;
    background:rgba(78,62,88,.08);
    color:var(--muted);
    font-size:12px;
    font-weight:800;
}

.dashboard-call-status.is-live{
    background:rgba(28,170,119,.12);
    color:#11714f;
}

.dashboard-call-status.is-live::before{
    content:'';
    width:7px;
    height:7px;
    margin-right:7px;
    border-radius:50%;
    background:#1caa77;
    box-shadow:0 0 0 4px rgba(28,170,119,.12);
}

.dashboard-combined-grid{
    display:grid;
    grid-template-columns:minmax(0,1.35fr) minmax(320px,1fr);
    gap:24px;
}

.dashboard-combined-side{
    display:grid;
    gap:20px;
}

.dashboard-earnings-summary{
    display:grid;
    gap:12px;
}

.dashboard-earnings-total{
    display:flex;
    position:relative;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    padding:18px 20px;
    border-radius:20px;
    background:linear-gradient(135deg, rgba(91,42,134,.12), rgba(217,164,65,.18));
    border:1px solid rgba(91,42,134,.14);
}

.dashboard-earnings-total__copy{
    display:grid;
    gap:8px;
}

.dashboard-earnings-total .label,
.dashboard-earnings-card .label,
.dashboard-message-sidecard .label{
    display:block;
    font-size:12px;
    letter-spacing:.04em;
    text-transform:uppercase;
    color:var(--muted);
    font-weight:800;
}

.dashboard-earnings-total .value{
    display:block;
    font-size:36px;
    line-height:1;
    font-weight:800;
    color:var(--ink);
}

.dashboard-special-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    padding:8px 14px;
    border-radius:999px;
    position:absolute;
    top:0;
    right:30px;
    float:right;
    margin-top:65px;
    transform:rotate(-15deg);
    z-index:2;
    background:
        linear-gradient(135deg, rgba(255,247,214,.98), rgba(227,184,71,.95));
    border:1px solid rgba(171,123,24,.58);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.75),
        0 10px 24px rgba(181,132,32,.22);
    color:#704b07;
    font-size:12px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
    white-space:nowrap;
}

.dashboard-special-note{
    display:grid;
    gap:4px;
    padding:12px 14px;
    border-radius:16px;
    background:linear-gradient(180deg, rgba(255,250,231,.92), rgba(250,238,198,.86));
    border:1px solid rgba(214,183,94,.48);
    color:#5c4314;
}

.dashboard-special-note strong{
    font-size:14px;
    line-height:1.3;
}

.dashboard-special-note span{
    font-size:13px;
    line-height:1.45;
    color:rgba(92,67,20,.82);
}

.dashboard-earnings-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}

.dashboard-earnings-card,
.dashboard-message-sidecard{
    padding:14px 16px;
    border-radius:16px;
    background:rgba(255,255,255,.62);
    border:1px solid rgba(233,225,242,.9);
}

.dashboard-earnings-card .value,
.dashboard-message-sidecard .value{
    display:block;
    margin-top:6px;
    font-size:20px;
    font-weight:800;
    color:var(--ink);
}

.dashboard-tier-table{
    width:100%;
    border-collapse:collapse;
}

.dashboard-tier-table td:last-child,
.dashboard-tier-table th:last-child{
    text-align:right;
}

.dashboard-tier-status{
    font-weight:700;
    color:var(--muted);
}

.dashboard-tier-status.is-active{
    color:var(--plum);
}

.dashboard-message-grid{
    display:grid;
    grid-template-columns:360px minmax(0,1fr);
    gap:20px;
}

.dashboard-message-list,
.dashboard-message-posts,
.dashboard-message-composer,
.dashboard-message-reply,
.dashboard-message-meta{
    display:grid;
    gap:12px;
}

.dashboard-message-thread{
    display:grid;
    gap:8px;
    padding:16px 18px;
    border-radius:18px;
    text-decoration:none;
    color:var(--ink);
    background:rgba(255,255,255,.7);
    border:1px solid rgba(233,225,242,.9);
}

.dashboard-message-thread.is-active{
    background:linear-gradient(135deg, rgba(91,42,134,.10), rgba(217,164,65,.14));
    border-color:rgba(91,42,134,.2);
}

.dashboard-message-thread.is-unread{
    border-color:rgba(91,42,134,.34);
    box-shadow:0 10px 24px rgba(91,42,134,.08);
}

.dashboard-message-thread__meta,
.dashboard-message-post__meta{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    align-items:center;
    justify-content:space-between;
}

.dashboard-message-thread__title,
.dashboard-message-post__author{
    font-weight:800;
}

.dashboard-message-pill{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:6px 10px;
    border-radius:999px;
    background:rgba(91,42,134,.08);
    color:var(--plum);
    font-size:12px;
    font-weight:800;
}

.dashboard-message-unread{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:5px 9px;
    border-radius:999px;
    background:rgba(31,157,106,.12);
    color:var(--green);
    font-size:12px;
    font-weight:800;
}

.dashboard-message-actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    align-items:center;
    justify-content:space-between;
}

.dashboard-message-post{
    padding:18px;
    border-radius:18px;
    background:rgba(255,255,255,.66);
    border:1px solid rgba(233,225,242,.9);
}

.dashboard-message-post.is-starter{
    background:linear-gradient(135deg, rgba(91,42,134,.08), rgba(217,164,65,.12));
}

.dashboard-message-post__body{
    white-space:pre-wrap;
    line-height:1.6;
}

.dashboard-message-post__body a{
    color:#a33d79;
    font-weight:800;
    text-decoration:underline;
    text-underline-offset:2px;
}

.dashboard-message-newsletter{
    display:block;
    width:100%;
    height:72vh;
    min-height:900px;
    border:1px solid rgba(233,225,242,.9);
    border-radius:18px;
    background:#fff;
}

.dashboard-message-media{
    margin-top:12px;
    border-radius:18px;
    overflow:hidden;
    border:1px solid rgba(233,225,242,.9);
    background:#fff;
}

.dashboard-message-media img,
.dashboard-message-media video{
    display:block;
    max-width:100%;
    width:100%;
    height:auto;
    background:#000;
}

.dashboard-message-empty{
    padding:26px;
    border-radius:18px;
    background:rgba(255,255,255,.58);
    border:1px dashed rgba(107,95,117,.26);
    color:var(--muted);
}

.media-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
}

.media-card{
    border:1px solid rgba(233,225,242,.9);
    border-radius:20px;
    padding:16px;
    background:rgba(255,255,255,.78);
}

.media-thumb{
    width:100%;
    aspect-ratio:3/4;
    object-fit:cover;
    border-radius:16px;
    background:#efe7f6;
}

.kv{
    display:grid;
    grid-template-columns:auto 1fr;
    gap:8px 12px;
}

.state-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 12px;
    border-radius:999px;
    font-size:13px;
    font-weight:700;
}

.state-ready{
    background:rgba(142,209,168,.18);
    color:#23543a;
}

.state-sources{
    background:rgba(112,170,214,.16);
    color:#1f4f74;
}

.state-missing{
    background:rgba(182,120,120,.12);
    color:#7a3c3c;
}

.table{
    width:100%;
    border-collapse:collapse;
}

.table th,
.table td{
    padding:14px 12px;
    border-bottom:1px solid rgba(233,225,242,.9);
    text-align:left;
}

.table th{
    font-size:12px;
    letter-spacing:.04em;
    text-transform:uppercase;
    color:var(--muted);
    font-weight:800;
}

.table tr:last-child td{
    border-bottom:none;
}

.chat-hero-panel{
    margin:20px auto 14px;
    max-width:1180px;
    padding:18px 22px;
}

.chat-hero{
    display:grid;
    gap:8px;
}

.chat-hero__copy{
    display:grid;
    gap:8px;
    max-width:760px;
}

.chat-hero__title{
    font-size:28px;
    margin:0;
}

.chat-title-status{
    color:var(--plum);
    font-weight:700;
}

.chat-hero__text{
    margin:0;
    line-height:1.6;
}

.chat-feedback{
    margin:0 auto 14px;
    max-width:1180px;
}

.chat-flow{
    display:grid;
    gap:14px;
    margin:0 auto 20px;
    max-width:1180px;
}

.chat-card{
    padding:20px 22px;
}

.chat-card__header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    margin-bottom:16px;
}

.chat-card__title{
    margin:0;
    font-size:22px;
    line-height:1.15;
    color:var(--ink);
}

.chat-card__body{
    margin:6px 0 0;
    line-height:1.6;
}

.chat-rate-form{
    display:grid;
    gap:16px;
}

.chat-activation-note{
    margin-bottom:16px;
    padding:14px 16px;
    border-radius:16px;
    border:1px solid rgba(217,164,65,.22);
    background:linear-gradient(180deg, rgba(255,251,242,.94), rgba(255,255,255,.82));
    color:#7a5712;
    line-height:1.55;
}

.chat-rate-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:16px;
}

.chat-rate-field{
    display:grid;
    gap:8px;
    padding:16px;
    border-radius:18px;
    border:1px solid rgba(233,225,242,.92);
    background:linear-gradient(180deg, rgba(255,252,247,.92), rgba(250,246,252,.88));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.78);
}

.chat-rate-field__hint{
    margin:0;
    min-height:42px;
    line-height:1.45;
}

.chat-lock-text{
    margin-top:2px;
    color:var(--muted);
    font-size:14px;
    line-height:1.45;
}

.chat-note{
    display:flex;
    gap:8px;
    align-items:flex-start;
    padding:14px 16px;
    border-radius:16px;
    background:rgba(37,99,235,.06);
    border:1px solid rgba(37,99,235,.14);
    color:#3056b3;
}

.chat-note strong{
    font-size:14px;
}

.chat-note span{
    font-size:14px;
    line-height:1.5;
}

.chat-actionbar{
    display:flex;
    justify-content:flex-end;
    gap:12px;
    align-items:center;
}

.chat-summary-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:14px;
}

.chat-summary-block{
    display:grid;
    gap:8px;
    padding:16px;
    border-radius:18px;
    border:1px solid rgba(233,225,242,.92);
    background:rgba(255,255,255,.58);
}

.chat-summary-block strong{
    font-size:20px;
    line-height:1.2;
    color:var(--ink);
}

.chat-summary-block--pending{
    background:linear-gradient(135deg, rgba(91,42,134,.08), rgba(217,164,65,.12));
    border-color:rgba(91,42,134,.16);
}

.chat-pending-summary{
    margin-top:4px;
    display:grid;
    gap:12px;
}

.chat-pending-summary__header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    flex-wrap:wrap;
}

.chat-open-card{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
}

.chat-open-card__copy{
    display:grid;
    gap:6px;
}

.chat-open-card__actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:12px;
}

.profile-editor-hero{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    margin-bottom:12px;
    background:
        radial-gradient(circle at 92% 12%, rgba(239,184,75,.16), transparent 32%),
        linear-gradient(145deg, rgba(255,255,255,.96), rgba(248,243,252,.94));
}

.profile-editor-hero .page-title{
    margin:2px 0 6px;
    font-size:28px;
}

.profile-editor-hero p{
    margin:0;
    max-width:720px;
}

.profile-editor-status{
    display:inline-flex;
    align-items:center;
    gap:8px;
    flex:0 0 auto;
    padding:9px 12px;
    border:1px solid rgba(45,138,94,.18);
    border-radius:999px;
    background:rgba(233,249,241,.82);
    color:#24724f;
    font-size:12px;
    font-weight:800;
}

.profile-editor-status span{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#35a96e;
    box-shadow:0 0 0 4px rgba(53,169,110,.12);
}

.profile-editor-form{
    display:grid;
    gap:12px;
}

.profile-editor-card{
    padding:20px;
}

.profile-editor-heading{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
    margin-bottom:16px;
}

.profile-editor-heading h3{
    margin:2px 0 0;
    color:var(--ink);
    font-size:20px;
}

.profile-editor-heading p{
    max-width:440px;
    margin:0;
    font-size:13px;
    line-height:1.55;
}

.profile-editor-heading--actions{
    align-items:center;
}

.profile-editor-text-grid{
    display:grid;
    grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
    gap:14px;
}

.profile-editor-field{
    display:grid;
    align-content:start;
    gap:6px;
}

.profile-editor-field--wide{
    grid-column:span 2;
}

.profile-editor-field > span{
    color:var(--ink);
    font-size:13px;
    font-weight:800;
}

.profile-editor-field small{
    min-height:18px;
    color:var(--muted);
    font-size:12px;
    line-height:1.45;
}

.profile-editor-field input,
.profile-editor-field select,
.profile-editor-field textarea{
    width:100%;
    border:1px solid rgba(91,42,134,.13);
    border-radius:14px;
    background:linear-gradient(180deg, rgba(255,252,247,.98), rgba(249,246,252,.96));
    color:var(--ink);
    font:inherit;
    line-height:1.55;
    padding:12px 14px;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}

.profile-editor-field select{
    appearance:none;
    -webkit-appearance:none;
    padding-right:44px;
    background-image:
        linear-gradient(180deg, rgba(255,252,247,.98), rgba(249,246,252,.96)),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%235B2A86' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat:no-repeat,no-repeat;
    background-position:0 0,right 14px center;
    background-size:auto,18px 18px;
}

.profile-editor-field select:disabled{
    color:rgba(36,22,47,.52);
    cursor:not-allowed;
}

.profile-editor-field textarea{
    resize:vertical;
}

.profile-editor-field input:hover,
.profile-editor-field select:hover:not(:disabled),
.profile-editor-field textarea:hover{
    border-color:rgba(217,164,65,.38);
}

.profile-editor-field input:focus,
.profile-editor-field select:focus,
.profile-editor-field textarea:focus{
    outline:none;
    border-color:rgba(91,42,134,.42);
    box-shadow:0 0 0 4px rgba(91,42,134,.08);
}

.profile-editor-columns{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}

.profile-editor-stack{
    display:grid;
    gap:12px;
}

.profile-choice-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
}

.profile-choice-grid--wide{
    grid-template-columns:repeat(3,minmax(0,1fr));
}

.profile-choice{
    position:relative;
    cursor:pointer;
}

.profile-choice input{
    position:absolute;
    opacity:0;
    pointer-events:none;
}

.profile-choice span{
    display:flex;
    align-items:center;
    min-height:44px;
    padding:10px 13px 10px 38px;
    border:1px solid rgba(91,42,134,.12);
    border-radius:13px;
    background:rgba(250,247,252,.84);
    color:var(--ink);
    font-size:13px;
    font-weight:750;
    transition:border-color .16s ease, background .16s ease, transform .16s ease;
}

.profile-choice span::before{
    content:'';
    position:absolute;
    left:13px;
    width:15px;
    height:15px;
    border:1.5px solid rgba(91,42,134,.32);
    border-radius:5px;
    background:#fff;
}

.profile-choice input:checked + span{
    border-color:rgba(217,164,65,.44);
    background:linear-gradient(135deg, rgba(255,246,224,.96), rgba(245,238,251,.96));
}

.profile-choice input:checked + span::before{
    border-color:#d9a441;
    background:#d9a441;
    box-shadow:inset 0 0 0 3px #fff;
}

.profile-choice input:focus-visible + span{
    outline:3px solid rgba(91,42,134,.14);
    outline-offset:2px;
}

.profile-choice:hover span{
    transform:translateY(-1px);
    border-color:rgba(217,164,65,.34);
}

.profile-specialism-list{
    display:grid;
    gap:9px;
}

.profile-specialism-row{
    display:grid;
    grid-template-columns:minmax(150px,.42fr) minmax(240px,1fr) auto;
    align-items:end;
    gap:10px;
    padding:11px;
    border:1px solid rgba(91,42,134,.09);
    border-radius:15px;
    background:rgba(250,247,252,.68);
}

.profile-specialism-remove{
    min-height:43px;
    padding:9px 12px;
    border:1px solid rgba(175,66,66,.16);
    border-radius:12px;
    background:rgba(255,247,247,.9);
    color:#a04444;
    font-weight:750;
}

.profile-specialism-remove:hover,
.profile-specialism-remove:focus-visible{
    border-color:rgba(175,66,66,.34);
    background:#fff2f2;
    outline:none;
}

.profile-editor-actions{
    position:sticky;
    bottom:12px;
    z-index:20;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:14px 16px;
    border:1px solid rgba(91,42,134,.12);
    border-radius:18px;
    background:rgba(255,255,255,.94);
    box-shadow:0 18px 42px rgba(44,27,58,.14);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
}

.profile-editor-actions > div{
    display:grid;
    gap:2px;
}

.profile-editor-actions strong{
    color:var(--ink);
}

.profile-editor-actions span{
    color:var(--muted);
    font-size:12px;
}

.proposal-video-hero{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    margin-bottom:12px;
    background:
        radial-gradient(circle at 90% 10%, rgba(217,164,65,.17), transparent 32%),
        linear-gradient(145deg, rgba(255,255,255,.96), rgba(248,243,252,.94));
}

.proposal-video-hero .page-title{
    margin:3px 0 7px;
    font-size:28px;
}

.proposal-video-hero p{
    max-width:720px;
    margin:0;
    line-height:1.55;
}

.proposal-video-layout{
    display:grid;
    grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);
    gap:12px;
    align-items:start;
}

.proposal-recorder{
    display:grid;
    gap:16px;
}

.proposal-recorder__heading,
.proposal-video-library__heading{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
}

.proposal-recorder__heading h3,
.proposal-video-guide h3,
.proposal-video-library__heading h3{
    margin:3px 0 0;
    font-size:21px;
    color:var(--ink);
}

.proposal-recorder__limit{
    flex:0 0 auto;
    padding:8px 11px;
    border:1px solid rgba(91,42,134,.12);
    border-radius:999px;
    background:rgba(91,42,134,.06);
    color:var(--plum);
    font-size:12px;
    font-weight:800;
}

.proposal-recorder__stage{
    position:relative;
    width:min(100%, 390px);
    aspect-ratio:3 / 4;
    margin:0 auto;
    overflow:hidden;
    border:1px solid rgba(91,42,134,.18);
    border-radius:24px;
    background:
        radial-gradient(circle at 50% 32%, rgba(217,164,65,.14), transparent 28%),
        linear-gradient(155deg, #2d1a3a, #120b18);
    box-shadow:0 20px 44px rgba(32,19,42,.18);
}

.proposal-recorder__stage video{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    background:#160e1d;
}

.proposal-recorder__placeholder{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:8px;
    padding:24px;
    text-align:center;
    color:#fff;
    background:linear-gradient(180deg, rgba(22,14,29,.08), rgba(22,14,29,.64));
}

.proposal-recorder__placeholder span:last-child{
    color:rgba(255,255,255,.72);
    font-size:13px;
}

.proposal-recorder__camera{
    width:54px;
    height:42px;
    margin-bottom:6px;
    border:2px solid rgba(255,255,255,.84);
    border-radius:13px;
    position:relative;
}

.proposal-recorder__camera::before{
    content:'';
    position:absolute;
    top:9px;
    left:16px;
    width:16px;
    height:16px;
    border:2px solid rgba(255,255,255,.84);
    border-radius:50%;
}

.proposal-recorder__camera::after{
    content:'';
    position:absolute;
    top:-7px;
    left:10px;
    width:18px;
    height:7px;
    border-radius:5px 5px 0 0;
    background:rgba(255,255,255,.84);
}

.proposal-recorder__recording{
    position:absolute;
    top:14px;
    left:14px;
    display:flex;
    align-items:center;
    gap:7px;
    padding:7px 10px;
    border-radius:999px;
    background:rgba(26,12,28,.76);
    color:#fff;
    font-size:12px;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
}

.proposal-recorder__recording > span{
    width:9px;
    height:9px;
    border-radius:50%;
    background:#ef5555;
    box-shadow:0 0 0 4px rgba(239,85,85,.18);
    animation:proposal-recording-pulse 1.15s ease-in-out infinite;
}

.proposal-recorder__recording time{
    min-width:34px;
    color:rgba(255,255,255,.78);
    font-variant-numeric:tabular-nums;
}

@keyframes proposal-recording-pulse{
    50%{opacity:.5}
}

.proposal-recorder__status{
    min-height:42px;
    padding:11px 13px;
    border:1px solid rgba(91,42,134,.10);
    border-radius:13px;
    background:rgba(250,247,252,.78);
    color:var(--muted);
    font-size:13px;
    line-height:1.5;
}

.proposal-recorder__status.is-success{
    border-color:rgba(31,157,106,.18);
    background:rgba(31,157,106,.07);
    color:#24724f;
}

.proposal-recorder__status.is-error{
    border-color:rgba(154,75,69,.18);
    background:rgba(154,75,69,.06);
    color:var(--red);
}

.proposal-recorder__actions{
    display:flex;
    justify-content:flex-end;
    gap:9px;
    flex-wrap:wrap;
}

.proposal-recorder__stop{
    border-color:rgba(154,75,69,.22);
    background:rgba(154,75,69,.08);
    color:var(--red);
}

.proposal-video-guide{
    display:grid;
    gap:16px;
    background:
        radial-gradient(circle at 90% 10%, rgba(91,42,134,.10), transparent 32%),
        rgba(255,255,255,.84);
}

.proposal-video-guide ol{
    display:grid;
    gap:13px;
    margin:0;
    padding:0;
    list-style:none;
}

.proposal-video-guide li{
    display:grid;
    grid-template-columns:34px minmax(0,1fr);
    gap:11px;
    align-items:start;
}

.proposal-video-guide li > span{
    display:flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    border-radius:11px;
    background:linear-gradient(135deg, rgba(91,42,134,.13), rgba(217,164,65,.18));
    color:var(--plum);
    font-size:13px;
    font-weight:850;
}

.proposal-video-guide li div{
    display:grid;
    gap:3px;
}

.proposal-video-guide li strong{
    font-size:14px;
}

.proposal-video-guide li small{
    color:var(--muted);
    font-size:12px;
    line-height:1.5;
}

.proposal-video-guide__note{
    padding:12px 13px;
    border-radius:13px;
    background:rgba(217,164,65,.11);
    color:#765619;
    font-size:12px;
    line-height:1.5;
}

.proposal-video-library{
    margin-top:12px;
}

.proposal-video-empty{
    display:grid;
    gap:5px;
    margin-top:16px;
    padding:20px;
    border:1px dashed rgba(91,42,134,.18);
    border-radius:17px;
    text-align:center;
    background:rgba(250,247,252,.56);
}

.proposal-video-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    margin-top:16px;
}

.proposal-video-card{
    display:grid;
    gap:10px;
    padding:12px;
    border:1px solid rgba(91,42,134,.10);
    border-radius:18px;
    background:rgba(250,247,252,.68);
}

.proposal-video-card video,
.proposal-video-card > img{
    display:block;
    width:100%;
    aspect-ratio:3 / 4;
    object-fit:cover;
    border-radius:13px;
    background:#160e1d;
}

.proposal-video-card__meta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    color:var(--muted);
    font-size:12px;
}

.proposal-video-card > strong{
    overflow:hidden;
    color:var(--ink);
    font-size:13px;
    text-overflow:ellipsis;
    white-space:nowrap;
}

@media (max-width: 1024px){
    .dashboard-section-grid,
    .dashboard-status-options,
    .dashboard-combined-grid,
    .dashboard-message-grid,
    .dashboard-stats-main,
    .dashboard-stats-detail,
    .dashboard-earnings-grid,
    .media-grid{
        grid-template-columns:1fr;
    }

    .dashboard-topbar{
        grid-template-columns:1fr;
        justify-items:center;
        text-align:center;
    }

    .dashboard-topbar__nav,
    .dashboard-topbar__meta{
        justify-content:center;
        justify-items:center;
        text-align:center;
    }

    .dashboard-topbar__actions{
        justify-items:center;
    }

    .dashboard-nav{
        flex-wrap:wrap;
        overflow:visible;
    }

    .chat-rate-grid,
    .chat-summary-grid{
        grid-template-columns:1fr;
    }

    .chat-note{
        display:grid;
        gap:4px;
    }

    .profile-editor-text-grid,
    .profile-editor-columns{
        grid-template-columns:1fr;
    }

    .profile-editor-field--wide{
        grid-column:auto;
    }

    .profile-choice-grid--wide{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .proposal-video-layout{
        grid-template-columns:1fr;
    }

    .proposal-video-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width: 640px){
    .shell{
        padding:76px 16px 92px;
    }

    .shell--centered{
        padding:24px 18px;
    }

    .auth-panel{
        padding:24px 20px;
    }

    .auth-field input[type="number"],
    .auth-field input[type="password"],
    .auth-field input[type="text"]{
        width:100%;
        font-size:17px;
    }

    .otp-group{
        gap:8px;
    }

    .otp-input{
        width:44px !important;
        height:54px;
        font-size:24px !important;
    }

    .dashboard-nav__link,
    .dashboard-pill,
    .chip-link{
        width:100%;
        justify-content:center;
    }

    .dashboard-filterbar,
    .dashboard-filterbar__group,
    .dashboard-message-actions{
        align-items:stretch;
    }

    .dashboard-stats-toolbar,
    .dashboard-filter-form,
    .dashboard-stats-main,
    .dashboard-stats-detail{
        grid-template-columns:1fr;
    }

    .dashboard-status-card{
        grid-template-columns:1fr;
        padding:18px 16px;
    }

    .dashboard-status-card form,
    .dashboard-status-card .dashboard-switch{
        width:100%;
    }

    .dashboard-status-card button.dashboard-switch{
        justify-content:space-between;
    }

    .dashboard-stats-toolbar{
        gap:14px;
    }

    .dashboard-stats-toolbar__title{
        font-size:24px;
    }

    .chat-hero-panel,
    .chat-card{
        padding:18px 16px;
    }

    .chat-card__header,
    .chat-pending-summary__header{
        display:grid;
        gap:10px;
    }

    .chat-rate-field{
        padding:14px;
    }

    .chat-rate-field__hint{
        min-height:0;
    }

    .chat-actionbar,
    .chat-open-card__actions{
        justify-content:stretch;
        flex-direction:column;
    }

    .chat-actionbar .chip-link{
        width:100%;
    }

    .dashboard-stat{
        gap:4px;
        padding:14px 16px;
    }

    .dashboard-stat__value{
        font-size:24px;
        line-height:1.2;
        word-break:break-word;
    }

    .dashboard-detail-row{
        padding:8px 0;
    }

    .dashboard-date-input{
        min-width:0;
        width:100%;
    }

    .dashboard-status-card{
        grid-template-columns:1fr;
    }

    .profile-editor-hero,
    .profile-editor-heading,
    .profile-editor-heading--actions,
    .profile-editor-actions{
        align-items:stretch;
        flex-direction:column;
    }

    .profile-editor-card{
        padding:17px 15px;
    }

    .profile-editor-status{
        align-self:flex-start;
    }

    .profile-choice-grid,
    .profile-choice-grid--wide{
        grid-template-columns:1fr;
    }

    .profile-specialism-row{
        grid-template-columns:1fr;
    }

    .profile-specialism-remove,
    .profile-add-specialism{
        width:100%;
    }

    .profile-editor-actions{
        bottom:78px;
    }

    .proposal-video-hero,
    .proposal-recorder__heading,
    .proposal-video-library__heading{
        align-items:stretch;
        flex-direction:column;
    }

    .proposal-video-hero,
    .proposal-recorder,
    .proposal-video-guide,
    .proposal-video-library{
        padding:17px 15px;
    }

    .proposal-recorder__limit{
        align-self:flex-start;
    }

    .proposal-recorder__stage{
        width:min(100%, 340px);
        border-radius:20px;
    }

    .proposal-recorder__actions{
        display:grid;
        grid-template-columns:1fr;
    }

    .proposal-video-grid{
        grid-template-columns:1fr;
    }
}

/* Tijdelijke, zelfstandige profiel2-editor. */
.profile2-hero{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    margin-bottom:14px;
    overflow:hidden;
    background:
        radial-gradient(circle at 84% 0, rgba(217,164,65,.22), transparent 34%),
        linear-gradient(135deg,#fff 0%,#faf5ff 55%,#fff9ed 100%);
}

.profile2-hero .page-title{
    margin:3px 0 7px;
    font-size:30px;
}

.profile2-hero p{
    max-width:760px;
    margin:0;
    line-height:1.6;
}

.profile2-hero-state{
    display:grid;
    flex:0 0 auto;
    gap:3px;
    min-width:190px;
    padding:13px 16px;
    border:1px solid rgba(217,164,65,.28);
    border-radius:16px;
    background:rgba(255,255,255,.82);
    box-shadow:0 10px 24px rgba(56,34,75,.08);
}

.profile2-hero-state strong{
    color:#8b5b00;
    font-size:13px;
}

.profile2-hero-state span{
    color:var(--muted);
    font-size:11px;
}

.profile2-form{
    display:grid;
    gap:14px;
}

.profile2-layout{
    display:grid;
    grid-template-columns:minmax(520px,.92fr) minmax(500px,1.08fr);
    align-items:start;
    gap:16px;
}

.profile2-controls{
    display:grid;
    gap:10px;
}

.profile2-helpbar{
    display:flex;
    align-items:center;
    gap:12px;
    padding:14px 16px;
    border:1px solid rgba(91,42,134,.1);
    border-radius:17px;
    background:#fff;
    box-shadow:0 8px 22px rgba(45,28,59,.06);
}

.profile2-helpbar__number{
    display:grid;
    width:34px;
    height:34px;
    flex:0 0 34px;
    place-items:center;
    border-radius:50%;
    background:linear-gradient(135deg,#5b2a86,#8652b5);
    color:#fff;
    font-weight:900;
}

.profile2-helpbar div{
    display:grid;
    gap:2px;
}

.profile2-helpbar span:not(.profile2-helpbar__number){
    color:var(--muted);
    font-size:12px;
}

.profile2-step{
    overflow:hidden;
    border:1px solid rgba(91,42,134,.11);
    border-radius:18px;
    background:rgba(255,255,255,.96);
    box-shadow:0 8px 22px rgba(45,28,59,.05);
}

.profile2-step[open]{
    border-color:rgba(217,164,65,.34);
    box-shadow:0 14px 34px rgba(45,28,59,.09);
}

.profile2-step > summary{
    display:flex;
    align-items:center;
    gap:12px;
    min-height:70px;
    padding:13px 48px 13px 15px;
    list-style:none;
    cursor:pointer;
    position:relative;
}

.profile2-step > summary::-webkit-details-marker{display:none}

.profile2-step > summary::after{
    content:'+';
    position:absolute;
    right:18px;
    color:#5b2a86;
    font-size:24px;
    font-weight:600;
}

.profile2-step[open] > summary::after{content:'−'}

.profile2-step > summary > span{
    display:grid;
    width:36px;
    height:36px;
    flex:0 0 36px;
    place-items:center;
    border-radius:12px;
    background:#f3ecf8;
    color:#5b2a86;
    font-weight:900;
}

.profile2-step[open] > summary > span{
    background:linear-gradient(135deg,#f3ca70,#d9a441);
    color:#3b2700;
}

.profile2-step > summary div{
    display:grid;
    gap:3px;
}

.profile2-step > summary strong{
    color:var(--ink);
    font-size:15px;
}

.profile2-step > summary small{
    color:var(--muted);
    font-size:12px;
}

.profile2-step__body{
    display:grid;
    gap:16px;
    padding:4px 18px 20px 62px;
    border-top:1px solid rgba(91,42,134,.07);
}

.profile2-step__body h4{
    margin:4px 0 -7px;
    color:var(--ink);
    font-size:13px;
}

.profile2-single-choice{
    max-width:100%;
}

.profile2-media-picker,
.profile2-side-picker{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
}

.profile2-media-option,
.profile2-side-option{
    display:grid;
    gap:6px;
    min-width:0;
    cursor:pointer;
}

.profile2-media-option input,
.profile2-side-option input{
    position:absolute;
    opacity:0;
    pointer-events:none;
}

.profile2-media-thumb,
.profile2-side-option img{
    position:relative;
    display:block;
    width:100%;
    aspect-ratio:1/1;
    overflow:hidden;
    border:2px solid transparent;
    border-radius:15px;
    background:#f2edf5;
    object-fit:cover;
    transition:.16s ease;
}

.profile2-media-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.profile2-media-thumb b{
    position:absolute;
    right:7px;
    bottom:7px;
    padding:4px 7px;
    border-radius:999px;
    background:rgba(41,22,52,.82);
    color:#fff;
    font-size:10px;
}

.profile2-media-option small,
.profile2-side-option span{
    overflow:hidden;
    color:var(--muted);
    font-size:10px;
    text-align:center;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.profile2-media-option input:checked + .profile2-media-thumb,
.profile2-side-option input:checked + img{
    border-color:#d9a441;
    box-shadow:0 0 0 4px rgba(217,164,65,.18);
    transform:translateY(-2px);
}

.profile2-empty{
    padding:14px;
    border:1px dashed rgba(91,42,134,.2);
    border-radius:14px;
    background:#faf7fc;
    color:var(--muted);
    font-size:13px;
    line-height:1.55;
}

.profile2-empty a{color:#5b2a86;font-weight:800}

.profile2-card-editor-list{gap:12px}

.profile2-card-editor{
    display:grid;
    gap:11px;
    margin:0;
    padding:12px;
    border:1px solid rgba(91,42,134,.1);
    border-radius:15px;
    background:#fcfafc;
}

.profile2-card-editor legend{
    padding:0 7px;
    color:#5b2a86;
    font-size:12px;
    font-weight:900;
}

.profile2-card-fields{
    display:grid;
    grid-template-columns:minmax(110px,.34fr) minmax(0,1fr);
    gap:10px;
}

.profile2-card-fields--three{grid-template-columns:repeat(3,minmax(0,1fr))}

.profile2-field-title{
    display:block;
    margin-bottom:10px;
    color:var(--ink);
    font-size:13px;
}

.profile2-inline-heading{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin-bottom:10px;
}

.profile2-inline-heading div{display:grid;gap:2px}
.profile2-inline-heading small{color:var(--muted);font-size:11px}

.profile2-specialisms{
    display:grid;
    gap:8px;
}

.profile2-specialism-row{
    display:grid;
    grid-template-columns:minmax(120px,.45fr) minmax(160px,1fr) auto;
    align-items:end;
    gap:8px;
    padding:10px;
    border:1px solid rgba(91,42,134,.08);
    border-radius:14px;
    background:#fbf9fc;
}

.profile2-bullets{grid-template-columns:repeat(3,minmax(0,1fr))}
.profile2-bullets .profile-editor-field:last-child{grid-column:1/-1}

.profile2-preview-shell{
    position:sticky;
    top:12px;
    overflow:hidden;
    border:1px solid rgba(91,42,134,.12);
    border-radius:22px;
    background:#fff;
    box-shadow:0 24px 60px rgba(42,26,54,.14);
}

.profile2-preview-topline{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:13px 16px;
    border-bottom:1px solid rgba(91,42,134,.09);
    background:linear-gradient(135deg,#fbf8fd,#fffaf0);
}

.profile2-preview-topline div{display:grid;gap:2px}
.profile2-preview-topline strong{color:var(--ink);font-size:13px}
.profile2-preview-topline span{color:var(--muted);font-size:10px}

.profile2-preview-topline button{
    padding:8px 11px;
    border:1px solid rgba(91,42,134,.15);
    border-radius:999px;
    background:#fff;
    color:#5b2a86;
    font-size:11px;
    font-weight:850;
    cursor:pointer;
}

.profile2-preview{
    --preview-purple:#5b2a86;
    display:grid;
    gap:0;
    max-height:calc(100vh - 190px);
    overflow:auto;
    background:#fff;
    color:#291d30;
    transition:max-width .2s ease;
}

.profile2-preview.is-mobile{
    max-width:390px;
    margin:0 auto;
    border-right:1px solid #eee5f2;
    border-left:1px solid #eee5f2;
}

.profile2-preview-hero{
    display:grid;
    grid-template-columns:minmax(170px,.42fr) minmax(0,1fr);
    gap:20px;
    padding:24px;
    background:linear-gradient(135deg,#fbf6ff,#fff9ef);
}

.profile2-preview-media{
    min-height:245px;
    overflow:hidden;
    border-radius:24px;
    background:linear-gradient(145deg,#eee2f5,#d8c5e7);
    box-shadow:0 14px 32px rgba(74,39,98,.18);
}

.profile2-preview-media img,
.profile2-preview-media video{
    width:100%;
    height:100%;
    min-height:245px;
    display:block;
    object-fit:cover;
}

.profile2-preview-media-empty{
    display:grid;
    min-height:245px;
    place-items:center;
    color:#765c85;
    font-weight:900;
}

.profile2-preview-intro{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    min-width:0;
}

.profile2-preview-status{
    color:#278359;
    font-size:10px;
    font-weight:850;
}

.profile2-preview-intro h2{
    margin:7px 0 2px;
    color:#3f1a58;
    font-size:28px;
    line-height:1.1;
}

.profile2-preview-role{
    color:#71547f;
    font-size:12px;
    font-weight:750;
}

.profile2-preview-rating{
    margin-top:9px;
    color:#d69719;
    font-size:11px;
}

.profile2-preview-rating b{color:#3a263f}

.profile2-preview-chips{
    display:flex;
    flex-wrap:wrap;
    gap:5px;
    margin-top:9px;
}

.profile2-preview-chips span{
    padding:5px 8px;
    border-radius:999px;
    background:#eee5f4;
    color:#5b2a86;
    font-size:9px;
    font-weight:800;
}

.profile2-preview-intro p{
    display:-webkit-box;
    margin:10px 0;
    overflow:hidden;
    color:#55465b;
    font-size:11px;
    line-height:1.5;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:4;
}

.profile2-preview-actions{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
}

.profile2-preview-actions span,
.profile2-preview-sticky > span{
    padding:8px 11px;
    border-radius:10px;
    background:#5b2a86;
    color:#fff;
    font-size:10px;
    font-weight:850;
}

.profile2-preview-actions span + span{background:#d9a441;color:#382400}
.profile2-preview-intro > small{margin-top:7px;color:#85718d;font-size:8px}

.profile2-preview-features{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:7px;
    padding:14px 18px;
    background:#fff;
}

.profile2-preview-features > div{
    display:flex;
    align-items:center;
    gap:7px;
    min-width:0;
    padding:9px;
    border:1px solid #eee5f2;
    border-radius:12px;
}

.profile2-preview-features > div > b{font-size:19px}
.profile2-preview-features > div > span{display:grid;min-width:0;gap:2px}
.profile2-preview-features strong{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.profile2-preview-features small{color:#806d87;font-size:7px;line-height:1.3}

.profile2-preview-bullets{
    padding:14px 24px 18px;
    border-top:1px solid #f0e8f3;
    background:#fff;
}

.profile2-preview-bullets h3{
    margin-bottom:8px;
    font-size:14px;
}

.profile2-preview-bullets > div{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
}

.profile2-preview-bullets span{
    padding:7px 9px;
    border-radius:10px;
    background:#f3ecf8;
    color:#5b2a86;
    font-size:9px;
    font-weight:800;
}

.profile2-preview-about{
    display:grid;
    grid-template-columns:minmax(0,1fr) 150px;
    gap:18px;
    padding:22px 24px;
    background:#faf7fc;
}

.profile2-preview h3{
    margin:0 0 9px;
    color:#48205f;
    font-size:18px;
}

.profile2-preview-about p,
.profile2-preview-help > p{
    display:-webkit-box;
    overflow:hidden;
    color:#66536d;
    font-size:9px;
    line-height:1.55;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:6;
}

.profile2-preview-about blockquote{
    display:grid;
    gap:5px;
    margin:10px 0 0;
    padding:10px;
    border-left:3px solid #d9a441;
    border-radius:0 10px 10px 0;
    background:#fff;
    color:#594161;
    font-size:9px;
}

.profile2-preview-about blockquote b{font-size:8px}

.profile2-preview-about > img{
    width:100%;
    height:100%;
    min-height:190px;
    border-radius:18px;
    object-fit:cover;
}

.profile2-preview-help,
.profile2-preview-reviews{
    padding:22px 24px;
}

.profile2-preview-help > div{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:7px;
}

.profile2-preview-help > div > div{
    display:grid;
    gap:5px;
    padding:10px;
    border:1px solid #eee4f2;
    border-radius:12px;
    background:#fff;
}

.profile2-preview-help strong{font-size:9px}
.profile2-preview-help span{color:#705e77;font-size:8px;line-height:1.4}

.profile2-preview-reviews{background:#faf7fc}
.profile2-preview-reviews > div{padding:13px;border-radius:13px;background:#fff;box-shadow:0 8px 22px rgba(45,28,59,.06)}
.profile2-preview-reviews b{color:#d69719;font-size:11px}
.profile2-preview-reviews p{margin:6px 0;color:#625069;font-size:9px}
.profile2-preview-reviews small{color:#85718d;font-size:8px}

.profile2-preview-sticky{
    position:sticky;
    bottom:0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:12px 16px;
    border-top:1px solid #eee4f2;
    background:rgba(255,255,255,.96);
    box-shadow:0 -8px 24px rgba(45,28,59,.09);
}

.profile2-preview-sticky > div{display:grid;gap:2px}
.profile2-preview-sticky strong{color:#47205d;font-size:11px}
.profile2-preview-sticky span:not([data-preview-sticky-button]){color:#7d6985;font-size:8px}
.profile2-preview-sticky small{margin-top:2px;color:#33815b;font-size:7px}

.profile2-preview [hidden]{display:none!important}
.profile2-preview [data-preview-block]{transition:box-shadow .2s ease,background .2s ease}
.profile2-preview [data-preview-block].is-highlighted{box-shadow:inset 0 0 0 3px rgba(217,164,65,.7);background-color:#fff9e9}

.profile2-preview.is-mobile .profile2-preview-hero,
.profile2-preview.is-mobile .profile2-preview-about{
    grid-template-columns:1fr;
}

.profile2-preview.is-mobile .profile2-preview-media{min-height:330px}
.profile2-preview.is-mobile .profile2-preview-features,
.profile2-preview.is-mobile .profile2-preview-help > div{grid-template-columns:repeat(2,minmax(0,1fr))}
.profile2-preview.is-mobile .profile2-preview-about > img{max-height:260px}

.profile2-savebar{
    position:sticky;
    z-index:30;
    bottom:12px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:15px 18px;
    border:1px solid rgba(91,42,134,.15);
    border-radius:19px;
    background:rgba(255,255,255,.96);
    box-shadow:0 18px 44px rgba(44,27,58,.17);
    backdrop-filter:blur(16px);
}

.profile2-savebar > div{display:grid;gap:2px}
.profile2-savebar strong{color:var(--ink)}
.profile2-savebar span{color:var(--muted);font-size:12px}

.profile2-savebar__actions{
    display:flex;
    align-items:center;
    gap:10px;
}

@media (max-width: 1180px){
    .profile2-layout{grid-template-columns:minmax(420px,.9fr) minmax(420px,1.1fr)}
    .profile2-preview-hero{grid-template-columns:150px minmax(0,1fr);padding:18px}
    .profile2-preview-media,.profile2-preview-media img,.profile2-preview-media video{min-height:220px}
}

@media (max-width: 960px){
    .profile2-layout{grid-template-columns:1fr}
    .profile2-preview-shell{position:relative;top:auto;order:-1}
    .profile2-preview{max-height:620px}
}

@media (max-width: 640px){
    .profile2-hero,
    .profile2-savebar,
    .profile2-inline-heading{
        align-items:stretch;
        flex-direction:column;
    }
    .profile2-hero-state{width:100%}
    .profile2-preview-shell{margin-right:-8px;margin-left:-8px;border-radius:17px}
    .profile2-preview-topline{padding:11px}
    .profile2-preview-hero{grid-template-columns:1fr;padding:15px}
    .profile2-preview-media,.profile2-preview-media img,.profile2-preview-media video{min-height:320px}
    .profile2-preview-intro h2{font-size:24px}
    .profile2-preview-features{grid-template-columns:repeat(2,minmax(0,1fr));padding:11px}
    .profile2-preview-about{grid-template-columns:1fr;padding:17px}
    .profile2-preview-help,.profile2-preview-reviews{padding:17px}
    .profile2-preview-help > div{grid-template-columns:repeat(2,minmax(0,1fr))}
    .profile2-step > summary{padding-left:12px}
    .profile2-step__body{padding:12px 13px 17px}
    .profile2-card-fields,.profile2-card-fields--three,.profile2-bullets{grid-template-columns:1fr}
    .profile2-bullets .profile-editor-field:last-child{grid-column:auto}
    .profile2-media-picker,.profile2-side-picker{grid-template-columns:repeat(2,minmax(0,1fr))}
    .profile2-specialism-row{grid-template-columns:1fr}
    .profile2-savebar{bottom:78px}
    .profile2-savebar__actions{display:grid;width:100%}
}

@media (max-width: 860px){
    .proposal-video-page .dashboard-mobile-footer{
        display:none;
    }

    .dashboard-header-shell{
        position:fixed;
        top:0;
        left:0;
        right:0;
        z-index:210;
        margin:0 !important;
        padding:12px 14px;
        border-radius:0;
        border-left:none;
        border-right:none;
        background:rgba(255,255,255,.96);
        backdrop-filter:blur(18px);
        -webkit-backdrop-filter:blur(18px);
    }

    .dashboard-mobile-bar{
        display:grid;
        grid-template-columns:auto minmax(0,1fr) auto;
        align-items:center;
        gap:10px;
        margin-bottom:0;
    }

    .dashboard-mobile-meta{
        display:grid;
        gap:6px;
        margin-top:12px;
        margin-bottom:16px;
    }

    .dashboard-topbar{
        display:none;
    }

    .dashboard-mobile-toggle{
        justify-self:end;
        align-self:center;
    }

    .dashboard-mobile-toggle__label{
        display:none;
    }

    .dashboard-mobile-menu{
        top:65px;
        right:12px;
        left:auto;
        width:min(340px, calc(100vw - 24px));
        max-height:calc(100vh - 77px);
        max-height:calc(100dvh - 77px);
    }

    .dashboard-mobile-footer{
        display:grid;
        grid-template-columns:repeat(4, minmax(0, 1fr));
        gap:8px;
        left:0;
        right:0;
        bottom:0;
        padding:10px 12px calc(env(safe-area-inset-bottom, 0px) + 10px);
        border-radius:0;
        border-left:none;
        border-right:none;
    }
}
button,
input[type='button'],
input[type='submit'],
input[type='reset'] {
    cursor: pointer !important;
}

.medium-app-card{
    position:fixed;
    right:20px;
    bottom:20px;
    z-index:320;
    display:grid;
    grid-template-columns:64px minmax(0, 1fr);
    gap:16px;
    width:min(440px, calc(100vw - 32px));
    padding:20px;
    border:1px solid rgba(217,164,65,.42);
    border-radius:24px;
    background:rgba(255,253,249,.98);
    box-shadow:0 24px 70px rgba(44,27,58,.24);
    color:var(--ink);
}

.medium-app-card__close{
    position:absolute;
    top:10px;
    right:12px;
    display:grid;
    place-items:center;
    width:34px;
    height:34px;
    padding:0;
    border:0;
    border-radius:50%;
    background:transparent;
    color:var(--muted);
    font-size:26px;
    line-height:1;
}

.medium-app-card__icon{
    display:grid;
    place-items:center;
    width:64px;
    height:64px;
    overflow:hidden;
    border-radius:16px;
    background:var(--plum);
    box-shadow:0 10px 24px rgba(91,42,134,.22);
}

.medium-app-card__icon img{
    display:block;
    width:48px;
    height:48px;
}

.medium-app-card__content{
    min-width:0;
    padding-right:20px;
}

.medium-app-card__title{
    margin:3px 0 8px;
    font-size:20px;
    line-height:1.2;
}

.medium-app-card__copy,
.medium-app-card__privacy,
.medium-app-card__status{
    margin:0;
    line-height:1.5;
}

.medium-app-card__steps{
    display:grid;
    gap:8px;
    margin-top:14px;
}

.medium-app-step{
    display:grid;
    grid-template-columns:28px 40px minmax(0, 1fr);
    align-items:center;
    gap:9px;
    padding:9px 10px 9px 8px;
    border:1px solid rgba(91,42,134,.13);
    border-radius:13px;
    background:#fff;
}

.medium-app-step--first{
    border:2px solid var(--gold);
    background:#fffaf0;
    box-shadow:0 8px 20px rgba(217,164,65,.14);
}

.medium-app-step__number{
    display:grid;
    place-items:center;
    width:25px;
    height:25px;
    border-radius:50%;
    background:var(--plum);
    color:#fff;
    font-size:13px;
    font-weight:900;
}

.medium-app-step__symbol{
    position:relative;
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    border-radius:10px;
    background:#f2eaf8;
    color:var(--plum);
}

.medium-app-step__symbol--menu{
    gap:3px;
    align-content:center;
}

.medium-app-step__symbol--menu i,
.medium-app-card__pointer-menu i{
    display:block;
    width:19px;
    height:3px;
    border-radius:99px;
    background:currentColor;
}

.medium-app-step__symbol--menu i:nth-child(2),
.medium-app-card__pointer-menu i:nth-child(2){
    width:14px;
}

.medium-app-step__symbol--menu i:nth-child(3),
.medium-app-card__pointer-menu i:nth-child(3){
    width:9px;
}

.medium-app-step__symbol--share::before{
    content:"";
    position:absolute;
    left:10px;
    bottom:8px;
    width:17px;
    height:17px;
    border:2px solid currentColor;
    border-radius:4px;
}

.medium-app-step__symbol--share::after{
    content:"↑";
    position:absolute;
    top:0;
    left:13px;
    padding:0 2px 4px;
    background:#f2eaf8;
    font-size:24px;
    font-weight:800;
    line-height:1;
}

.medium-app-step__symbol--plus::before{
    content:"＋";
    font-size:27px;
    font-weight:500;
    line-height:1;
}

.medium-app-step__symbol--add{
    width:auto;
    padding:0 7px;
    color:#1473e6;
    font-size:10px;
    font-weight:900;
}

.medium-app-step__text{
    display:grid;
    gap:1px;
    min-width:0;
    color:var(--ink);
    font-size:13px;
    line-height:1.3;
}

.medium-app-step__text strong{
    font-weight:900;
}

.medium-app-step__text small{
    color:var(--muted);
    font-size:11px;
    line-height:1.3;
}

.medium-app-card__pointer{
    display:none;
}

.medium-app-card__action{
    margin-top:15px;
    padding:11px 16px;
    border:0;
    border-radius:999px;
    background:var(--plum);
    color:#fff;
    font-weight:800;
    box-shadow:0 10px 24px rgba(91,42,134,.22);
}

.medium-app-card__action:disabled{
    cursor:wait !important;
    opacity:.65;
}

.medium-app-card__status{
    margin-top:10px;
    color:var(--plum);
    font-size:14px;
    font-weight:700;
}

.medium-app-card__privacy{
    margin-top:11px;
    color:var(--muted);
    font-size:12px;
}

@media (max-width: 620px){
    .medium-app-card{
        right:12px;
        bottom:calc(env(safe-area-inset-bottom, 0px) + 78px);
        grid-template-columns:50px minmax(0, 1fr);
        gap:13px;
        width:calc(100vw - 24px);
        padding:17px 16px 15px;
        border-radius:20px;
    }

    .medium-app-card__icon{
        width:50px;
        height:50px;
        border-radius:13px;
    }

    .medium-app-card__icon img{
        width:38px;
        height:38px;
    }

    .medium-app-card__pointer{
        position:absolute;
        right:auto;
        bottom:-65px;
        left:calc(30vw - 33px);
        display:flex;
        flex-direction:row-reverse;
        align-items:center;
        gap:7px;
        color:var(--plum);
        font-size:12px;
        font-weight:900;
        text-shadow:0 1px 3px #fff;
    }

    .medium-app-card__pointer b{
        color:var(--gold-dark);
        font-size:34px;
        line-height:1;
        transform:rotate(-8deg);
    }

    .medium-app-card__pointer-menu{
        display:grid;
        place-items:center;
        align-content:center;
        gap:3px;
        width:42px;
        height:42px;
        border:2px solid var(--gold);
        border-radius:50%;
        background:#fff;
        box-shadow:0 7px 20px rgba(44,27,58,.2);
    }
}