/* ================================================================
   ESSAYDEW UNIVERSAL SERVICE DRAWERS
   ---------------------------------------------------------------
   Lightweight reusable floating workspace.

   Core rules:
   - No Service Hub dependency.
   - Phone first.
   - Adaptive useful height.
   - Never a giant full-screen phone sheet.
   - Never a tiny floating card wasting most of the phone.
   - Internal scrolling only where genuinely needed.
   - Readable typography. We save space through structure/padding,
     not through microscopic fonts.
   ================================================================ */


/* ================================================================
   BOX MODEL + STRICT HIDDEN STATE

   The !important hidden rule is intentional.
   It prevents avatar fallback initials from sitting over a real
   image while JS changes image state.
   ================================================================ */

.edsd-backdrop,
.edsd-drawer,
.edsd-drawer *,
.edsd-drawer *::before,
.edsd-drawer *::after {
    box-sizing: border-box;
}

.edsd-drawer [hidden] {
    display: none !important;
}


/* ================================================================
   BACKDROP
   ================================================================ */

.edsd-backdrop {
    position: fixed;
    inset: 0;

    z-index: 999970;

    visibility: hidden;
    opacity: 0;

    background:
        rgba(3, 5, 9, .66);

    backdrop-filter:
        blur(5px);

    -webkit-backdrop-filter:
        blur(5px);

    transition:
        opacity .16s ease,
        visibility .16s ease;
}

.edsd-backdrop.is-open {
    visibility: visible;
    opacity: 1;
}


/* ================================================================
   DRAWER SHELL

   Phone:
   - minimum useful working height
   - grows with content
   - max ~88% of viewport

   This deliberately avoids:
   - tiny center modal
   - full-screen bottom-sheet feeling
   ================================================================ */

.edsd-drawer {
    --edsd-gold: #d8ad54;
    --edsd-gold-bright: #f1ce7a;
    --edsd-gold-soft: rgba(216, 173, 84, .10);

    --edsd-bg: #090c11;
    --edsd-bg-soft: #11151c;
    --edsd-bg-raised: #151a22;

    --edsd-card: rgba(255, 255, 255, .035);
    --edsd-card-strong: rgba(255, 255, 255, .052);

    --edsd-text: #f5f2eb;
    --edsd-soft: #c9c8c3;
    --edsd-muted: #9298a2;

    --edsd-green: #7dd7a0;
    --edsd-red: #e5a3a3;

    --edsd-line: rgba(255, 255, 255, .075);
    --edsd-line-strong: rgba(255, 255, 255, .12);
    --edsd-gold-line: rgba(216, 173, 84, .30);

    position: fixed;

    z-index: 999980;

    top: 50%;
    left: 50%;

    width:
        min(
            calc(100vw - 14px),
            520px
        );

    min-height: 0;

    max-height:
        min(
            88dvh,
            760px
        );

    display: flex;
    flex-direction: column;

    overflow: hidden;

    border:
        1px solid
        var(--edsd-gold-line);

    border-radius: 22px;

    background:
        radial-gradient(
            circle at 88% -2%,
            rgba(216, 173, 84, .12),
            transparent 29%
        ),
        radial-gradient(
            circle at 4% 102%,
            rgba(78, 113, 180, .07),
            transparent 28%
        ),
        linear-gradient(
            155deg,
            #141820 0%,
            #0b0e13 57%,
            #080a0e 100%
        );

    color:
        var(--edsd-text);

    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Helvetica,
        Arial,
        sans-serif;

    box-shadow:
        0 24px 70px rgba(0, 0, 0, .64),
        inset 0 1px rgba(255, 255, 255, .035);

    visibility: hidden;
    opacity: 0;

    transform:
        translate(-50%, -47%)
        scale(.975);

    transition:
        opacity .17s ease,
        transform .20s cubic-bezier(.2, .8, .2, 1),
        visibility .17s ease;
}

.edsd-drawer.is-open {
    visibility: visible;
    opacity: 1;

    transform:
        translate(-50%, -50%)
        scale(1);
}


/* ================================================================
   HEADER
   ================================================================ */

.edsd-head {
    flex: 0 0 auto;

    min-height: 50px;

    display: flex;
    align-items: center;

    gap: 7px;

    padding:
        7px
        8px
        6px;

    border-bottom:
        1px solid
        var(--edsd-line);

    background:
        rgba(9, 12, 17, .28);
}

.edsd-back,
.edsd-filter-btn,
.edsd-close {
    width: 36px;
    height: 36px;

    flex: 0 0 36px;

    display: grid;
    place-items: center;

    padding: 0;

    border:
        1px solid
        var(--edsd-line);

    border-radius: 11px;

    background:
        rgba(255, 255, 255, .035);

    color:
        var(--edsd-soft);

    font: inherit;

    cursor: pointer;

    -webkit-tap-highlight-color:
        transparent;

    transition:
        transform .12s ease,
        border-color .12s ease,
        background .12s ease;
}

.edsd-back {
    color:
        var(--edsd-gold-bright);

    font-size: 26px;
    line-height: 1;
}

.edsd-filter-btn {
    color:
        var(--edsd-gold-bright);

    font-size: 20px;
}

.edsd-filter-btn[aria-expanded="true"] {
    border-color:
        rgba(216, 173, 84, .52);

    background:
        rgba(216, 173, 84, .10);
}

.edsd-close {
    font-size: 23px;
    line-height: 1;
}

.edsd-back:active,
.edsd-filter-btn:active,
.edsd-close:active {
    transform:
        scale(.92);
}

.edsd-headcopy {
    min-width: 0;

    flex: 1 1 auto;
}

.edsd-title {
    margin: 0;

    overflow: hidden;

    color:
        var(--edsd-text);

    font-size: 17px;
    font-weight: 820;
    line-height: 1.12;

    letter-spacing: -.25px;

    text-overflow: ellipsis;
    white-space: nowrap;
}

.edsd-context-trigger {
    max-width: 100%;

    display: inline-flex;
    align-items: center;

    gap: 4px;

    margin-top: 2px;
    padding: 0;

    border: 0;

    background: none;

    color:
        var(--edsd-muted);

    font-family: inherit;

    font-size: 12px;
    font-weight: 660;

    cursor: pointer;

    -webkit-tap-highlight-color:
        transparent;
}

.edsd-context-text {
    min-width: 0;

    overflow: hidden;

    text-overflow: ellipsis;
    white-space: nowrap;
}

.edsd-context-arrow {
    flex: 0 0 auto;

    color:
        var(--edsd-gold-bright);

    font-size: 15px;
}

.edsd-head-actions {
    display: flex;
    align-items: center;

    gap: 5px;
}


/* ================================================================
   PAGE CONTEXT
   ================================================================ */

.edsd-page-context {
    flex: 0 0 auto;

    margin:
        6px
        8px
        0;

    padding:
        6px
        9px;

    overflow: hidden;

    border:
        1px solid
        rgba(216, 173, 84, .18);

    border-radius: 9px;

    background:
        rgba(216, 173, 84, .055);

    color:
        var(--edsd-soft);

    font-size: 12px;
    font-weight: 590;
    line-height: 1.25;

    text-overflow: ellipsis;
    white-space: nowrap;
}


/* ================================================================
   MAIN WORKSPACE
   ================================================================ */

.edsd-body {
    flex: 1 1 auto;

    min-height: 0;

    overflow-y: auto;
    overflow-x: hidden;

    overscroll-behavior: contain;

    padding:
        7px
        7px
        9px;

    scrollbar-width: none;

    -webkit-overflow-scrolling:
        touch;
}

.edsd-body::-webkit-scrollbar {
    display: none;
}

.edsd-state {
    min-height: 0;
}


/* ================================================================
   LOADING

   No large empty loading reservation.
   ================================================================ */

.edsd-loading {
    min-height: 40px;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 7px;

    padding: 7px;

    color:
        var(--edsd-muted);

    font-size: 12.5px;
    font-weight: 650;
}

.edsd-spinner {
    width: 16px;
    height: 16px;

    border:
        2px solid
        rgba(255, 255, 255, .11);

    border-top-color:
        var(--edsd-gold-bright);

    border-radius: 50%;

    animation:
        edsdSpin
        .65s
        linear
        infinite;
}

@keyframes edsdSpin {
    to {
        transform:
            rotate(360deg);
    }
}


/* ================================================================
   SUBJECT / DOMAIN CHOOSER
   ================================================================ */

.edsd-subjects {
    overflow: hidden;

    border:
        1px solid
        var(--edsd-line);

    border-radius: 15px;

    background:
        rgba(255, 255, 255, .018);
}

.edsd-section-intro {
    padding:
        10px
        11px
        7px;

    border-bottom:
        1px solid
        var(--edsd-line);
}

.edsd-section-intro strong {
    color:
        var(--edsd-text);

    font-size: 14px;
    font-weight: 790;
}

.edsd-subject-list {
    min-height: 0;
}

.edsd-subject-row {
    width: 100%;

    min-height: 48px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 10px;

    padding:
        8px
        11px;

    border: 0;
    border-bottom:
        1px solid
        var(--edsd-line);

    background: none;

    color:
        var(--edsd-text);

    font: inherit;

    text-align: left;

    cursor: pointer;

    -webkit-tap-highlight-color:
        transparent;
}

.edsd-subject-row:active {
    background:
        rgba(216, 173, 84, .055);
}

.edsd-subject-name {
    min-width: 0;

    overflow: hidden;

    font-size: 13.5px;
    font-weight: 710;

    text-overflow: ellipsis;
    white-space: nowrap;
}

.edsd-subject-tail,
.edsd-option-tail {
    flex: 0 0 auto;

    display: inline-flex;
    align-items: center;

    gap: 7px;
}

.edsd-subject-count {
    min-width: 27px;

    padding:
        3px
        7px;

    border-radius: 999px;

    background:
        rgba(216, 173, 84, .085);

    color:
        var(--edsd-gold-bright);

    font-size: 11px;
    font-weight: 760;

    text-align: center;
}

.edsd-subject-more-wrap {
    padding: 7px;
}

.edsd-subject-more {
    width: 100%;

    min-height: 37px;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 5px;

    padding:
        0
        12px;

    border:
        1px solid
        rgba(216, 173, 84, .24);

    border-radius: 10px;

    background:
        rgba(216, 173, 84, .055);

    color:
        var(--edsd-gold-bright);

    font-family: inherit;

    font-size: 12.5px;
    font-weight: 760;

    cursor: pointer;
}


/* ================================================================
   COMMON EXPERT CARD
   ================================================================ */

.edsd-expert {
    overflow: hidden;

    margin-bottom: 7px;

    border:
        1px solid
        var(--edsd-line);

    border-radius: 14px;

    background:
        linear-gradient(
            108deg,
            rgba(255, 255, 255, .041),
            rgba(255, 255, 255, .017)
        );

    box-shadow:
        inset 0 1px
        rgba(255, 255, 255, .015);

    transition:
        border-color .12s ease,
        background .12s ease,
        transform .12s ease;
}

.edsd-expert:active {
    transform:
        scale(.993);
}

.edsd-expert-top {
    position: relative;
}

.edsd-expert-main {
    width: 100%;

    min-width: 0;

    display: flex;
    align-items: center;

    gap: 9px;

    padding:
        8px
        9px
        7px;

    border: 0;

    background: none;

    color: inherit;

    font-family: inherit;

    text-align: left;

    cursor: pointer;

    -webkit-tap-highlight-color:
        transparent;
}


/* ================================================================
   PROFILE IMAGE

   Real image:
   - clean
   - no initials overlay
   - no badge on image
   ================================================================ */

.edsd-avatar-wrap {
    position: relative;

    width: 42px;
    height: 42px;

    flex: 0 0 42px;

    overflow: hidden;

    border:
        1px solid
        rgba(216, 173, 84, .26);

    border-radius: 12px;

    background:
        linear-gradient(
            145deg,
            rgba(216, 173, 84, .17),
            rgba(255, 255, 255, .035)
        );
}

.edsd-avatar {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    border-radius: inherit;
}

.edsd-avatar-fallback {
    position: absolute;
    inset: 0;

    display: grid;
    place-items: center;

    background:
        linear-gradient(
            145deg,
            rgba(216, 173, 84, .16),
            rgba(255, 255, 255, .035)
        );

    color:
        var(--edsd-gold-bright);

    font-size: 13.5px;
    font-weight: 850;

    text-transform: uppercase;
}


/* ================================================================
   EXPERT COPY
   ================================================================ */

.edsd-expert-copy {
    flex: 1 1 auto;

    min-width: 0;

    color: inherit;
}

