@import url('/app/trainer-progress-fix.css?v=20260910a');

.my-cases-panel{
    display:block!important;
    position:relative!important;
    width:100%!important;
    overflow:hidden;
    border-color:rgba(45,146,255,.34);
    background:linear-gradient(145deg,rgba(13,39,71,.98),rgba(7,20,38,.98));
    box-shadow:0 16px 36px rgba(0,0,0,.18);
}
.my-cases-panel::before{
    content:"";
    position:absolute;
    inset:0 0 auto;
    height:2px;
    background:linear-gradient(90deg,transparent,rgba(45,151,255,.78),rgba(49,219,180,.58),transparent);
    pointer-events:none;
}
.my-cases-head{align-items:flex-start}
.my-cases-head>div,.public-cases-head>div{min-width:0}
.my-cases-head h2,.public-cases-head h2{margin:0}
.my-cases-head small,.public-cases-head small{
    display:block;
    margin-top:4px;
    color:#7f98b7;
    font-size:10px;
    line-height:1.35;
}
.my-cases-head-actions{
    display:flex;
    align-items:center;
    gap:8px;
    flex:0 0 auto;
}
.my-cases-filter{
    height:28px;
    min-width:112px;
    padding:0 28px 0 9px;
    border:1px solid rgba(61,142,246,.28);
    border-radius:9px;
    background:#0a1b31;
    color:#cfe2f7;
    font:inherit;
    font-size:9.5px;
    font-weight:800;
    outline:none;
    cursor:pointer;
}
.my-cases-filter:focus{
    border-color:rgba(61,142,246,.58);
    box-shadow:0 0 0 2px rgba(61,142,246,.08);
}
.my-cases-panel .history-status{
    flex:0 0 auto;
    padding:5px 8px;
    border:1px solid rgba(48,144,255,.24);
    border-radius:999px;
    background:rgba(38,125,228,.11);
    color:#9bcaff;
    font-size:9.5px;
    font-weight:800;
}
.my-cases-table{
    margin-top:13px;
    overflow:hidden;
    border:1px solid rgba(70,124,191,.22);
    border-radius:14px;
    background:rgba(5,15,29,.34);
}
.my-cases-table-head{
    display:grid;
    grid-template-columns:minmax(0,1fr) 110px 150px;
    gap:10px;
    align-items:center;
    padding:8px 12px;
    border-bottom:1px solid rgba(70,124,191,.16);
    color:#617b9b;
    font-size:9px;
    font-weight:850;
    letter-spacing:.045em;
    text-transform:uppercase;
}
.my-cases-panel .history-list{
    display:grid;
    gap:0;
    margin:0!important;
}
.my-case-swipe{
    position:relative;
    min-width:0;
    overflow:hidden;
    border-bottom:1px solid rgba(69,119,181,.14);
    background:linear-gradient(145deg,rgba(8,25,47,.99),rgba(6,19,36,.99));
    isolation:isolate;
}
.my-case-swipe.is-dragging,
.my-case-swipe.is-open{
    background:linear-gradient(90deg,#b52d3b,#e84d58);
}
.my-case-swipe:last-child{border-bottom:0}
.my-case-swipe-surface{
    position:relative;
    z-index:2;
    width:100%;
    will-change:transform;
    touch-action:pan-y;
    user-select:none;
    -webkit-user-select:none;
    -webkit-tap-highlight-color:transparent;
}
.my-case-swipe.is-dragging .my-case-swipe-surface{
    cursor:grabbing;
}
.my-case-delete{
    position:absolute;
    z-index:1;
    inset:0 0 0 auto;
    width:88px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:0;
    border-radius:0;
    background:linear-gradient(135deg,#d93a49,#bd2638);
    color:#fff;
    font:inherit;
    font-size:10.5px;
    font-weight:900;
    letter-spacing:.01em;
    cursor:pointer;
    box-shadow:inset 1px 0 rgba(255,255,255,.08);
}
.my-case-delete:hover{filter:brightness(1.08)}
.my-case-delete:active{filter:brightness(.94)}
.my-case-delete:disabled{opacity:.7;cursor:wait}
.my-case-swipe.is-open .my-case-delete{
    box-shadow:inset 1px 0 rgba(255,255,255,.12),-8px 0 18px rgba(120,18,34,.18);
}
.my-case-swipe.is-deleting{
    opacity:.55;
    pointer-events:none;
}
.my-cases-panel .history-item.my-case-row{
    width:100%;
    display:grid;
    grid-template-columns:minmax(0,1fr) 110px 150px;
    gap:10px;
    align-items:center;
    padding:11px 12px;
    border:0;
    border-radius:0;
    background:linear-gradient(145deg,rgba(8,25,47,.99),rgba(6,19,36,.99));
    color:#e8f1ff;
    text-align:left;
    cursor:pointer;
    transition:background .14s ease;
}

.my-cases-panel .history-item.my-case-row:hover{background:linear-gradient(145deg,rgba(13,36,64,.99),rgba(7,24,44,.99))}
.case-list-identity{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
}
.case-list-avatar{
    width:44px;
    height:44px;
    flex:0 0 44px;
    border-radius:50%;
    overflow:hidden;
    border:1px solid rgba(75,153,245,.34);
    background:#0a2038;
    box-shadow:0 4px 14px rgba(0,0,0,.22);
}
.case-list-avatar img,
.case-list-avatar-fallback{
    display:block;
    width:100%;
    height:100%;
}
.case-list-avatar img{object-fit:cover}
.case-list-avatar-fallback{
    display:grid;
    place-items:center;
    color:#a8ddff;
    font-size:14px;
    font-weight:900;
    background:radial-gradient(circle at 35% 25%,rgba(56,189,248,.2),transparent 48%),#0a2038;
}
.case-list-copy{display:block;min-width:0}
.case-list-copy strong{
    display:block;
    color:#eef6ff;
    font-size:12px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.case-list-copy small{display:block}
.case-list-person{
    margin-top:3px!important;
    color:#b7cce4!important;
    font-size:10px!important;
    font-weight:700;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.case-list-clinical{
    margin-top:3px!important;
    color:#718cab!important;
    font-size:9.4px!important;
    line-height:1.3;
}
.catalog-item .case-list-identity{min-width:0}
.catalog-item .case-list-copy{min-width:0}
.my-case-main{min-width:0}
.my-case-main strong{
    display:block;
    color:#eef6ff;
    font-size:12px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.my-case-main small{
    display:block;
    margin-top:4px;
    color:#718cab;
    font-size:9.8px;
    line-height:1.3;
}
.my-case-status{
    justify-self:start;
    display:inline-flex;
    align-items:center;
    min-height:24px;
    padding:0 9px;
    border-radius:999px;
    font-size:9.5px;
    font-weight:850;
}
.my-case-status.open{
    border:1px solid rgba(56,189,248,.28);
    background:rgba(56,189,248,.09);
    color:#8edcff;
}
.my-case-status.closed{
    border:1px solid rgba(52,211,153,.28);
    background:rgba(52,211,153,.09);
    color:#8be8c3;
}
.my-case-action{
    justify-self:end;
    color:#90bff2;
    font-size:9.8px;
    font-weight:800;
    white-space:nowrap;
}
.my-case-row.is-closed .my-case-action{color:#80d8b9}
.my-cases-empty{
    margin:10px;
    border-radius:10px;
}
.public-cases-head{align-items:flex-start}

@media(max-width:620px){
    .my-cases-panel{padding:13px!important}
    .my-cases-table-head{grid-template-columns:minmax(0,1fr) 72px;padding:7px 9px}
    .my-cases-table-head span:last-child{display:none}
    .my-cases-panel .history-item.my-case-row{
        grid-template-columns:minmax(0,1fr) 72px;
        gap:8px;
        padding:10px 9px;
    }
    .my-case-delete{width:88px;font-size:10px}

    .my-case-action{
        grid-column:1 / -1;
        justify-self:start;
        margin-top:-2px;
        font-size:9.4px;
    }
    .my-case-status{justify-self:end;padding:0 7px;font-size:9px}
    .my-case-main strong{font-size:11.5px}
    .my-case-main small{font-size:9.3px}
    .case-list-avatar{width:40px;height:40px;flex-basis:40px}
    .case-list-identity{gap:8px}
    .case-list-copy strong{font-size:11.4px}
    .case-list-person{font-size:9.3px!important}
    .case-list-clinical{font-size:8.9px!important}

    .my-cases-head small,.public-cases-head small{font-size:9.6px}.my-cases-head-actions{gap:6px}.my-cases-filter{min-width:96px;height:27px;font-size:9px;padding-left:8px}
}