/* Entropic Echo admin workspace: compact sidebar + readable ticket workspace. */
.admin-panel-layout {
    width: min(1480px, calc(100% - 32px));
    margin: 0 auto;
    padding: 24px 0 48px;
    display: grid !important;
    grid-template-columns: 252px minmax(0, 1fr);
    gap: 24px;
    color: #172033;
}
.admin-panel-layout > .admin-panel-layout__header {
    grid-column: 1;
    grid-row: 1;
    display: flex !important;
    flex-direction: column;
    gap: 16px;
    width: auto !important;
    margin: 0 !important;
}
.admin-panel-layout > .row:not(.admin-panel-layout__header) {
    grid-column: 2;
    grid-row: 1;
    width: auto !important;
    margin: 0 !important;
    float: none !important;
}
.admin-panel-layout__header > [class*="col-"] {
    width: 100% !important;
    padding: 0 !important;
    float: none !important;
}
.admin-panel-layout__header::before {
    content: "ENTROPIC ECHO\A问题反馈后台";
    display: block;
    padding: 4px 8px 2px;
    color: #17325f;
    white-space: pre;
    font: 800 17px/1.35 -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
    letter-spacing: .02em;
}
.admin-panel-layout__header::after {
    content: "工单处理工作台";
    display: block;
    order: 3;
    margin-top: -8px;
    padding: 12px 12px 0;
    border-top: 1px solid #e6ebf3;
    color: #7b879c;
    font-size: 12px;
}
.admin-panel-layout__content {
    width: 100% !important;
    padding: 0 !important;
}
.admin-panel-layout__content__widget {
    min-height: calc(100vh - 104px);
    padding: 30px !important;
    border: 1px solid #e4eaf2;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 12px 40px rgba(27, 49, 86, .08);
}
.admin-panel-layout .admin-panel-staff-widget {
    position: relative;
    width: 100%;
    min-height: 106px;
    height: auto;
    padding: 18px 16px;
    border: 1px solid rgba(46, 92, 160, .2);
    border-radius: 16px;
    background: linear-gradient(145deg, #2156a5, #173a78);
    box-shadow: 0 10px 26px rgba(30, 65, 122, .2);
    text-align: left;
}
.admin-panel-layout .admin-panel-staff-widget__profile-pic-wrapper {
    top: 17px;
    left: 16px;
    width: 50px;
    height: 50px;
    border: 2px solid rgba(255, 255, 255, .72);
    transform: none;
}
.admin-panel-layout .admin-panel-staff-widget__user-data {
    position: static;
    width: auto;
    height: auto;
    min-height: 52px;
    padding: 2px 0 0 66px;
    background: transparent;
}
.admin-panel-layout .admin-panel-staff-widget__name {
    overflow: hidden;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.admin-panel-layout .admin-panel-staff-widget__actions {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    color: rgba(255, 255, 255, .7);
    font-size: 12px;
}
.admin-panel-layout .admin-panel-staff-widget__action {
    padding: 0;
    color: rgba(255, 255, 255, .86);
    font-size: 12px;
}
.admin-panel-layout .admin-panel-staff-widget__action:hover {
    color: #fff;
    text-decoration: underline;
}
.admin-panel-layout .admin-panel-menu {
    min-width: 0;
}
.admin-panel-layout .menu_horizontal,
.admin-panel-layout .menu_horizontal-list {
    min-height: 0;
    margin: 0;
    background: transparent;
    text-align: left;
}
.admin-panel-layout .menu_horizontal .menu__list,
.admin-panel-layout .menu_horizontal-list .menu__list {
    display: flex;
    flex-direction: column;
    gap: 4px;
    background: transparent;
    font-size: 14px;
}
.admin-panel-layout .menu_horizontal .menu__icon {
    display: inline-block;
    width: 20px;
    margin: 0 11px 0 0;
    color: currentColor;
    font-size: 15px;
    text-align: center;
}
.admin-panel-layout .menu_horizontal .menu__list-item {
    display: flex;
    align-items: center;
    width: 100%;
    height: auto;
    min-height: 42px;
    padding: 10px 12px;
    border-radius: 10px;
    background: transparent;
    color: #4f6079;
    text-align: left;
    transition: background .18s ease, color .18s ease, transform .18s ease;
}
.admin-panel-layout .menu_horizontal .menu__list-item:hover,
.admin-panel-layout .menu_horizontal .menu__list-item:focus {
    outline: none;
    background: #f0f5fc;
    color: #205bb3;
    transform: translateX(2px);
}
.admin-panel-layout .menu_horizontal .menu__list-item_selected,
.admin-panel-layout .menu_horizontal .menu__list-item_selected:hover {
    background: #e7f0ff;
    color: #1d5db5;
    font-weight: 700;
}
.admin-panel-layout .menu_horizontal-list {
    margin: 8px 0 0;
    padding: 8px 0 0 31px;
    border-top: 1px solid #e6ebf3;
}
.admin-panel-layout .menu_horizontal-list .menu__list-item {
    display: block;
    margin: 0;
    padding: 8px 10px;
    border-radius: 8px;
    background: transparent;
    color: #6f7e93;
    font-size: 13px;
    transition: background .18s ease, color .18s ease;
}
.admin-panel-layout .menu_horizontal-list .menu__list-item:hover,
.admin-panel-layout .menu_horizontal-list .menu__list-item:focus {
    outline: none;
    background: #f4f7fb;
    color: #235daa;
}
.admin-panel-layout .menu_horizontal-list .menu__list-item_selected,
.admin-panel-layout .menu_horizontal-list .menu__list-item_selected:hover {
    padding: 8px 10px;
    border-radius: 8px;
    background: #235daa;
    color: #fff;
    font-weight: 600;
}
.admin-panel-layout .header {
    margin-bottom: 22px;
}
.admin-panel-layout .header__title {
    color: #172033;
    font-size: 28px;
    font-weight: 750;
}
.admin-panel-layout .header__description {
    color: #75839a;
    font-size: 13px;
}
@media (max-width: 900px) {
    .admin-panel-layout {
        width: min(100% - 24px, 720px);
        grid-template-columns: 1fr;
        gap: 16px;
        padding-top: 14px;
    }
    .admin-panel-layout > .admin-panel-layout__header,
    .admin-panel-layout > .row:not(.admin-panel-layout__header) {
        grid-column: 1;
        grid-row: auto;
    }
    .admin-panel-layout__header {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr);
        align-items: start;
    }
    .admin-panel-layout__header::before,
    .admin-panel-layout__header::after {
        grid-column: 1 / -1;
    }
    .admin-panel-layout .admin-panel-menu {
        padding-top: 0;
    }
    .admin-panel-layout__content__widget {
        min-height: auto;
        padding: 22px 16px !important;
    }
}
@media (max-width: 560px) {
    .admin-panel-layout {
        width: calc(100% - 16px);
    }
    .admin-panel-layout__header {
        display: flex !important;
    }
    .admin-panel-layout__content__widget {
        border-radius: 12px;
    }
}