.edsd-expert-name-row {
    min-width: 0;

    display: flex;
    align-items: center;

    gap: 5px;
}

.edsd-expert-name {
    min-width: 0;

    overflow: hidden;

    color:
        var(--edsd-text);

    font-size: 14px;
    font-weight: 820;
    line-height: 1.15;

    text-overflow: ellipsis;
    white-space: nowrap;
}

.edsd-verified {
    flex: 0 0 auto;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 16px;
    min-height: 16px;

    padding:
        0
        3px;

    border:
        1px solid
        rgba(216, 173, 84, .19);

    border-radius: 999px;

    background:
        rgba(216, 173, 84, .11);

    color:
        var(--edsd-gold-bright);

    font-size: 10px;
    font-weight: 880;
    line-height: 1;
}

.edsd-expert-qualification,
.edsd-expert-specialty,
.edsd-expert-skills,
.edsd-expert-bio {
    display: block;

    max-width: 100%;

    overflow: hidden;

    text-overflow: ellipsis;
    white-space: nowrap;
}

.edsd-expert-qualification {
    margin-top: 3px;

    color:
        var(--edsd-soft);

    font-size: 12px;
    font-weight: 620;
}

.edsd-expert-specialty {
    margin-top: 2px;

    color:
        var(--edsd-muted);

    font-size: 11.8px;
    font-weight: 560;
}

.edsd-expert-skills {
    margin-top: 3px;

    color:
        var(--edsd-gold-bright);

    font-size: 11.8px;
}

.edsd-expert-bio {
    margin-top: 2px;

    color:
        var(--edsd-muted);

    font-size: 11.8px;
}


/* ================================================================
   ONLINE / AVAILABLE

   Only rendered when backend provides real status.
   ================================================================ */

.edsd-status-line {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 5px;

    margin:
        -1px
        9px
        6px
        60px;
}

.edsd-status {
    display: inline-flex;
    align-items: center;

    gap: 4px;

    font-size: 11px;
    font-weight: 720;
    line-height: 1.15;
}

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

.edsd-status--online i {
    width: 6px;
    height: 6px;

    display: inline-block;

    border-radius: 50%;

    background:
        currentColor;

    box-shadow:
        0 0 8px
        rgba(125, 215, 160, .34);
}

.edsd-status--available {
    color:
        var(--edsd-gold-bright);
}


/* ================================================================
   FOUR METRICS
   ================================================================ */

.edsd-metrics {
    display: grid;

    grid-template-columns:
        repeat(
            4,
            minmax(0, 1fr)
        );

    margin:
        0
        8px
        7px;

    padding-top: 6px;

    border-top:
        1px solid
        var(--edsd-line);
}

.edsd-metric {
    min-width: 0;

    position: relative;

    display: flex;
    flex-direction: column;

    align-items: center;

    gap: 2px;

    padding:
        0
        3px;
}

.edsd-metric + .edsd-metric::before {
    content: "";

    position: absolute;

    top: 2px;
    bottom: 2px;
    left: 0;

    width: 1px;

    background:
        rgba(255, 255, 255, .055);
}

.edsd-metric-label {
    width: 100%;

    overflow: hidden;

    color:
        var(--edsd-muted);

    font-size: 10.5px;
    font-weight: 670;
    line-height: 1.15;

    text-align: center;

    text-overflow: ellipsis;
    white-space: nowrap;
}

.edsd-metric-value {
    width: 100%;

    overflow: hidden;

    color:
        var(--edsd-text);

    font-size: 13px;
    font-weight: 830;
    line-height: 1.2;

    text-align: center;

    text-overflow: ellipsis;
    white-space: nowrap;
}

.edsd-metric:first-child
.edsd-metric-value {
    color:
        var(--edsd-gold-bright);
}


/* ================================================================
   COMMERCIAL HINT
   ================================================================ */

.edsd-commercial-hint {
    margin:
        -1px
        8px
        7px;

    padding:
        5px
        7px;

    border:
        1px solid
        rgba(216, 173, 84, .19);

    border-radius: 9px;

    background:
        rgba(216, 173, 84, .055);

    color:
        var(--edsd-gold-bright);

    font-size: 11.8px;
    font-weight: 710;

    text-align: center;
}


/* ================================================================
   EXPERT ACTIONS
   ================================================================ */

.edsd-expert-actions {
    display: flex;
    align-items: center;

    gap: 6px;

    padding:
        0
        8px
        8px;
}

.edsd-expert-actions:empty {
    display: none;
}

.edsd-action {
    min-height: 34px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 4px;

    padding:
        0
        12px;

    border-radius: 10px;

    font-family: inherit;

    font-size: 12px;
    font-weight: 770;

    cursor: pointer;

    -webkit-tap-highlight-color:
        transparent;

    transition:
        transform .11s ease,
        background .11s ease,
        border-color .11s ease;
}

.edsd-expert-actions
.edsd-action {
    flex: 1 1 0;
}

.edsd-action:active {
    transform:
        scale(.96);
}

.edsd-action:disabled {
    opacity: .55;

    pointer-events: none;
}

.edsd-action--ghost {
    border:
        1px solid
        var(--edsd-line-strong);

    background:
        rgba(255, 255, 255, .025);

    color:
        var(--edsd-soft);
}

.edsd-action--primary {
    border:
        1px solid
        rgba(216, 173, 84, .46);

    background:
        linear-gradient(
            135deg,
            #cfa146,
            #efd078
        );

    color:
        #171108;
}


/* ================================================================
   COMPANY CARD
   ================================================================ */

.edsd-expert--company
.edsd-expert-main {
    min-height: 65px;

    padding-top: 9px;
    padding-bottom: 9px;
}

.edsd-chevron {
    flex: 0 0 auto;

    color:
        var(--edsd-gold-bright);

    font-size: 21px;
    line-height: 1;
}


/* ================================================================
   LOAD MORE
   ================================================================ */

.edsd-load-more-wrap {
    display: flex;
    justify-content: center;

    padding:
        4px
        0
        2px;
}

.edsd-load-more {
    min-height: 36px;

    padding:
        0
        18px;

    border:
        1px solid
        rgba(216, 173, 84, .28);

    border-radius: 999px;

    background:
        rgba(216, 173, 84, .065);

    color:
        var(--edsd-gold-bright);

    font-family: inherit;

    font-size: 12px;
    font-weight: 780;

    cursor: pointer;

    -webkit-tap-highlight-color:
        transparent;
}

.edsd-load-more:active {
    transform:
        scale(.96);
}

.edsd-load-more:disabled {
    opacity: .6;

    pointer-events: none;
}


/* ================================================================
   FILTER PANEL
   ================================================================ */

.edsd-filter-panel {
    overflow: hidden;

    border:
        1px solid
        var(--edsd-line);

    border-radius: 14px;

    background:
        rgba(255, 255, 255, .018);
}

.edsd-filter-row,
.edsd-option-row {
    width: 100%;

    min-height: 51px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 10px;

    padding:
        8px
        11px;

    border: 0;
    border-bottom:
        1px solid
        var(--edsd-line);

    background: none;

    color:
        var(--edsd-text);

    font-family: inherit;

    text-align: left;

    cursor: pointer;

    -webkit-tap-highlight-color:
        transparent;
}

.edsd-filter-row:last-of-type,
.edsd-option-row:last-child {
    border-bottom: 0;
}

.edsd-filter-row:active,
.edsd-option-row:active {
    background:
        rgba(216, 173, 84, .045);
}

.edsd-filter-row > span:first-child {
    min-width: 0;

    display: flex;
    flex-direction: column;

    gap: 2px;
}

.edsd-filter-row small {
    color:
        var(--edsd-muted);

    font-size: 11px;
    font-weight: 650;
}

.edsd-filter-row strong {
    max-width: 100%;

    overflow: hidden;

    color:
        var(--edsd-text);

    font-size: 13px;
    font-weight: 760;

    text-overflow: ellipsis;
    white-space: nowrap;
}

.edsd-filter-row > span:last-child {
    flex: 0 0 auto;

    color:
        var(--edsd-gold-bright);

    font-size: 19px;
}

.edsd-filter-reset-wrap {
    display: flex;
    justify-content: center;

    padding: 9px;
}

.edsd-filter-reset {
    min-height: 32px;

    padding:
        0
        15px;

    border:
        1px solid
        var(--edsd-line);

    border-radius: 999px;

    background:
        rgba(255, 255, 255, .025);

    color:
        var(--edsd-muted);

    font-family: inherit;

    font-size: 11.5px;
    font-weight: 700;

    cursor: pointer;
}


/* ================================================================
   OPTION LIST
   ================================================================ */

.edsd-option-row {
    min-height: 46px;
}

.edsd-option-name {
    min-width: 0;

    overflow: hidden;

    font-size: 13px;
    font-weight: 710;

    text-overflow: ellipsis;
    white-space: nowrap;
}

.edsd-option-count {
    flex: 0 0 auto;

    padding:
        3px
        7px;

    border-radius: 999px;

    background:
        rgba(216, 173, 84, .075);

    color:
        var(--edsd-gold-bright);

    font-size: 11px;
    font-weight: 760;
}


/* ================================================================
   QUICK PROFILE
   ================================================================ */

.edsd-profile {
    display: flex;
    flex-direction: column;

    gap: 8px;
}

.edsd-profile-identity {
    display: flex;
    align-items: center;

    gap: 11px;

    padding:
        10px;

    border:
        1px solid
        var(--edsd-line);

    border-radius: 14px;

    background:
        rgba(255, 255, 255, .028);
}

.edsd-profile-avatar-wrap {
    position: relative;

    width: 60px;
    height: 60px;

    flex: 0 0 60px;

    overflow: hidden;

    border:
        1px solid
        rgba(216, 173, 84, .28);

    border-radius: 15px;

    background:
        rgba(216, 173, 84, .08);
}

.edsd-profile-avatar {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
}

.edsd-avatar-fallback--large {
    font-size: 18px;
}

.edsd-profile-copy {
    min-width: 0;

    flex: 1 1 auto;
}

.edsd-profile-name {
    min-width: 0;

    overflow: hidden;

    color:
        var(--edsd-text);

    font-size: 16px;
    font-weight: 830;

    text-overflow: ellipsis;
    white-space: nowrap;
}

.edsd-profile-metrics {
    min-height: 0;
}

.edsd-profile-section {
    padding:
        9px
        10px;

    border:
        1px solid
        var(--edsd-line);

    border-radius: 12px;

    background:
        rgba(255, 255, 255, .022);
}

.edsd-profile-section strong {
    display: block;

    margin-bottom: 4px;

    color:
        var(--edsd-text);

    font-size: 12.5px;
    font-weight: 790;
}

.edsd-profile-section p {
    margin: 0;

    color:
        var(--edsd-soft);

    font-size: 12.5px;
    line-height: 1.42;
}

.edsd-profile-actions {
    padding:
        1px
        0
        0;
}


/* ================================================================
   GENERIC FLOW
   Assignment / Tutor / Human expert / Offer / Wallet
   ================================================================ */

.edsd-flow {
    display: flex;
    flex-direction: column;

    gap: 9px;
}

.edsd-flow--center {
    justify-content: center;

    min-height: 100%;
}

.edsd-flow-card,
.edsd-flow-person,
.edsd-booking-summary,
.edsd-wallet-summary {
    padding:
        9px
        10px;

    border:
        1px solid
        var(--edsd-line);

    border-radius: 12px;

    background:
        rgba(255, 255, 255, .025);
}

.edsd-flow-label {
    display: block;

    margin-bottom: 3px;

    color:
        var(--edsd-muted);

    font-size: 11px;
    font-weight: 680;

    text-transform: uppercase;

    letter-spacing: .35px;
}

.edsd-flow-title {
    display: block;

    color:
        var(--edsd-text);

    font-size: 14px;
    font-weight: 790;
    line-height: 1.3;
}

.edsd-flow-meta {
    display: block;

    margin-top: 4px;

    color:
        var(--edsd-gold-bright);

    font-size: 12px;
    font-weight: 650;
}

.edsd-flow-card p {
    margin:
        4px
        0
        0;

    color:
        var(--edsd-soft);

    font-size: 12.5px;
    line-height: 1.4;
}


/* ================================================================
   FIELDS
   ================================================================ */

.edsd-field {
    display: flex;
    flex-direction: column;

    gap: 5px;
}

.edsd-field > span,
.edsd-field-label {
    color:
        var(--edsd-soft);

    font-size: 12px;
    font-weight: 700;
}

.edsd-field textarea,
.edsd-field input,
.edsd-ai-input {
    width: 100%;

    border:
        1px solid
        var(--edsd-line-strong);

    border-radius: 11px;

    outline: none;

    background:
        rgba(255, 255, 255, .028);

    color:
        var(--edsd-text);

    font-family: inherit;

    font-size: 14px;

    transition:
        border-color .12s ease,
        background .12s ease;
}

.edsd-field textarea,
.edsd-ai-input {
    resize: vertical;

    padding:
        9px
        10px;

    line-height: 1.4;
}

.edsd-field input {
    min-height: 42px;

    padding:
        0
        9px;

    color-scheme: dark;
}

.edsd-field textarea:focus,
.edsd-field input:focus,
.edsd-ai-input:focus {
    border-color:
        rgba(216, 173, 84, .43);

    background:
        rgba(255, 255, 255, .035);
}

.edsd-field-split {
    display: grid;

    grid-template-columns:
        minmax(0, 1.1fr)
        minmax(0, .9fr);

    gap: 7px;
}

.edsd-file-action {
    min-height: 38px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 5px;

    padding:
        0
        11px;

    border:
        1px dashed
        rgba(216, 173, 84, .27);

    border-radius: 10px;

    background:
        rgba(216, 173, 84, .035);

    color:
        var(--edsd-gold-bright);

    font-size: 12px;
    font-weight: 730;

    cursor: pointer;
}

.edsd-inline-link {
    align-self: flex-start;

    padding:
        2px
        0;

    border: 0;

    background: none;

    color:
        var(--edsd-gold-bright);

    font-family: inherit;

    font-size: 12px;
    font-weight: 710;

    cursor: pointer;
}


/* ================================================================
   CHOICE GROUP
   ================================================================ */

.edsd-choice-group {
    margin: 0;
    padding:
        8px
        9px
        9px;

    border:
        1px solid
        var(--edsd-line);

    border-radius: 12px;

    background:
        rgba(255, 255, 255, .02);
}

.edsd-choice-group legend {
    padding:
        0
        4px;

    color:
        var(--edsd-soft);

    font-size: 12px;
    font-weight: 720;
}

.edsd-choice-group label {
    min-height: 34px;

    display: flex;
    align-items: center;

    gap: 8px;

    padding:
        5px
        2px;

    color:
        var(--edsd-text);

    font-size: 12.5px;
    font-weight: 590;

    cursor: pointer;
}

.edsd-choice-group input {
    width: 16px;
    height: 16px;

    flex: 0 0 16px;

    accent-color:
        var(--edsd-gold);
}


/* ================================================================
   WIDE ACTION
   ================================================================ */

.edsd-wide-action {
    width: 100%;

    min-height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 6px;

    padding:
        0
        14px;

    border-radius: 11px;

    font-family: inherit;

    font-size: 13px;
    font-weight: 790;

    cursor: pointer;

    -webkit-tap-highlight-color:
        transparent;
}

.edsd-wide-action--primary {
    border:
        1px solid
        rgba(216, 173, 84, .47);

    background:
        linear-gradient(
            135deg,
            #cca047,
            #f0d27c
        );

    color:
        #171108;

    box-shadow:
        0 8px 20px
        rgba(216, 173, 84, .09);
}

.edsd-wide-action:active {
    transform:
        scale(.985);
}


/* ================================================================
   TUTOR BOOKING
   ================================================================ */

.edsd-booking-summary {
    display: flex;
    flex-direction: column;

    gap: 4px;
}

.edsd-booking-summary strong {
    color:
        var(--edsd-text);

    font-size: 14px;
    font-weight: 790;
}

.edsd-booking-summary span {
    color:
        var(--edsd-muted);

    font-size: 12px;
}

.edsd-booking-price {
    padding:
        11px;

    border:
        1px solid
        rgba(216, 173, 84, .25);

    border-radius: 12px;

    background:
        rgba(216, 173, 84, .06);

    color:
        var(--edsd-gold-bright);

    font-size: 15px;
    font-weight: 820;

    text-align: center;
}


/* ================================================================
   HUMAN REQUEST ATTACHMENT
   ================================================================ */

.edsd-attached-content {
    display: flex;
    align-items: center;

    gap: 6px;

    padding:
        8px
        9px;

    border:
        1px solid
        rgba(125, 215, 160, .19);

    border-radius: 10px;

    background:
        rgba(125, 215, 160, .045);

    color:
        var(--edsd-green);

    font-size: 12px;
    font-weight: 690;
}


/* ================================================================
   ESSAYDEW AI
   ================================================================ */

.edsd-ai {
    display: flex;
    flex-direction: column;

    gap: 8px;
}

.edsd-ai-input-wrap {
    display: flex;
    flex-direction: column;

    gap: 5px;
}

.edsd-ai-input {
    min-height: 130px;
    max-height: 34dvh;
}

.edsd-ai-input::placeholder {
    color:
        #7f858f;
}

.edsd-ai-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 7px;
}

.edsd-ai-upload,
.edsd-ai-submit {
    min-height: 38px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 5px;

    padding:
        0
        12px;

    border-radius: 10px;

    font-family: inherit;

    font-size: 12px;
    font-weight: 770;

    cursor: pointer;
}

.edsd-ai-upload {
    border:
        1px solid
        var(--edsd-line-strong);

    background:
        rgba(255, 255, 255, .025);

    color:
        var(--edsd-soft);
}

.edsd-ai-submit {
    margin-left: auto;

    border:
        1px solid
        rgba(216, 173, 84, .43);

    background:
        linear-gradient(
            135deg,
            #cca047,
            #efd07a
        );

    color:
        #171108;
}


/* ================================================================
   HUMAN HELP INSIDE AI
   ================================================================ */

.edsd-human-help {
    margin-top: 2px;

    padding-top: 8px;

    border-top:
        1px solid
        var(--edsd-line);
}

.edsd-section-head {
    min-height: 30px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 8px;

    margin-bottom: 5px;
}

.edsd-section-head strong {
    min-width: 0;

    overflow: hidden;

    color:
        var(--edsd-text);

    font-size: 13px;
    font-weight: 790;

    text-overflow: ellipsis;
    white-space: nowrap;
}

.edsd-section-link {
    flex: 0 0 auto;

    display: inline-flex;
    align-items: center;

    gap: 3px;

    padding:
        4px
        5px;

    border: 0;

    background: none;

    color:
        var(--edsd-gold-bright);

    font-family: inherit;

    font-size: 11.5px;
    font-weight: 780;

    cursor: pointer;
}

.edsd-human-preview {
    min-height: 0;
}


/* ================================================================
   AI RESULT
   ================================================================ */

.edsd-ai-result {
    display: flex;
    flex-direction: column;

    gap: 8px;
}

.edsd-ai-result-head strong {
    color:
        var(--edsd-gold-bright);

    font-size: 12px;
    font-weight: 820;

    letter-spacing: .25px;
}

.edsd-ai-result-content {
    max-height: 39dvh;

    overflow-y: auto;

    padding:
        10px
        11px;

    border:
        1px solid
        var(--edsd-line);

    border-radius: 12px;

    background:
        rgba(255, 255, 255, .025);

    color:
        var(--edsd-soft);

    font-size: 13.5px;
    line-height: 1.47;

    white-space: pre-wrap;

    scrollbar-width: none;
}

.edsd-ai-result-content::-webkit-scrollbar {
    display: none;
}

.edsd-ai-result-actions {
    display: flex;
    align-items: center;

    gap: 6px;
}


/* ================================================================
   OFFER / MONEY
   ================================================================ */

.edsd-security-note {
    margin:
        0;

    padding:
        7px
        9px;

    border-radius: 9px;

    background:
        rgba(125, 215, 160, .045);

    color:
        var(--green, #9edcb5);

    font-size: 11.8px;
    line-height: 1.35;

    text-align: center;
}

.edsd-money-grid {
    display: grid;

    grid-template-columns:
        1fr
        auto;

    gap:
        8px
        12px;

    padding:
        11px;

    border:
        1px solid
        var(--edsd-line);

    border-radius: 13px;

    background:
        rgba(255, 255, 255, .025);
}

.edsd-money-grid span {
    color:
        var(--edsd-muted);

    font-size: 12.5px;
}

.edsd-money-grid strong {
    color:
        var(--edsd-text);

    font-size: 13px;

    text-align: right;
}


/* ================================================================
   SUCCESS STATES
   ================================================================ */

.edsd-success-state {
    min-height: 240px;

    display: flex;
    flex-direction: column;

    align-items: center;
    justify-content: center;

    gap: 8px;

    padding:
        18px
        12px;

    text-align: center;
}

.edsd-success-icon {
    width: 48px;
    height: 48px;

    display: grid;
    place-items: center;

    border:
        1px solid
        rgba(216, 173, 84, .34);

    border-radius: 50%;

    background:
        rgba(216, 173, 84, .09);

    color:
        var(--edsd-gold-bright);

    font-size: 23px;
    font-weight: 880;
}

.edsd-success-state > strong {
    color:
        var(--edsd-text);

    font-size: 18px;
    font-weight: 830;
}

.edsd-success-state > p {
    max-width: 330px;

    margin: 0;

    color:
        var(--edsd-muted);

    font-size: 12.8px;
    line-height: 1.42;
}

.edsd-success-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 6px;

    margin-top: 4px;
}


/* ================================================================
   EMPTY / ERROR
   ================================================================ */

.edsd-empty {
    min-height: 150px;

    display: flex;
    flex-direction: column;

    align-items: center;
    justify-content: center;

    gap: 6px;

    padding: 16px;

    border:
        1px dashed
        var(--edsd-line);

    border-radius: 13px;

    color:
        var(--edsd-muted);

    text-align: center;
}

.edsd-empty strong {
    color:
        var(--edsd-soft);

    font-size: 14px;
}

.edsd-empty p {
    margin: 0;

    font-size: 12px;
}

.edsd-empty--error strong {
    color:
        var(--edsd-red);
}

.edsd-retry {
    min-height: 34px;

    margin-top: 4px;

    padding:
        0
        14px;

    border:
        1px solid
        var(--edsd-gold-line);

    border-radius: 999px;

    background:
        rgba(216, 173, 84, .07);

    color:
        var(--edsd-gold-bright);

    font-family: inherit;

    font-size: 12px;
    font-weight: 770;

    cursor: pointer;
}


/* ================================================================
   INLINE NOTICES
   ================================================================ */

.edsd-inline-notice {
    margin-top: 7px;

    padding:
        8px
        9px;

    border:
        1px solid
        rgba(216, 173, 84, .18);

    border-radius: 9px;

    background:
        rgba(216, 173, 84, .05);

    color:
        var(--edsd-soft);

    font-size: 12px;
    line-height: 1.35;
}


/* ================================================================
   OPTIONAL FOOTER
   ================================================================ */

.edsd-footer {
    flex: 0 0 auto;

    padding:
        7px;

    border-top:
        1px solid
        var(--edsd-line);

    background:
        rgba(7, 9, 13, .42);
}

/* ================================================================
   STRUCTURED EXPERT IDENTITY
   ---------------------------------------------------------------
   Subject / skills / education are separate real backend fields.
   Empty rows remain hidden by JS. No generic bio/qualification
   fallback is promoted into the compact card.
   ================================================================ */

.edsd-expert-taxonomy,
.edsd-expert-education {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}

.edsd-expert-taxonomy {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 3px;
    white-space: nowrap;
}

.edsd-expert-subject {
    flex: 0 1 auto;
    min-width: 0;
    max-width: 46%;
    overflow: hidden;
    color: #efc96d;
    font-size: 12.3px;
    font-weight: 760;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.edsd-expert-skills {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    color: #9db4d6;
    font-size: 11.9px;
    font-weight: 650;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.edsd-expert-subject:not([hidden]) +
.edsd-expert-skills:not([hidden])::before {
    content: "·";
    margin-right: 5px;
    color: rgba(239, 201, 109, .58);
}

.edsd-expert-education {
    display: flex;
    align-items: baseline;
    gap: 5px;
    margin-top: 3px;
    white-space: nowrap;
}

.edsd-expert-degree {
    flex: 0 1 auto;
    min-width: 0;
    max-width: 48%;
    overflow: hidden;
    color: #f0eee8;
    font-size: 12px;
    font-weight: 660;
    line-height: 1.22;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.edsd-expert-university {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    color: #8999ae;
    font-size: 11.9px;
    font-weight: 590;
    line-height: 1.22;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.edsd-expert-degree:not([hidden]) +
.edsd-expert-university:not([hidden])::before {
    content: "·";
    margin-right: 5px;
    color: rgba(255, 255, 255, .28);
}

/* Expanded profile may use the same structured hooks. */
.edsd-profile .edsd-expert-taxonomy,
.edsd-profile .edsd-expert-education {
    white-space: normal;
}

.edsd-profile .edsd-expert-subject,
.edsd-profile .edsd-expert-skills,
.edsd-profile .edsd-expert-degree,
.edsd-profile .edsd-expert-university {
    max-width: none;
    white-space: normal;
}


/* ================================================================
   SELECT ACTION
   ================================================================ */

.edsd-action--select,
[data-edsd-select] {
    border:
        1px solid
        rgba(103, 139, 194, .28);

    background:
        linear-gradient(
            135deg,
            rgba(58, 83, 122, .18),
            rgba(255, 255, 255, .018)
        );

    color:
        #b7c8e2;
}

.edsd-action--select:hover,
[data-edsd-select]:hover {
    border-color:
        rgba(232, 186, 82, .32);

    color:
        #f1d17d;
}

.edsd-action--select.is-selected,
[data-edsd-select].is-selected,
[data-edsd-select][aria-pressed="true"] {
    border-color:
        rgba(232, 186, 82, .52);

    background:
        linear-gradient(
            135deg,
            rgba(232, 186, 82, .15),
            rgba(53, 82, 127, .12)
        );

    color:
        #f1d17d;

    box-shadow:
        inset 0 0 0 1px
        rgba(232, 186, 82, .045);
}


/* ================================================================
   MULTI-EXPERT SELECTION TRAY
   ---------------------------------------------------------------
   Reusable footer surface. Selection remains visible while the
   expert list scrolls, but the tray itself stays compact.
   ================================================================ */

.edsd-footer {
    padding:
        6px
        7px
        7px;

    border-top:
        1px solid
        rgba(255, 255, 255, .075);

    background:
        linear-gradient(
            180deg,
            rgba(9, 13, 19, .96),
            rgba(6, 9, 14, .985)
        );
}

.edsd-selection-tray {
    min-width: 0;

    display: grid;
    grid-template-columns:
        auto
        minmax(0, 1fr)
        auto;

    align-items: center;

    gap: 8px;

    padding:
        7px
        8px;

    border:
        1px solid
        rgba(232, 186, 82, .20);

    border-radius: 13px;

    background:
        linear-gradient(
            135deg,
            rgba(232, 186, 82, .055),
            rgba(47, 70, 106, .055)
        );

    box-shadow:
        inset 0 1px
        rgba(255, 255, 255, .025);
}

.edsd-selection-avatars {
    display: flex;
    align-items: center;

    min-width: 34px;

    padding-left: 2px;
}

.edsd-selection-avatar {
    position: relative;

    width: 30px;
    height: 30px;

    flex: 0 0 30px;

    display: grid;
    place-items: center;

    overflow: hidden;

    margin-left: -7px;

    border:
        2px solid
        #0a0e14;

    border-radius: 50%;

    background:
        linear-gradient(
            145deg,
            #4c3d24,
            #1d2a3d
        );

    color:
        #f2d481;

    font-size: 9.5px;
    font-weight: 850;
    line-height: 1;

    text-transform: uppercase;
}

.edsd-selection-avatar:first-child {
    margin-left: 0;
}

.edsd-selection-avatar img {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
}

.edsd-selection-copy {
    min-width: 0;

    display: flex;
    align-items: center;

    gap: 7px;
}

.edsd-selection-copy strong {
    min-width: 0;

    overflow: hidden;

    color:
        #f3f0e9;

    font-size: 12px;
    font-weight: 760;
    line-height: 1.15;

    text-overflow: ellipsis;
    white-space: nowrap;
}

.edsd-selection-clear {
    flex: 0 0 auto;

    padding:
        3px
        0;

    border: 0;

    background: none;

    color:
        #8992a0;

    font: inherit;
    font-size: 10.8px;
    font-weight: 690;

    cursor: pointer;
}

.edsd-selection-clear:hover {
    color:
        #d4d7dd;
}

.edsd-selection-submit {
    min-height: 34px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 5px;

    padding:
        0
        11px;

    border:
        1px solid
        rgba(232, 186, 82, .48);

    border-radius: 10px;

    background:
        linear-gradient(
            135deg,
            #cda148,
            #efd079
        );

    color:
        #171108;

    font: inherit;
    font-size: 11.8px;
    font-weight: 800;

    white-space: nowrap;

    cursor: pointer;

    transition:
        transform .11s ease,
        filter .11s ease;
}

.edsd-selection-submit:active {
    transform:
        scale(.97);
}


/* ================================================================
   CONSOLIDATED PREMIUM / ADAPTIVE LAYER
   ---------------------------------------------------------------
   This replaces the older stacked responsive overrides.
   Ordinary states are content-driven. Only AI receives a larger
   working canvas.
   ================================================================ */

.edsd-drawer {
    --edsd-gold:
        #d8ad54;

    --edsd-gold-bright:
        #f1ce7a;

    --edsd-gold-soft:
        rgba(216, 173, 84, .10);

    --edsd-online:
        #399dff;

    height: auto;
    min-height: 0;

    max-height:
        min(
            88dvh,
            780px
        );

    border-color:
        rgba(232, 186, 82, .34);

    background:
        radial-gradient(
            circle at 92% -6%,
            rgba(232, 186, 82, .105),
            transparent 27%
        ),
        radial-gradient(
            circle at 2% 104%,
            rgba(58, 91, 145, .07),
            transparent 27%
        ),
        linear-gradient(
            155deg,
            #101620 0%,
            #090d13 46%,
            #080b10 100%
        );

    box-shadow:
        0 24px 72px
        rgba(0, 0, 0, .56),

        inset 0 1px
        rgba(255, 255, 255, .03);
}

.edsd-drawer[data-edsd-view="ai-result"] {
    min-height: min(58dvh, 590px);
}

.edsd-head {
    background:
        linear-gradient(
            180deg,
            rgba(18, 24, 34, .97),
            rgba(10, 14, 21, .97)
        );

    border-bottom-color:
        rgba(255, 255, 255, .075);
}

.edsd-body {
    flex:
        0
        1
        auto;

    min-height: 0;
    height: auto;

    max-height:
        calc(
            88dvh -
            60px
        );

    overflow-y: auto;
}

.edsd-state {
    min-height: 0;
}

.edsd-back,
.edsd-filter-btn,
.edsd-close {
    border-color:
        rgba(255, 255, 255, .095);

    background:
        rgba(255, 255, 255, .028);
}

.edsd-back:hover,
.edsd-filter-btn:hover,
.edsd-close:hover {
    border-color:
        rgba(232, 186, 82, .32);

    background:
        rgba(232, 186, 82, .065);
}

.edsd-subjects,
.edsd-filter-panel {
    border-color:
        rgba(255, 255, 255, .09);

    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, .025),
            rgba(255, 255, 255, .012)
        );
}

.edsd-subject-row,
.edsd-filter-row,
.edsd-option-row {
    transition:
        background .12s ease,
        transform .12s ease;
}

.edsd-subject-row:hover,
.edsd-filter-row:hover,
.edsd-option-row:hover {
    background:
        rgba(232, 186, 82, .055);
}


/* ================================================================
   PREMIUM EXPERT CARD
   ================================================================ */

.edsd-expert {
    position: relative;

    overflow: hidden;

    margin-bottom: 6px;

    border:
        1px solid
        rgba(255, 255, 255, .09);

    border-radius: 15px;

    background:
        linear-gradient(
            145deg,
            rgba(19, 27, 38, .94),
            rgba(10, 15, 22, .96)
        );

    box-shadow:
        0 8px 21px
        rgba(0, 0, 0, .14),

        inset 0 1px
        rgba(255, 255, 255, .025);

    transition:
        transform .12s ease,
        border-color .12s ease,
        box-shadow .12s ease;
}

.edsd-expert::before {
    content: "";

    position: absolute;

    top: 0;
    left: 12px;
    right: 12px;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(232, 186, 82, .58),
            transparent
        );

    pointer-events: none;
}

.edsd-expert:hover {
    border-color:
        rgba(232, 186, 82, .25);

    box-shadow:
        0 10px 24px
        rgba(0, 0, 0, .17),

        inset 0 1px
        rgba(255, 255, 255, .028);
}

.edsd-expert:active {
    transform:
        scale(.993);
}

.edsd-expert-main {
    position: relative;

    gap: 8px;

    padding:
        7px
        8px
        5px;
}

.edsd-expert-main::after {
    content: "›";

    flex: 0 0 auto;

    margin-left: auto;

    color:
        rgba(232, 186, 82, .78);

    font-size: 20px;
    line-height: 1;

    transition:
        transform .12s ease;
}

.edsd-expert-main:active::after {
    transform:
        translateX(2px);
}

.edsd-avatar-wrap {
    width: 40px;
    height: 40px;

    flex-basis: 40px;

    border-color:
        rgba(232, 186, 82, .30);

    border-radius: 11px;

    box-shadow:
        0 0 0 2px
        rgba(232, 186, 82, .03);
}

.edsd-expert-name {
    color:
        #f7f8fa;

    font-size: 14.5px;
}

.edsd-verified {
    border-color:
        rgba(232, 186, 82, .25);

    background:
        rgba(232, 186, 82, .11);

    color:
        #f0c76a;
}

.edsd-status-line {
    gap: 5px;

    margin:
        -1px
        8px
        4px
        56px;
}

.edsd-status {
    font-size: 10.8px;
}

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

.edsd-status--online i {
    background:
        currentColor;

    box-shadow:
        0 0 0 3px
        rgba(57, 157, 255, .09),

        0 0 9px
        rgba(57, 157, 255, .43);
}

.edsd-status--available {
    color:
        #efc96d;
}


/* ================================================================
   COMPACT TRUST BAND
   ================================================================ */

.edsd-metrics {
    margin:
        0
        7px
        5px;

    padding-top: 5px;

    border-top-color:
        rgba(255, 255, 255, .06);
}

.edsd-metric {
    gap: 1px;

    padding:
        0
        2px;
}

.edsd-metric + .edsd-metric::before {
    background:
        rgba(255, 255, 255, .06);
}

.edsd-metric-label {
    font-size: 10.4px;
}

.edsd-metric-value {
    font-size: 13.4px;
}

.edsd-commercial-hint {
    margin:
        -1px
        7px
        5px;

    padding:
        4px
        6px;

    border-color:
        rgba(232, 186, 82, .20);

    background:
        rgba(232, 186, 82, .055);

    color:
        #efc96d;

    font-size: 11.5px;
}

.edsd-expert-actions {
    gap: 5px;

    padding:
        0
        7px
        6px;
}

.edsd-action {
    min-height: 31px;

    padding:
        0
        9px;

    border-radius: 9px;

    font-size: 11.8px;
}


/* ================================================================
   EXPLICIT PROFILE OPEN CONTROL
   ================================================================ */

.edsd-card-open {
    width:
        calc(
            100% -
            14px
        );

    min-height: 32px;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 6px;

    margin:
        0
        7px
        6px;

    padding:
        0
        10px;

    border:
        1px solid
        rgba(232, 186, 82, .25);

    border-radius: 9px;

    background:
        linear-gradient(
            90deg,
            rgba(232, 186, 82, .025),
            rgba(232, 186, 82, .075),
            rgba(232, 186, 82, .025)
        );

    color:
        #efc96d;

    font: inherit;
    font-size: 11.8px;
    font-weight: 770;

    cursor: pointer;

    -webkit-tap-highlight-color:
        transparent;

    transition:
        transform .11s ease,
        background .11s ease,
        border-color .11s ease;
}

.edsd-card-open span:last-child {
    font-size: 15px;

    transition:
        transform .11s ease;
}

.edsd-card-open:hover {
    border-color:
        rgba(232, 186, 82, .39);

    background:
        rgba(232, 186, 82, .085);
}

.edsd-card-open:active {
    transform:
        scale(.98);
}

.edsd-card-open:active
span:last-child {
    transform:
        translateX(2px);
}

.edsd-action--primary,
.edsd-wide-action--primary {
    border-color:
        rgba(232, 186, 82, .52);

    background:
        linear-gradient(
            135deg,
            #cda148,
            #efd079
        );

    color:
        #171108;
}


/* ================================================================
   QUICK PROFILE
   ================================================================ */

.edsd-profile {
    border:
        1px solid
        rgba(255, 255, 255, .09);

    border-radius: 16px;

    background:
        linear-gradient(
            145deg,
            rgba(18, 25, 35, .93),
            rgba(9, 14, 20, .96)
        );
}


/* ================================================================
   PHONE
   ---------------------------------------------------------------
   No forced 74–77dvh minimum. Short states stop when content stops.
   ================================================================ */

@media (max-width: 520px) {

    .edsd-drawer {
        width:
            min(
                calc(100vw - 12px),
                520px
            );

        min-height: 0;
        max-height: 88dvh;

        border-radius: 18px;
    }

    .edsd-head {
        min-height: 48px;

        padding:
            6px
            7px
            5px;
    }

    .edsd-title {
        font-size: 16.5px;
    }

    .edsd-body {
        max-height:
            calc(
                88dvh -
                58px
            );

        padding:
            6px
            6px
            7px;
    }

    .edsd-page-context {
        margin:
            5px
            6px
            0;

        padding:
            5px
            8px;

        font-size: 11.8px;
    }

    .edsd-expert {
        margin-bottom: 5px;
    }

    .edsd-expert-main {
        gap: 7px;

        padding:
            6px
            7px
            4px;
    }

    .edsd-avatar-wrap {
        width: 39px;
        height: 39px;

        flex-basis: 39px;
    }

    .edsd-expert-name {
        font-size: 14.2px;
    }

    .edsd-expert-subject {
        font-size: 12px;
    }

    .edsd-expert-skills,
    .edsd-expert-degree,
    .edsd-expert-university {
        font-size: 11.6px;
    }

    .edsd-status-line {
        margin-left: 53px;
        margin-bottom: 3px;
    }

    .edsd-metrics {
        margin:
            0
            6px
            4px;

        padding-top: 4px;
    }

    .edsd-metric-label {
        font-size: 10.2px;
    }

    .edsd-metric-value {
        font-size: 13.3px;
    }

    .edsd-commercial-hint {
        margin:
            -1px
            6px
            4px;

        padding:
            3px
            6px;
    }

    .edsd-expert-actions {
        padding:
            0
            6px
            5px;
    }

    .edsd-action {
        min-height: 30px;

        padding:
            0
            8px;

        font-size: 11.5px;
    }

    .edsd-card-open {
        width:
            calc(
                100% -
                12px
            );

        min-height: 30px;

        margin:
            0
            6px
            5px;

        font-size: 11.7px;
    }

    .edsd-selection-tray {
        grid-template-columns:
            auto
            minmax(0, 1fr)
            auto;

        gap: 6px;

        padding:
            6px
            7px;
    }

    .edsd-selection-avatar {
        width: 28px;
        height: 28px;

        flex-basis: 28px;

        margin-left: -8px;
    }

    .edsd-selection-copy {
        gap: 5px;
    }

    .edsd-selection-copy strong {
        font-size: 11.5px;
    }

    .edsd-selection-clear {
        font-size: 10.5px;
    }

    .edsd-selection-submit {
        min-height: 32px;

        padding:
            0
            9px;

        font-size: 11.3px;
    }

    .edsd-drawer[data-edsd-view="ai-result"] {
    min-height: min(58dvh, 590px);
}

}


/* ================================================================
   NARROW PHONES
   ================================================================ */

@media (max-width: 390px) {

    .edsd-drawer {
        width:
            calc(
                100vw -
                10px
            );

        max-height: 89dvh;
    }

    .edsd-head {
        min-height: 46px;

        padding:
            5px
            6px;
    }

    .edsd-back,
    .edsd-filter-btn,
    .edsd-close {
        width: 34px;
        height: 34px;

        flex-basis: 34px;
    }

    .edsd-title {
        font-size: 16px;
    }

    .edsd-body {
        max-height:
            calc(
                89dvh -
                56px
            );

        padding:
            5px
            5px
            6px;
    }

    .edsd-expert-main {
        gap: 6px;

        padding:
            5px
            6px
            4px;
    }

    .edsd-avatar-wrap {
        width: 38px;
        height: 38px;

        flex-basis: 38px;
    }

    .edsd-expert-name {
        font-size: 13.8px;
    }

    .edsd-expert-subject {
        max-width: 43%;

        font-size: 11.8px;
    }

    .edsd-expert-skills,
    .edsd-expert-degree,
    .edsd-expert-university {
        font-size: 11.4px;
    }

    .edsd-status-line {
        margin-left: 51px;
    }

    .edsd-metric-label {
        font-size: 10px;
    }

    .edsd-metric-value {
        font-size: 13px;
    }

    .edsd-selection-copy {
        display: block;
    }

    .edsd-selection-clear {
        margin-top: 2px;
    }

}


/* ================================================================
   SHORT SCREENS
   ---------------------------------------------------------------
   Preserve readable text; remove spacing rather than shrinking type.
   ================================================================ */

@media (max-height: 700px) {

    .edsd-drawer {
        min-height: 0;

        max-height:
            calc(
                100dvh -
                10px
            );

        border-radius: 17px;
    }

    .edsd-body {
        max-height:
            calc(
                100dvh -
                58px
            );

        padding-top: 4px;
    }

    .edsd-head {
        min-height: 44px;

        padding-top: 4px;
        padding-bottom: 4px;
    }

    .edsd-page-context {
        margin-top: 4px;

        padding-top: 4px;
        padding-bottom: 4px;
    }

    .edsd-expert {
        margin-bottom: 4px;
    }

    .edsd-expert-main {
        padding-top: 5px;
        padding-bottom: 3px;
    }

    .edsd-avatar-wrap {
        width: 37px;
        height: 37px;

        flex-basis: 37px;
    }

    .edsd-status-line {
        margin-bottom: 3px;
    }

    .edsd-metrics {
        margin-bottom: 4px;
        padding-top: 3px;
    }

    .edsd-commercial-hint {
        margin-bottom: 4px;

        padding-top: 3px;
        padding-bottom: 3px;
    }

    .edsd-expert-actions {
        padding-bottom: 4px;
    }

    .edsd-action,
    .edsd-card-open {
        min-height: 29px;
    }

    .edsd-ai-input {
        min-height: 102px;
    }

}


/* ================================================================
   VERY SHORT SCREENS
   ================================================================ */

@media (max-height: 590px) {

    .edsd-drawer {
        min-height: 0;

        max-height:
            calc(
                100dvh -
                8px
            );
    }

    .edsd-page-context {
        display: none;
    }

    .edsd-body {
        max-height:
            calc(
                100dvh -
                54px
            );

        padding-bottom: 4px;
    }

}


/* ================================================================
   TABLET / DESKTOP
   ================================================================ */

@media (min-width: 760px) {

    .edsd-drawer {
        width:
            min(
                510px,
                calc(100vw - 36px)
            );

        min-height: 0;

        max-height:
            min(
                780px,
                calc(100dvh - 36px)
            );

        border-radius: 22px;
    }

    .edsd-head {
        min-height: 52px;
    }

    .edsd-title {
        font-size: 18px;
    }

    .edsd-body {
        max-height:
            min(
                716px,
                calc(100dvh - 98px)
            );

        padding:
            8px
            9px
            10px;
    }

    .edsd-expert-main {
        padding:
            8px
            9px
            6px;
    }

    .edsd-avatar-wrap {
        width: 42px;
        height: 42px;

        flex-basis: 42px;
    }

    .edsd-expert-name {
        font-size: 15px;
    }

}


/* ================================================================
   LARGE DESKTOPS
   ================================================================ */

@media (min-width: 1400px) {

    .edsd-drawer {
        width: 515px;

        max-height:
            min(
                800px,
                calc(100dvh - 48px)
            );
    }

}


/* ================================================================
   REDUCED MOTION
   ================================================================ */

@media (prefers-reduced-motion: reduce) {

    .edsd-backdrop,
    .edsd-drawer,
    .edsd-back,
    .edsd-filter-btn,
    .edsd-close,
    .edsd-expert,
    .edsd-expert-main::after,
    .edsd-card-open,
    .edsd-card-open span:last-child,
    .edsd-action,
    .edsd-wide-action,
    .edsd-subject-row,
    .edsd-filter-row,
    .edsd-option-row,
    .edsd-selection-submit {
        transition: none;
    }

    .edsd-spinner {
        animation: none;
    }

}

/* ================================================================
   WHOLE EXPERT CARD SELECTION — 2026-09-05
   ================================================================ */

/*
 * Entire card is selectable.
 * No dedicated Select button or row.
 */
.edsd-expert {
    cursor: pointer;
}

.edsd-expert.is-selected {
    border-color:
        rgba(216, 173, 84, .78);

    background:
        linear-gradient(
            108deg,
            rgba(216, 173, 84, .115),
            rgba(255, 255, 255, .025)
        );

    box-shadow:
        inset 0 0 0 1px
        rgba(216, 173, 84, .14),
        0 0 12px
        rgba(216, 173, 84, .045);
}

.edsd-expert.is-selected
.edsd-expert-name {
    color:
        #fff8e8;
}


/* ---------------------------------------------------------------
   INDIVIDUAL ACTIONS
   --------------------------------------------------------------- */

.edsd-action--invite {
    border:
        1px solid
        rgba(216, 173, 84, .30);

    background:
        rgba(216, 173, 84, .07);

    color:
        var(--edsd-gold-bright);
}


/* ---------------------------------------------------------------
   TINY PHOTO-CORNER ONLINE/OFFLINE STATUS

   Green only when backend says online.
   Grey when backend explicitly says offline.
   --------------------------------------------------------------- */

.edsd-avatar-wrap {
    overflow: visible;
}

.edsd-avatar,
.edsd-avatar-fallback {
    overflow: hidden;
}

.edsd-presence-dot {
    position: absolute;

    right: -2px;
    bottom: -2px;

    width: 9px;
    height: 9px;

    border:
        2px solid
        #0c1016;

    border-radius:
        50%;

    background:
        #747a83;

    pointer-events:
        none;
}

.edsd-presence-dot.is-online {
    background:
        #17995a;

    box-shadow:
        0 0 0 1px
        rgba(23, 153, 90, .18),
        0 0 6px
        rgba(23, 153, 90, .30);
}

.edsd-presence-dot.is-offline {
    background:
        #747a83;
}


/* ---------------------------------------------------------------
   REAL COUNTRY FLAG BESIDE NAME
   --------------------------------------------------------------- */

.edsd-country-flag {
    flex:
        0 0 auto;

    font-size:
        13px;

    line-height:
        1;
}


/* ---------------------------------------------------------------
   SHARED BULK ACTION REMAINS AT OVERALL DRAWER BOTTOM
   --------------------------------------------------------------- */

.edsd-footer:not([hidden]) {
    flex:
        0 0 auto;
}

/* ================================================================
   EXPERT DISCOVERY FLOW FINALIZATION — 2026-09-05
   ================================================================ */


/*
 * Individual Assignment actions remain compact and do not
 * change the card's overall height unnecessarily.
 */
.edsd-expert--assignment .edsd-expert-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;

    margin-top: 7px;
}

.edsd-expert--assignment .edsd-action {
    min-height: 32px;

    padding:
        6px
        10px;

    border-radius: 10px;

    font-size: 12px;
    font-weight: 760;
    line-height: 1;
}

.edsd-action--invite {
    border:
        1px solid
        rgba(216, 173, 84, .32);

    background:
        rgba(216, 173, 84, .07);

    color:
        var(--edsd-gold-bright);
}


/*
 * The drawer footer is a genuine sibling of the scrolling
 * result body. It must remain visible whenever JS unhides it.
 */
.edsd-footer:not([hidden]) {
    display: block;

    flex:
        0 0 auto;

    position: relative;

    z-index: 8;
}


/*
 * Whole-card selection only.
 * No Select button, checkbox, circle or extra selector.
 */
.edsd-expert[data-expert-id] {
    cursor: pointer;
}

.edsd-expert[data-expert-id].is-selected {
    border-color:
        rgba(216, 173, 84, .82);

    background:
        linear-gradient(
            108deg,
            rgba(216, 173, 84, .125),
            rgba(255, 255, 255, .025)
        );

    box-shadow:
        inset 0 0 0 1px
        rgba(216, 173, 84, .15),
        0 0 13px
        rgba(216, 173, 84, .05);
}


/*
 * Real country flag: same line as identity,
 * no additional vertical row.
 */
.edsd-country-flag:not([hidden]) {
    display: inline-flex;
    align-items: center;

    flex:
        0 0 auto;

    margin-left: 2px;

    font-size: 14px;
    line-height: 1;
}


/*
 * Photo-corner presence:
 * deep green = online,
 * grey = offline.
 */
.edsd-presence-dot:not([hidden]) {
    display: block;
}

.edsd-presence-dot.is-online {
    background:
        #087a46;
}

.edsd-presence-dot.is-offline {
    background:
        #707782;
}


/*
 * Compact feedback remains inside the current drawer/card.
 */
.edsd-action-notice {
    grid-column:
        1 / -1;

    margin-top: 6px;

    padding:
        7px
        9px;

    border:
        1px solid
        rgba(216, 173, 84, .13);

    border-radius:
        9px;

    background:
        rgba(216, 173, 84, .045);

    color:
        #c8c1b4;

    font-size:
        11.5px;

    line-height:
        1.3;
}

.edsd-action.is-loading {
    opacity:
        .72;

    pointer-events:
        none;
}


/*
 * Phone and desktop share identical card interaction.
 */
@media (max-width: 640px) {

    .edsd-expert--assignment .edsd-expert-actions {
        gap:
            6px;
    }

    .edsd-selection-tray {
        width:
            100%;
    }
}

/* ================================================================
   LIGHTWEIGHT ONLINE PRESENCE GLOW — 2026-09-05
   ================================================================ */


/*
 * IMPORTANT:
 * This styles the EXISTING photo-corner presence dot only.
 *
 * No second dot.
 * No "Online" label.
 * No additional HTML.
 * No animation.
 * No JavaScript.
 *
 * Offline remains quiet grey.
 */
.edsd-presence-dot.is-offline {
    background: #747a83;

    box-shadow: none;
}


/*
 * Online:
 * deep green center + restrained static glow.
 *
 * Static box-shadow is deliberately used instead of an animation
 * so even large expert directories remain lightweight.
 */
.edsd-presence-dot.is-online {
    background: #087a46;

    border-color: #0b1115;

    box-shadow:
        0 0 0 2px rgba(8, 122, 70, .18),
        0 0 7px rgba(18, 185, 103, .52);
}

/* ================================================================
   PRESENCE DOT SIZE — 2026-09-05
   ================================================================ */


/*
 * Slightly larger EXISTING presence dot.
 *
 * Absolutely positioned, therefore this does NOT alter:
 * - profile image dimensions
 * - expert card width
 * - expert card height
 * - surrounding spacing
 */
.edsd-presence-dot {
    width: 11px;
    height: 11px;

    right: -2px;
    bottom: -2px;

    flex: none;
}


/* Offline — same larger dot, quiet grey. */
.edsd-presence-dot.is-offline {
    background: #747a83;
    box-shadow: none;
}


/* Online — same larger dot with lightweight static glow. */
.edsd-presence-dot.is-online {
    background: #087a46;

    box-shadow:
        0 0 0 2px rgba(8, 122, 70, .20),
        0 0 8px rgba(18, 185, 103, .55);
}

/* ================================================================
   HIGH-VISIBILITY STATIC PRESENCE GLOW — 2026-09-05
   ================================================================ */


/*
 * EXISTING avatar-corner dot only.
 *
 * The glow is deliberately static:
 * - no animation
 * - no timer
 * - no JavaScript
 * - no additional element
 * - no layout dimensions affected
 */

.edsd-presence-dot.is-online {
    background: #16d978 !important;

    border-color:
        rgba(4, 35, 22, .96) !important;

    box-shadow:
        0 0 0 2px rgba(22, 217, 120, .34),
        0 0 6px 2px rgba(22, 217, 120, .62),
        0 0 12px 3px rgba(22, 217, 120, .30) !important;
}


/*
 * Assignment Help uses the same treatment.
 * This selector wins over older Assignment-specific rules.
 */
.edsd-expert--assignment
.edsd-presence-dot.is-online {
    background: #16d978 !important;

    border-color:
        rgba(4, 35, 22, .96) !important;

    box-shadow:
        0 0 0 2px rgba(22, 217, 120, .34),
        0 0 6px 2px rgba(22, 217, 120, .62),
        0 0 12px 3px rgba(22, 217, 120, .30) !important;
}


/* Offline stays quiet and clearly different. */
.edsd-presence-dot.is-offline,
.edsd-expert--assignment
.edsd-presence-dot.is-offline {
    background: #747a83 !important;

    box-shadow: none !important;
}

/* ================================================================
   LIVE PRESENCE BREATH — 2026-09-05
   ================================================================ */


/* ================================================================
   LIVE PRESENCE BREATH

   One existing presence dot only.

   The dot itself stays still.
   A tiny pseudo-element supplies the breathing halo.

   Performance:
   - transform + opacity only
   - no JavaScript
   - no timers
   - no animated box-shadow
   - no extra HTML
   - zero layout-space consumption
   ================================================================ */


/* ---------------------------------------------------------------
   EXISTING DOT
   --------------------------------------------------------------- */

.edsd-presence-dot {
    overflow: visible;
}


/* ---------------------------------------------------------------
   OFFLINE

   Quiet grey.
   Absolutely no breathing effect.
   --------------------------------------------------------------- */

.edsd-presence-dot.is-offline {
    background: #747a83 !important;

    box-shadow: none !important;
}


/* ---------------------------------------------------------------
   ONLINE CORE

   Keep the actual 11px dot stationary and clearly illuminated.
   --------------------------------------------------------------- */

.edsd-presence-dot.is-online {
    position: absolute;

    width: 11px;
    height: 11px;

    background: #16d978 !important;

    border-color:
        rgba(3, 31, 19, .96) !important;

    box-shadow:
        0 0 0 2px rgba(22, 217, 120, .22),
        0 0 7px rgba(22, 217, 120, .72) !important;

    isolation: isolate;
}


/* ---------------------------------------------------------------
   BREATHING HALO

   Same dot creates its own halo.
   No second DOM element is created.
   --------------------------------------------------------------- */

.edsd-presence-dot.is-online::after {
    content: "";

    position: absolute;

    left: 50%;
    top: 50%;

    width: 100%;
    height: 100%;

    border-radius: 50%;

    border:
        1.5px solid
        rgba(50, 255, 155, .82);

    background:
        rgba(22, 217, 120, .12);

    pointer-events: none;

    transform:
        translate(-50%, -50%)
        scale(.90);

    opacity: .82;

    will-change:
        transform,
        opacity;

    animation:
        edsdPresenceBreath
        1.8s
        ease-out
        infinite;

    z-index: -1;
}


/* ---------------------------------------------------------------
   LIVE BREATH

   Core stays fixed.
   Only halo expands and fades.
   --------------------------------------------------------------- */

@keyframes edsdPresenceBreath {

    0% {
        transform:
            translate(-50%, -50%)
            scale(.90);

        opacity: .82;
    }

    45% {
        opacity: .46;
    }

    100% {
        transform:
            translate(-50%, -50%)
            scale(1.95);

        opacity: 0;
    }
}


/* ---------------------------------------------------------------
   ASSIGNMENT

   Ensure older Assignment-specific rules cannot suppress the
   live treatment.
   --------------------------------------------------------------- */

.edsd-expert--assignment
.edsd-presence-dot.is-online {
    background: #16d978 !important;

    box-shadow:
        0 0 0 2px rgba(22, 217, 120, .22),
        0 0 7px rgba(22, 217, 120, .72) !important;
}


/* ---------------------------------------------------------------
   ACCESSIBILITY / BATTERY

   Respect devices/users requesting reduced motion.
   The expert still gets the bright green static indicator.
   --------------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {

    .edsd-presence-dot.is-online::after {
        animation: none;

        transform:
            translate(-50%, -50%)
            scale(1.35);

        opacity: .30;
    }
}


/* HUMANIZE REAL-EXPERT PREVIEW — V17.3 baseline
   Expert sections keep the same complete thin structure as normal expert results. */
.edsd-drawer[data-edsd-service="humanizer"][data-edsd-view="ai"]{min-height:0!important}
.edsd-human-preview{min-height:0;display:grid;grid-template-columns:minmax(0,1fr);gap:4px}
.edsd-human-preview-loading,.edsd-human-preview-empty{grid-column:1/-1;min-height:52px;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 10px;border:1px dashed rgba(216,173,84,.17);border-radius:11px;background:rgba(255,255,255,.018);color:rgba(235,235,240,.60);font-size:11.5px;text-align:center}
.edsd-drawer[data-edsd-service="humanizer"]{max-height:min(88dvh,760px)}

/* V11 Humanize — compact, human-only, content-driven */
.edsd-humanize-v11{display:grid;gap:8px}.edsd-humanize-v11>label{display:grid;gap:4px}.edsd-humanize-v11>label>span{font-size:12px;font-weight:750;color:#c7c0b6}.edsd-humanize-v11 textarea{width:100%;min-height:68px;max-height:160px;resize:vertical;border:1px solid rgba(211,173,78,.22);border-radius:12px;background:#151515;color:#f4efe6;padding:9px 10px;font:inherit;font-size:13.5px;line-height:1.4}.edsd-humanize-v11__tools{display:flex;justify-content:space-between;gap:7px}.edsd-humanize-v11__file,.edsd-humanize-v11__tools select{height:34px;border:1px solid rgba(211,173,78,.2);border-radius:10px;background:#1b1915;color:#e6bd62;padding:0 10px;font-size:12px;font-weight:750;display:flex;align-items:center}.edsd-humanize-v11__tools select{color:#eee8dc}.edsd-humanize-v11__files{display:flex;gap:5px;overflow:auto}.edsd-humanize-v11__files span{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#202020;border-radius:8px;padding:5px 7px;color:#bdb6ad;font-size:10.5px}.edsd-humanize-v11__bar{display:flex;justify-content:space-between;align-items:center}.edsd-humanize-v11__bar strong{text-transform:uppercase;letter-spacing:.06em;font-size:10.5px;color:#918b82}.edsd-humanize-v11__bar button{border:0;background:transparent;color:#e4ba60;font-size:11.5px;font-weight:750}.edsd-human-preview--v11{grid-template-columns:1fr!important;gap:6px!important}.edsd-human-preview--v11 .edsd-expert{padding:8px!important;min-height:0!important}.edsd-drawer[data-edsd-service="humanizer"]{height:auto!important;min-height:0!important;max-height:min(88dvh,720px)!important}
.edsd-ai-file-v12{margin-top:6px;padding:6px 8px;border:1px solid rgba(215,173,73,.16);border-radius:9px;background:#191919;color:#bdb6ac;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}


/* ESSAYDEW MODERN DRAWERS V17.6 START */
:root{
  --ed173-gold:#d9ab4d;
  --ed173-gold-bright:#f0c966;
  --ed173-gold-soft:rgba(217,171,77,.12);
  --ed173-ink:#080909;
  --ed173-panel:#0d0e10;
  --ed173-panel2:#121316;
  --ed173-white:#f7f4ed;
  --ed173-muted:#9d9991;
  --ed173-dim:#79756e;
  --ed173-line:rgba(255,255,255,.075);
  --ed173-gold-line:rgba(217,171,77,.32);
}

/* Keep Academics header/footer visually untouched. Only Quick Help parent suppresses. */
.edsd-backdrop{
  position:fixed!important;
  inset:0!important;
  z-index:2147482500!important;
  background:rgba(0,0,0,.36)!important;
  -webkit-backdrop-filter:blur(3.5px) brightness(.58) saturate(.80)!important;
  backdrop-filter:blur(3.5px) brightness(.58) saturate(.80)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .14s ease,visibility .14s ease!important;
}
.edsd-backdrop.is-open{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
/* Drawer stays content-driven, but confidently uses phone width. */
.edsd-drawer{
  position:fixed!important;z-index:2147482600!important;left:50%!important;right:auto!important;top:50%!important;bottom:auto!important;
  width:min(548px,calc(100vw - 10px))!important;min-height:0!important;height:auto!important;
  max-height:min(calc(100dvh - 28px),760px)!important;
  transform:translate(-50%,-46%) scale(.986)!important;opacity:0!important;visibility:hidden!important;
  display:flex!important;flex-direction:column!important;overflow:hidden!important;
  border:1px solid rgba(217,171,77,.23)!important;border-radius:19px!important;
  background:radial-gradient(110% 60% at 50% -8%,rgba(240,201,102,.06),transparent 48%),linear-gradient(180deg,#11110f 0%,#090a0b 100%)!important;
  box-shadow:0 24px 68px rgba(0,0,0,.67),0 0 0 1px rgba(255,255,255,.03) inset,0 1px 0 rgba(240,201,102,.045) inset!important;
  color:var(--ed173-white,var(--ed17-white,#f7f4ed))!important;
  transition:opacity .15s ease,transform .18s cubic-bezier(.2,.8,.2,1),visibility .15s ease!important;
}
.edsd-drawer.is-open{opacity:1!important;visibility:visible!important;transform:translate(-50%,-50%) scale(1)!important}

.edsd-head{
  flex:0 0 auto!important;min-height:44px!important;padding:5px 7px 4px!important;position:relative!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:5px!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,0))!important;
}
.edsd-headcopy{min-width:0!important;grid-column:1!important}
.edsd-head-actions{grid-column:2!important;justify-self:end!important;display:flex!important;align-items:center!important;gap:6px!important}
.edsd-head>.edsd-back{position:absolute!important;left:0!important;top:50%!important;transform:translateY(-50%)!important;z-index:2!important}
.edsd-head:has(>.edsd-back:not([hidden])) .edsd-headcopy{padding-left:42px!important}
.edsd-title{margin:0!important;color:#fff!important;font-size:18px!important;line-height:1.06!important;font-weight:850!important;letter-spacing:-.025em!important}
.edsd-page-context{min-width:0!important;margin:2px 0 0!important;padding:0!important;border:0!important;background:transparent!important;color:#aaa49a!important;font-size:11.5px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.edsd-back,.edsd-filter-btn,.edsd-close{
  width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;
  border:1px solid rgba(217,171,77,.27)!important;border-radius:11px!important;background:rgba(255,255,255,.018)!important;
  color:var(--ed173-gold-bright)!important;box-shadow:0 0 0 1px rgba(255,255,255,.01) inset!important;font-size:19px!important;line-height:1!important;
  transition:transform .11s ease,border-color .11s ease,background .11s ease,box-shadow .11s ease!important;
}
.edsd-back:active,.edsd-filter-btn:active,.edsd-close:active{transform:scale(.92)!important;border-color:rgba(240,201,102,.62)!important;background:rgba(217,171,77,.105)!important;box-shadow:0 0 16px rgba(217,171,77,.10)!important}

.edsd-body{
  flex:0 1 auto!important;min-height:0!important;height:auto!important;max-height:calc(100dvh - 78px)!important;
  overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;
  padding:4px 6px 5px!important;scrollbar-width:none!important;
}
.edsd-body::-webkit-scrollbar{display:none!important}

/* SUBJECT CHOOSER — V17.6 compact tactile list, no added icons/symbols. */
.edsd-subjects,.edsd-state,.edsd-filter-panel{min-height:0!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;overflow:visible!important}
.edsd-section-intro{margin:0!important;padding:4px 7px 5px!important;border:0!important;background:transparent!important}
.edsd-section-intro strong,.edsd-subject-heading,.edsd-section-head{display:block!important;margin:0!important;padding:0!important;color:#f6f3ed!important;font-size:14.4px!important;line-height:1.12!important;font-weight:840!important}
.edsd-section-intro small{display:none!important}

.edsd-subject-list{
  display:grid!important;gap:0!important;margin:0!important;padding:0 4px!important;
  border:1px solid rgba(217,171,77,.11)!important;border-radius:13px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.017),rgba(255,255,255,.007))!important;
  overflow:hidden!important;box-shadow:0 5px 18px rgba(0,0,0,.11),inset 0 1px 0 rgba(255,255,255,.018)!important;
}
.edsd-subject-row,.edsd-option{
  position:relative!important;width:100%!important;min-height:41px!important;margin:0!important;padding:0 8px 0 10px!important;
  display:flex!important;align-items:center!important;gap:7px!important;border:0!important;
  border-bottom:1px solid rgba(255,255,255,.052)!important;border-radius:0!important;
  background:transparent!important;color:var(--ed173-white,var(--ed17-white,#f7f4ed))!important;box-shadow:none!important;
  transition:transform .09s ease,background .10s ease!important;-webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important;
}
.edsd-subject-row:last-child,.edsd-option:last-child{border-bottom:0!important}
.edsd-subject-row::before,.edsd-option::before{
  content:""!important;position:absolute!important;left:0!important;top:8px!important;bottom:8px!important;width:2px!important;
  border-radius:999px!important;background:#d9ab4d!important;opacity:0!important;transform:scaleY(.55)!important;
  transition:opacity .10s ease,transform .10s ease!important;
}
.edsd-subject-row:hover,.edsd-option:hover,.edsd-subject-row:focus-visible,.edsd-option:focus-visible{
  outline:none!important;background:linear-gradient(90deg,rgba(217,171,77,.065),rgba(217,171,77,.01))!important;
}
.edsd-subject-row:active,.edsd-option:active{
  transform:scale(.988)!important;background:linear-gradient(90deg,rgba(217,171,77,.14),rgba(217,171,77,.03))!important;
}
.edsd-subject-row:active::before,.edsd-option:active::before,.edsd-subject-row:focus-visible::before,.edsd-option:focus-visible::before{opacity:1!important;transform:scaleY(1)!important}
.edsd-subject-name,.edsd-option-name{min-width:0!important;flex:1 1 auto!important;color:#f5f2eb!important;font-size:13.1px!important;font-weight:790!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.edsd-subject-tail,.edsd-option-tail{flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;gap:6px!important;color:#d9ab4d!important}
.edsd-subject-count,.edsd-option-count{flex:0 0 auto!important;min-width:24px!important;height:21px!important;padding:0 6px!important;border:1px solid rgba(217,171,77,.12)!important;border-radius:999px!important;display:grid!important;place-items:center!important;background:rgba(217,171,77,.055)!important;color:#d7c7a5!important;font-size:10.3px!important;font-weight:830!important}
.edsd-subject-row .edsd-chevron,.edsd-option .edsd-chevron{display:inline-block!important;width:auto!important;height:auto!important;overflow:visible!important;color:#efc966!important;font-size:18px!important;line-height:1!important;transition:transform .09s ease!important}
.edsd-subject-row:active .edsd-chevron,.edsd-option:active .edsd-chevron{transform:translateX(2px)!important}
.edsd-subject-more-wrap,.edsd-load-more-wrap{margin:4px 4px 0!important;padding:0!important}
.edsd-subject-more,.edsd-load-more{width:100%!important;min-height:32px!important;margin:0!important;padding:0 10px!important;border:1px solid rgba(217,171,77,.17)!important;border-radius:9px!important;background:rgba(217,171,77,.022)!important;color:#efc966!important;font-size:11.5px!important;font-weight:830!important}

/* EXPERTS — preserve the locked thin internal structure. */
.edsd-expert{
  position:relative!important;min-width:0!important;margin:0!important;padding:5px 2px 5px!important;
  border:1px solid transparent!important;border-bottom-color:var(--ed173-line)!important;border-radius:9px!important;
  background:transparent!important;box-shadow:none!important;
  transition:background .12s ease,border-color .12s ease,box-shadow .12s ease,transform .11s ease!important;
}
.edsd-expert + .edsd-expert{margin-top:3px!important}
.edsd-expert:active{transform:scale(.994)!important}
.edsd-expert.is-selected,.edsd-expert[aria-selected="true"]{border-color:rgba(217,171,77,.62)!important;background:linear-gradient(90deg,rgba(217,171,77,.11),rgba(217,171,77,.03))!important;box-shadow:0 0 0 1px rgba(217,171,77,.075) inset,0 4px 17px rgba(0,0,0,.16)!important}
.edsd-expert-top{margin:0!important;padding:0!important}
.edsd-expert-main{position:relative!important;width:100%!important;min-height:0!important;margin:0!important;padding:0 3px!important;display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;gap:8px!important;align-items:start!important;border:0!important;background:transparent!important;text-align:left!important;color:inherit!important}
.edsd-avatar-wrap,.edsd-avatar,.edsd-avatar-fallback{width:48px!important;height:48px!important;min-width:48px!important;flex-basis:48px!important;border-radius:12px!important}
.edsd-avatar-wrap{position:relative!important;margin:0!important;border:1px solid rgba(217,171,77,.30)!important;overflow:visible!important;background:#1a1813!important}
.edsd-avatar{object-fit:cover!important;display:block!important}.edsd-avatar-fallback{display:grid!important;place-items:center!important;background:linear-gradient(145deg,#22201b,#141519)!important;color:#d8b45e!important;font-size:15px!important;font-weight:850!important}
.edsd-avatar[hidden],.edsd-avatar-fallback[hidden]{display:none!important}
.edsd-expert-main::after{content:none!important;display:none!important}
.edsd-expert-main>.edsd-chevron{display:none!important;position:absolute!important;width:0!important;height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}
.edsd-presence-dot{right:-2px!important;bottom:-2px!important;width:10px!important;height:10px!important;border:2px solid #0a0b0c!important}
.edsd-expert-copy{min-width:0!important;display:block!important;padding:0!important}
.edsd-expert-name-row{min-width:0!important;height:19px!important;display:flex!important;align-items:center!important;gap:4px!important;margin:0!important;padding:0!important}
.edsd-expert-name{min-width:0!important;max-width:100%!important;color:#fff!important;font-size:15.5px!important;line-height:19px!important;font-weight:850!important;letter-spacing:-.015em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.edsd-verified{flex:0 0 auto!important;width:17px!important;height:17px!important;border:1px solid rgba(217,171,77,.50)!important;border-radius:50%!important;display:grid!important;place-items:center!important;color:var(--ed173-gold)!important;font-size:11px!important;line-height:1!important;background:rgba(217,171,77,.08)!important}
.edsd-verified[hidden]{display:none!important}.edsd-country-flag{flex:0 0 auto!important;font-size:15px!important;line-height:1!important}
.edsd-expert-taxonomy{min-width:0!important;height:16px!important;margin:1px 0 0!important;padding:0!important;display:flex!important;align-items:baseline!important;gap:6px!important;white-space:nowrap!important;overflow:hidden!important;font-size:0!important;line-height:16px!important}
.edsd-expert-taxonomy[hidden]{display:none!important}.edsd-expert-subject{flex:0 1 auto!important;max-width:48%!important;color:var(--ed173-gold)!important;font-size:12.3px!important;line-height:16px!important;font-weight:820!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.edsd-expert-skills{flex:1 1 auto!important;min-width:0!important;color:var(--ed173-muted)!important;font-size:10.7px!important;line-height:16px!important;font-weight:620!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.edsd-expert-skills:not([hidden])::before{content:"· ";color:rgba(217,171,77,.52)!important}
.edsd-expert-education{min-width:0!important;height:15px!important;margin:0!important;padding:0!important;display:flex!important;align-items:baseline!important;gap:5px!important;white-space:nowrap!important;overflow:hidden!important;font-size:0!important;line-height:15px!important}.edsd-expert-education[hidden]{display:none!important}.edsd-expert-degree{flex:0 1 auto!important;max-width:52%!important;color:#e8e4dd!important;font-size:10.9px!important;line-height:15px!important;font-weight:710!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.edsd-expert-university{flex:1 1 auto!important;min-width:0!important;color:#858994!important;font-size:10.3px!important;line-height:15px!important;font-weight:580!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.edsd-expert-university:not([hidden])::before{content:"· ";color:#5f6269!important}.edsd-expert-qualification,.edsd-expert-specialty{display:none!important}
.edsd-select,.edsd-expert-select,[data-edsd-select]{display:none!important}
.edsd-status-line{margin:1px 3px 0!important;padding:0!important;min-height:0!important;font-size:10.5px!important;line-height:14px!important;color:var(--ed173-muted)!important}
.edsd-metrics{width:100%!important;margin:2px 0 0!important;padding:1px 0 0!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;border-top:0!important;background:transparent!important}
.edsd-metric{min-width:0!important;margin:0!important;padding:0 2px!important;text-align:center!important;border-right:1px solid rgba(255,255,255,.055)!important}.edsd-metric:last-child{border-right:0!important}.edsd-metric-label{display:block!important;height:12px!important;margin:0!important;color:#797772!important;font-size:8.9px!important;line-height:12px!important;font-weight:720!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.edsd-metric-value{display:block!important;height:16px!important;margin:0!important;color:#f4f1eb!important;font-size:13px!important;line-height:16px!important;font-weight:850!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.edsd-commercial-hint{min-height:0!important;margin:1px 3px 0!important;padding:0!important;border:0!important;background:transparent!important;color:#908c84!important;font-size:10.3px!important;line-height:14px!important}
.edsd-expert-actions{width:100%!important;margin:3px 0 0!important;padding:0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important}.edsd-expert-actions .edsd-action:only-child{grid-column:1/-1!important}.edsd-action{min-height:32px!important;height:32px!important;margin:0!important;padding:0 8px!important;border-radius:9px!important;font-size:12.2px!important;line-height:30px!important;font-weight:850!important;box-shadow:none!important}.edsd-action--invite{border:1px solid rgba(217,171,77,.40)!important;background:rgba(217,171,77,.025)!important;color:var(--ed173-gold-bright)!important}.edsd-action--primary{border:1px solid rgba(240,201,102,.78)!important;background:linear-gradient(180deg,#efca69,#d8a640)!important;color:#171108!important}.edsd-action:active{transform:scale(.982)!important}

/* Humanize: same complete thin expert sections, still only the existing initial batch. */
.edsd-drawer[data-edsd-service="humanizer"]{height:auto!important;min-height:0!important;max-height:min(84dvh,720px)!important}
.edsd-humanize-v11{display:grid!important;gap:5px!important}
.edsd-humanize-v11>label{display:grid!important;gap:3px!important}
.edsd-humanize-v11>label>span{font-size:11.4px!important;font-weight:790!important;color:#d0cbc2!important}
.edsd-humanize-v11 textarea{width:100%!important;min-height:72px!important;max-height:118px!important;resize:vertical!important;border:1px solid rgba(217,171,77,.19)!important;border-radius:10px!important;background:#101114!important;color:#f4efe6!important;padding:8px 9px!important;font:inherit!important;font-size:12.9px!important;line-height:1.34!important;transition:border-color .11s ease,box-shadow .11s ease!important}
.edsd-humanize-v11 textarea:focus{outline:none!important;border-color:rgba(240,201,102,.50)!important;box-shadow:0 0 0 2px rgba(217,171,77,.05)!important}
.edsd-humanize-v11__tools{display:flex!important;justify-content:space-between!important;gap:6px!important}
.edsd-humanize-v11__file,.edsd-humanize-v11__tools select{height:31px!important;border:1px solid rgba(217,171,77,.19)!important;border-radius:9px!important;background:#151514!important;color:#e8bd60!important;padding:0 9px!important;font-size:11.3px!important;font-weight:790!important;display:flex!important;align-items:center!important}
.edsd-humanize-v11__tools select{color:#eee8dc!important}
.edsd-humanize-v11__bar{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-top:0!important}
.edsd-humanize-v11__bar strong{text-transform:uppercase!important;letter-spacing:.06em!important;font-size:9.7px!important;color:#8f8b83!important}
.edsd-humanize-v11__bar button{border:0!important;background:transparent!important;color:#e4ba60!important;font-size:10.9px!important;font-weight:820!important}
.edsd-human-preview,.edsd-human-preview--v11{display:grid!important;grid-template-columns:1fr!important;gap:3px!important;margin-top:1px!important}
.edsd-human-preview .edsd-expert,.edsd-human-preview--v11 .edsd-expert{padding:5px 2px!important;min-height:0!important}
.edsd-human-preview .edsd-metrics,.edsd-human-preview--v11 .edsd-metrics{display:grid!important}
.edsd-human-preview .edsd-expert-actions,.edsd-human-preview--v11 .edsd-expert-actions{display:grid!important}
.edsd-human-preview .edsd-commercial-hint,.edsd-human-preview--v11 .edsd-commercial-hint{display:block!important}
.edsd-human-preview .edsd-expert-bio,.edsd-human-preview--v11 .edsd-expert-bio{display:none!important}

/* AI / fields — polish only. */
.edsd-ai,.edsd-human-help,.edsd-filter-panel{min-height:0!important;height:auto!important}
.edsd-ai-input{min-height:80px!important;max-height:145px!important;padding:8px 9px!important;border:1px solid rgba(217,171,77,.18)!important;border-radius:10px!important;background:#101114!important;color:#eee!important;font-size:12.9px!important;line-height:1.34!important}
.edsd-ai-input:focus{outline:none!important;border-color:rgba(240,201,102,.48)!important;box-shadow:0 0 0 2px rgba(217,171,77,.045)!important}
.edsd-ai-actions{margin-top:4px!important;gap:5px!important}
.edsd-field textarea,.edsd-field input,.edsd-ai-input{transition:border-color .12s ease,background .12s ease,box-shadow .12s ease!important}.edsd-field textarea:focus,.edsd-field input:focus{box-shadow:0 0 0 3px rgba(217,171,77,.055)!important}
.edsd-loading,.edsd-empty,.edsd-human-preview-loading,.edsd-human-preview-empty{min-height:56px!important;height:auto!important;margin:0!important;padding:9px!important;border:1px dashed rgba(217,171,77,.18)!important;border-radius:11px!important;background:rgba(255,255,255,.012)!important;color:var(--ed173-muted)!important}
.edsd-footer{flex:0 0 auto!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important}.edsd-footer[hidden]{display:none!important}.edsd-selection-tray{margin:4px 6px 6px!important;padding:5px 6px!important;min-height:38px!important;border:1px solid rgba(217,171,77,.32)!important;border-radius:11px!important;background:#15120d!important;box-shadow:0 8px 24px rgba(0,0,0,.28)!important}

@media(max-width:600px){
  .edsd-drawer{width:calc(100vw - 8px)!important;max-height:min(84dvh,720px)!important;border-radius:18px!important}
  .edsd-head{min-height:46px!important;padding:5px 6px!important}.edsd-title{font-size:17.5px!important}.edsd-body{max-height:calc(84dvh - 52px)!important;padding:5px 5px 6px!important}
  .edsd-subject-list{gap:0!important}.edsd-subject-row,.edsd-option{min-height:46px!important;padding-left:9px!important;padding-right:8px!important;border-radius:0!important}.edsd-subject-name,.edsd-option-name{font-size:13.5px!important}.edsd-subject-count,.edsd-option-count{height:24px!important;min-width:27px!important}.edsd-subject-row .edsd-chevron,.edsd-option .edsd-chevron{font-size:20px!important}
  .edsd-expert{padding:4px 1px!important}.edsd-expert + .edsd-expert{margin-top:2px!important}.edsd-expert-main{grid-template-columns:46px minmax(0,1fr)!important;gap:6px!important;padding:0 2px!important}.edsd-avatar-wrap,.edsd-avatar,.edsd-avatar-fallback{width:46px!important;height:46px!important;min-width:46px!important;flex-basis:46px!important;border-radius:11px!important}.edsd-expert-name{font-size:15px!important}.edsd-expert-subject{max-width:47%!important;font-size:11.9px!important}.edsd-expert-skills{font-size:10.3px!important}.edsd-expert-degree{max-width:51%!important;font-size:10.5px!important}.edsd-expert-university{font-size:10px!important}.edsd-metrics{margin-top:1px!important;padding-top:0!important}.edsd-metric-label{font-size:8.6px!important;height:11px!important;line-height:11px!important}.edsd-metric-value{font-size:12.5px!important;height:15px!important;line-height:15px!important}.edsd-expert-actions{margin-top:2px!important;gap:4px!important}.edsd-action{height:31px!important;min-height:31px!important;line-height:29px!important;border-radius:9px!important}
  .edsd-humanize-v11 textarea{min-height:92px!important}.edsd-human-preview,.edsd-human-preview--v11{gap:2px!important}
}
@media(max-width:380px){
  .edsd-drawer{width:calc(100vw - 6px)!important}.edsd-subject-row,.edsd-option{min-height:45px!important}.edsd-subject-name,.edsd-option-name{font-size:13.2px!important}.edsd-expert-main{grid-template-columns:44px minmax(0,1fr)!important;gap:5px!important;padding-right:2px!important}.edsd-avatar-wrap,.edsd-avatar,.edsd-avatar-fallback{width:44px!important;height:44px!important;min-width:44px!important;flex-basis:44px!important}.edsd-expert-subject{max-width:44%!important}.edsd-expert-name{font-size:14.5px!important}.edsd-metric-label{font-size:8.2px!important}.edsd-metric-value{font-size:12px!important}
}

@media(max-width:600px){
  .edsd-drawer{width:calc(100vw - 8px)!important;max-height:calc(100dvh - 24px)!important;border-radius:18px!important}
  .edsd-head{min-height:43px!important;padding:4px 6px!important}
  .edsd-title{font-size:17px!important}
  .edsd-body{max-height:calc(100dvh - 72px)!important;padding:4px 5px 5px!important}
  .edsd-subject-list{gap:0!important}
  .edsd-subject-row,.edsd-option{min-height:40px!important;padding-left:9px!important;padding-right:7px!important;border-radius:0!important}
  .edsd-subject-name,.edsd-option-name{font-size:12.9px!important}
  .edsd-subject-count,.edsd-option-count{height:21px!important;min-width:24px!important}
  .edsd-subject-row .edsd-chevron,.edsd-option .edsd-chevron{font-size:18px!important}
}
@media(max-width:380px){
  .edsd-drawer{width:calc(100vw - 6px)!important}
  .edsd-subject-row,.edsd-option{min-height:39px!important}
  .edsd-subject-name,.edsd-option-name{font-size:12.6px!important}
}


/* V17.8 SUBJECT TOUCH — thumb-comfortable, lightweight, no decorative icons */
.edsd-drawer[data-edsd-view="subjects"]{width:min(570px,calc(100vw - 6px))!important;max-height:calc(100dvh - 18px)!important}
.edsd-drawer[data-edsd-view="subjects"] .edsd-body{max-height:calc(100dvh - 66px)!important;padding:5px 5px 7px!important}
.edsd-drawer[data-edsd-view="subjects"] .edsd-section-intro{padding:6px 9px 8px!important}
.edsd-drawer[data-edsd-view="subjects"] .edsd-subject-list{
 margin:0 1px 2px!important;padding:3px!important;border:1px solid rgba(217,171,77,.27)!important;border-radius:16px!important;
 background:radial-gradient(120% 72% at 50% -8%,rgba(217,171,77,.07),transparent 55%),linear-gradient(180deg,#14130f,#0d0e0f)!important;
 box-shadow:0 14px 34px rgba(0,0,0,.27),inset 0 1px 0 rgba(255,255,255,.045),inset 0 0 0 1px rgba(217,171,77,.035)!important;
}
.edsd-drawer[data-edsd-view="subjects"] .edsd-subject-row,
.edsd-drawer[data-edsd-view="subjects"] .edsd-option{min-height:51px!important;padding:0 13px!important;border-bottom:1px solid rgba(217,171,77,.105)!important;background:linear-gradient(180deg,rgba(255,255,255,.016),rgba(255,255,255,.004))!important}
.edsd-drawer[data-edsd-view="subjects"] .edsd-subject-row:last-child,
.edsd-drawer[data-edsd-view="subjects"] .edsd-option:last-child{border-bottom-color:transparent!important}
.edsd-drawer[data-edsd-view="subjects"] .edsd-subject-name,
.edsd-drawer[data-edsd-view="subjects"] .edsd-option-name{font-size:14px!important;font-weight:815!important}
.edsd-drawer[data-edsd-view="subjects"] .edsd-subject-count,
.edsd-drawer[data-edsd-view="subjects"] .edsd-option-count{min-width:30px!important;height:28px!important;padding:0 8px!important;border-radius:10px!important;border:1px solid rgba(217,171,77,.22)!important;background:rgba(217,171,77,.085)!important;font-size:11.2px!important}
.edsd-drawer[data-edsd-view="subjects"] .edsd-subject-row:hover,
.edsd-drawer[data-edsd-view="subjects"] .edsd-option:hover,
.edsd-drawer[data-edsd-view="subjects"] .edsd-subject-row:focus-visible,
.edsd-drawer[data-edsd-view="subjects"] .edsd-option:focus-visible{background:linear-gradient(90deg,rgba(217,171,77,.12),rgba(217,171,77,.025))!important;box-shadow:inset 3px 0 0 rgba(239,201,105,.68)!important}
.edsd-drawer[data-edsd-view="subjects"] .edsd-subject-row:active,
.edsd-drawer[data-edsd-view="subjects"] .edsd-option:active{transform:scale(.986)!important;background:linear-gradient(90deg,rgba(217,171,77,.20),rgba(217,171,77,.05))!important;box-shadow:inset 3px 0 0 #efc969!important}
.edsd-drawer[data-edsd-view="subjects"] .edsd-chevron{display:none!important}
.edsd-drawer[data-edsd-view="subjects"] .edsd-subject-more,
.edsd-drawer[data-edsd-view="subjects"] .edsd-load-more{min-height:39px!important;border-radius:11px!important}
@media(max-width:600px){
 .edsd-drawer[data-edsd-view="subjects"]{width:calc(100vw - 4px)!important;max-height:calc(100dvh - 16px)!important}
 .edsd-drawer[data-edsd-view="subjects"] .edsd-subject-row,
 .edsd-drawer[data-edsd-view="subjects"] .edsd-option{min-height:50px!important;padding:0 12px!important}
}
@media(max-width:380px){
 .edsd-drawer[data-edsd-view="subjects"] .edsd-subject-row,
 .edsd-drawer[data-edsd-view="subjects"] .edsd-option{min-height:48px!important}
}

/* ESSAYDEW MODERN DRAWERS V17.8 END */