html, body {font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;width:100%;height:100%;overflow:hidden;}
.loading {
    position:fixed;
    inset:0;
    z-index:2147483000;
    display:grid;
    place-items:center;
    width:100%;
    height:100%;
    padding:24px;
    background:#f4f7fb;
    color:#1f2d3d;
    opacity:1;
    transition:opacity .32s ease, visibility .32s ease;
}
.loading.is-ready {
    opacity:0;
    visibility:hidden;
    pointer-events:none;
}
.loading-panel {
    display:grid;
    justify-items:center;
    gap:12px;
    width:min(360px, 100%);
    padding:28px 24px;
    text-align:center;
}
.loading-brand {
    font-size:20px;
    font-weight:600;
    line-height:1.4;
    color:#15243a;
}
.loading-spinner {
    position:relative;
    width:54px;
    height:54px;
    margin:6px 0;
    border:4px solid #dbe6f3;
    border-top-color:#1677ff;
    border-radius:50%;
    animation:loading-spin .9s linear infinite;
}
.loading-spinner::after {
    content:"";
    position:absolute;
    inset:10px;
    border-radius:50%;
    background:#fff;
    box-shadow:0 0 0 1px rgba(22,119,255,.08);
}
.loading-text {
    font-size:15px;
    line-height:22px;
    color:#334155;
}
.loading-subtext {
    font-size:13px;
    line-height:20px;
    color:#7b8794;
}
@keyframes loading-spin {
    to {transform:rotate(360deg);}
}
@media screen and (max-width:574px) {
    .loading-panel {padding:20px 12px;}
    .loading-brand {font-size:18px;}
    .loading-subtext {font-size:12px;}
}
.appointment-list-page .ant-table-thead > tr > th {
    white-space:nowrap;
}
.appointment-list-page .ant-table-selection-column {
    width:48px;
    min-width:48px;
}
.login, .login-form-body, .known, .ws-space {background-color:var(--kui-bgcolor);color:var(--kui-color);}
.known, .ws-space, .ws-chart .ant-card, .ws-func .ant-card {border-radius:5px;}
.kui-logo {background:url(../img/logo1.png) no-repeat 5px;height:50px;}
.kui-nav {
    display:flex;
    align-items:center;
    gap:4px;
}
.kui-nav > li {
    min-width:38px;
    height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 6px;
    border-radius:8px;
    cursor:pointer;
}
.kui-nav > li:hover {
    background:rgba(22,119,255,.08);
}
.kui-nav .antblazor-overlay-trigger-wrapper,
.kui-nav .ant-dropdown-trigger {
    min-width:48px;
    min-height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    /* 扩大可悬停区域，消除与下拉面板的间隙 */
    padding:6px 10px;
    margin:-6px -10px;
}
.kui-nav .anticon {
    font-size:18px;
}
.kui-nav .ant-avatar {
    width:34px;
    height:34px;
    line-height:34px;
}
.kui-nav .ant-avatar + span {
    padding-left:4px;
    line-height:34px;
}
.ant-dropdown-menu-item {
    min-height:40px;
    display:flex;
    align-items:center;
    padding-top:8px;
    padding-bottom:8px;
}
/* 缩小下拉面板与触发器的间距 */
.kui-nav .ant-dropdown {
    margin-top:-4px;
}
/* 链接文字不被padding扩大区域遮挡 */
.kui-nav > li > a {
    position:relative;
    z-index:1;
}

/*Login*/
.login {position:absolute;left:0;right:0;top:0;bottom:0;overflow:auto;}
.login-head {display:flex;justify-content:space-between;padding:20px 200px;font-size:1.2rem;}
.login-logo {display:flex;}
.login-logo .kui-logo {
    display:block !important;
    background:url(../img/logo1.png) no-repeat left var(--kui-bgcolor);
}
.login-logo .kui-logo {width:230px;}
.login-logo img {width:180px;height:50px;}
.login-logo div, .login-head ul {margin:0;padding:0;padding-top:13px;}
.login-body {
    background:linear-gradient(135deg, #6da0f5, #c0e9fc);height:800px;padding:0 200px;display:grid;grid-template-columns:auto 430px;
    background:white;align-items:center;height:70%;grid-template-columns:60% 40%;padding:0 200px 0 200px;
}
.login-left {
    padding:60px 100px;width:100%;height:90%;
    background-position:center;background-size:contain;background-image:none;background-repeat:no-repeat;
}
.login-left ul {padding:40px 10px 10px 50px;display:flex;}
.login-left ul li {margin-right:33px;}
.login-left ul li:first-child {list-style:none;}
.login-left {color:#fff;font-size:1.5rem;font-weight:bold;}
.login-left img {width:350px;}
.login-form {padding:70px 0 50px 50px;}
.login-form h1 {font-size:1.2rem;margin-top:1rem;margin-bottom:1rem;}
.login-form .ant-input-affix-wrapper > .ant-input:not(textarea) {padding-left:10px;}
.login-form-body {position:relative;border-radius:5px;padding:20px 30px;height:370px;box-shadow:0 0 10px 3px rgba(0,0,0,.3);}
.login-copyright {text-align:center;width:100%;font-size:1rem;margin-top:30px;}
.login-copyright span {margin:0 5px;}

.login .ant-tabs-nav {margin-bottom:24px;}
.login .ant-tabs-tab {font-size:14px;padding:12px 0;}
.login .ant-input-affix-wrapper {font-size:14px;}
.login .ant-form-item {font-size:14px;margin-bottom:24px;}
.login .ant-form-item-control-input {min-height:32px;}
.login .ant-btn {font-size:14px;padding:4px 10px;height:32px;}

@media screen and (max-width:1280px) {
    .login-head {padding:20px 100px;}
    .login-body {padding:0 100px;}
    .login-left {padding:40px;}
}
@media screen and (max-width:1024px) {
    .login-head {padding:20px 100px;}
    .login-body {padding:0 100px;}
    .login-left {padding:40px;}
}
@media screen and (max-width:912px) {
    .login-head {padding:20px 50px;}
    .login-body {padding:0 10px;}
    .login-left {padding:40px 0;}
    .login-form {padding-left:10px;padding-right:20px;}
}
@media screen and (max-width:768px) {
    .login-head {padding:20px 50px;}
    .login-body {padding:0 10px;grid-template-columns:300px auto;}
    .login-left {padding:40px 0;}
    .login-form {padding-left:10px;padding-right:20px;}
    .login {top:50%;margin-top:-260px;}
    .login-head {padding:0;flex-direction:column;}
    .login-logo {padding:20px;flex-direction:column;}
    .login-logo div {padding-left:10px;}
    .login-body {padding:20px 30px;grid-template-columns:100%;height:auto;}
    .login-left, .login-head ul {display:none;}
    .login-form {padding-left:0;padding:0;}
    .login-copyright {margin-top:20px;}
}
@media screen and (max-width:574px) {
    .login {top:50%;margin-top:-260px;}
    .login-head {padding:0;flex-direction:column;}
    .login-logo {padding:20px;flex-direction:column;}
    .login-logo div {padding-left:10px;}
    .login-body {padding:20px 30px;grid-template-columns:100%;height:auto;}
    .login-left, .login-head ul {display:none;}
    .login-form {padding-left:0;padding:0;}
    .login-copyright {margin-top:20px;}
}

/*BaseData*/
.form-company {padding:0 50px 20px 0;}
.form-company button {margin-right:10px;}

@media screen and (max-width:768px) {
    .form-company {padding:0 10px 20px 10px;}
}

/*BizApply*/
.apply-form {position:relative;}
.apply-form canvas {position:absolute;top:-68px;right:0;width:180px;height:40px;}

/*Dark*/
:root[theme=dark] .login-body, :root[theme=dark] .count li {background:linear-gradient(135deg, rgb(45, 46, 46), rgb(40, 41, 41));}

/*Page*/
.he-show {display:block;}
.he-hide {display:none;}
.he-grid {display:grid;grid-gap:10px;}
.he-box {background:var(--kui-bgcolor);border-radius:5px;}
.kui-table .ant-table-body {overflow:auto !important;}
.he-space {display:flex;justify-content:space-between;align-items:center;}
.he-summ {display:inline-block;padding:0 5px;}
.he-summ > span {font-weight:bold;}
.he-row {display:grid;grid-template-columns:repeat(auto-fit, minmax(0%, 1fr));}
.he-field {display:inline-block;margin-right:40px;}
.he-field > label {font-weight:bold;}
.he-toolbar {display:flex;padding:6px 10px;}
.he-toolbar .ant-btn {margin-right:5px;}
.he-toolbar button.orange {background:#ff6a00;color:#fff;}
.he-toolbar button.green {background:#00C922;color:#fff;}
.he-toolbar button.white {background:#fff;color:rgba(0,0,0,.3)}
.he-toolbar button.orange[disabled],
.he-toolbar button.green[disabled],
.he-toolbar button.white[disabled] {
    background:#f5f5f5;color:rgba(0, 0, 0, 0.25);
}
.he-avatar {width:60px;}
.he-avatar img {width:100%;height:100%;}
.he-info {display:flex;flex-wrap:wrap;padding:10px;}
.he-info .he-field {flex-grow:1;width:14.5%;margin-bottom:10px;}
.he-card .ant-card-body {padding:0;}
.ant-spin-nested-loading.he-button > div > .ant-spin-sm.ant-spin-show-text .ant-spin-dot {margin-top:-8px;margin-left:-12px;}
.btn-AI {position:absolute;top:10px;right:10px;width:48px;height:48px;border-radius:50%;padding:0;}
.he-form-reg .ant-form-item {padding-left:10px;}
.he-form-reg .ant-form-item-label {width:fit-content;text-align:left;}
.he-transfer-action > div, .he-transfer-action > button {margin-bottom:2px;}

.inspection-total-page {
    grid-template-columns:320px minmax(0, 1fr);
    height:calc(100vh - 86px);
    min-height:0;
    font-size:var(--inspection-font-size, medium);
    overflow:hidden;
}
.inspection-total-page.is-customer-list-collapsed {
    grid-template-columns:0 minmax(0, 1fr);
}
.inspection-total-customer-panel {
    position:relative;
    min-width:0;
    min-height:0;
    overflow:hidden;
}
.inspection-total-main {
    grid-template-rows:40px minmax(0, 1fr) auto;
    min-width:0;
    min-height:0;
    position:relative;
}
.inspection-total-info-bar,
.inspection-total-toolbar {
    min-width:0;
    overflow:hidden;
}
.inspection-total-toolbar {
    align-self:end;
}
.inspection-total-toolbar .he-toolbar {
    align-items:center;
    flex-wrap:wrap;
    gap:6px;
    min-height:40px;
    padding:4px 8px;
}
.inspection-total-toolbar .he-toolbar .ant-btn {
    margin-right:0;
}
.inspection-total-toolbar .he-toolbar > div {
    margin-left:10px !important;
}
.inspection-total-workspace {
    height:100%;
    min-height:0;
    grid-template-columns:330px minmax(0, 1fr);
    grid-template-rows:minmax(260px, 1fr) 180px;
    overflow:hidden;
}
.inspection-total-tree-panel,
.inspection-total-result-panel {
    height:100%;
    min-height:0;
    overflow-y:auto;
    overflow-x:hidden;
}
.inspection-total-summary-panel,
.inspection-total-opinion-panel {
    height:100%;
    min-height:0;
    overflow:hidden;
}
.inspection-total-tree-panel > .ant-tabs,
.inspection-total-summary-panel > .ant-tabs {
    height:100%;
}
.inspection-total-tree-panel .ant-tabs-content-holder,
.inspection-total-tree-panel .ant-tabs-content,
.inspection-total-tree-panel .ant-tabs-tabpane,
.inspection-total-summary-panel .ant-tabs-content-holder,
.inspection-total-summary-panel .ant-tabs-content,
.inspection-total-summary-panel .ant-tabs-tabpane {
    height:100%;
    min-height:0;
}
.inspection-total-tree-panel textarea,
.inspection-total-summary-panel textarea {
    height:100% !important;
    resize:none;
}
.inspection-total-summary-panel .ant-popover-open,
.inspection-total-summary-panel .ant-popover-inner-content > div,
.inspection-total-summary-panel .ant-input {
    max-width:100%;
}
.inspection-total-summary-panel .ant-tabs-content-holder {
    overflow:hidden;
}
.inspection-total-opinion-panel .ant-list,
.inspection-total-opinion-panel .ant-list-items {
    max-width:100%;
}
.inspection-total-opinion-panel .he-grid {
    min-width:0;
}
.inspection-total-opinion-panel .ant-btn-link {
    padding-left:4px;
    padding-right:4px;
}
.inspection-total-tree-panel > div {
    height:100% !important;
    max-height:100%;
    overflow:auto !important;
}

@media screen and (min-width:769px) and (max-width:1180px) {
    .inspection-total-page {
        grid-template-columns:minmax(260px, 30vw) minmax(0, 1fr);
        height:calc(100vh - 96px);
    }
    .inspection-total-page.is-customer-list-collapsed {
        grid-template-columns:0 minmax(0, 1fr);
    }
    .inspection-total-workspace {
        grid-template-columns:minmax(260px, 34vw) minmax(0, 1fr);
        grid-template-rows:minmax(320px, 1fr) minmax(180px, 28vh);
    }
    .inspection-total-customer-panel .ant-table-wrapper {
        min-width:0;
    }
}

@media screen and (max-width:768px) {
    .inspection-total-page,
    .inspection-total-page.is-customer-list-collapsed {
        grid-template-columns:minmax(0, 1fr);
        grid-template-rows:auto minmax(0, 1fr);
        height:calc(100vh - 76px);
        overflow:auto;
    }
    .inspection-total-customer-panel {
        max-height:42vh;
        overflow:auto;
    }
    .inspection-total-page.is-customer-list-collapsed .inspection-total-customer-panel {
        display:none;
    }
    .inspection-total-main {
        grid-template-rows:auto minmax(640px, 1fr) auto;
    }
    .inspection-total-workspace {
        grid-template-columns:minmax(0, 1fr);
        grid-template-rows:minmax(220px, auto) minmax(260px, auto) minmax(180px, auto) minmax(180px, auto);
        height:auto;
    }
}

/*PageTree*/
/*Orgation*/
.kui-org {display:flex;}
.kui-org-form {width:100%;padding-right:20px;}
.kui-org-select {width:300px;padding-right:20px;padding-bottom:20px;}
.kui-org-module {
    width: 300px;
    height: 700px;
    overflow: auto;
}
.kui-org-tree {width:260px;height:400px;overflow:auto;}
.kui-itemgroup-tree {width:320px;height:600px;overflow:auto;}

.tree-width{height:580px;width:260px; overflow:auto;padding:5px;}

.item-suit-editor {
    display:grid;
    grid-template-columns:minmax(560px, 1fr) minmax(320px, 0.75fr) minmax(320px, 0.75fr);
    gap:12px;
    align-items:stretch;
    height:calc(100vh - 170px);
    max-height:680px;
    overflow:visible;
}
.item-suit-editor .item-suit-form-panel {
    min-width:0;
    padding-right:0;
    max-height:100%;
    overflow-y:auto;
    overflow-x:visible;
    padding-bottom:8px;
}
.item-suit-editor .item-suit-form-panel .ant-form-item-label {
    min-width:72px;
}
.item-suit-editor .item-suit-form-panel .ant-select,
.item-suit-editor .item-suit-form-panel .ant-input,
.item-suit-editor .item-suit-form-panel .ant-input-number,
.item-suit-editor .item-suit-form-panel .ant-picker {
    width:100%;
}
.item-suit-editor .item-suit-tree-panel {
    min-width:0;
    display:flex;
    max-height:100%;
    overflow:hidden;
}
.item-suit-editor .item-suit-tree-panel > .he-card {
    width:100%;
    display:flex;
    flex-direction:column;
    min-height:0;
}
.item-suit-editor .item-suit-tree-panel .ant-card-body {
    flex:1;
    display:flex;
    flex-direction:column;
    min-height:0;
    overflow:hidden;
}
.item-suit-tree-body {
    height:100%;
    min-height:0;
    padding:5px;
    display:flex;
    flex-direction:column;
}
.item-suit-tree-scroll {
    flex:1;
    min-height:0;
    overflow-y:auto;
    overflow-x:hidden;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    padding:5px;
}
.item-suit-tree-scroll .ant-tree {
    pointer-events:auto;
}
.item-suit-tree-scroll .ant-tree-list-holder {
    max-height:none !important;
    overflow:visible !important;
}

@media screen and (max-width:1280px) {
    .item-suit-editor {
        grid-template-columns:minmax(520px, 1fr) minmax(260px, 0.8fr) minmax(260px, 0.8fr);
    }
}

/*App*/
.he-app {position:absolute;top:0;left:0;right:0;bottom:0;overflow:auto;padding:20px;}
.he-app-exam {background-color:#f1f1f1;}
.he-app-departs {display:flex;flex-wrap:wrap;justify-content:flex-start;}
.he-app-departs .item {
    width:42vw;height:120px;margin-right:5vw;margin-bottom:5vw;
    background-color:#fff;border-radius:10px;padding:15px;text-align:center;
}
.he-app-departs .item:nth-of-type(2n) {margin-right:0;}
.he-app-departs .item > .anticon {
    font-size:2rem;width:60px;height:60px;border-radius:50%;padding-top:12px;margin-bottom:10px;
    background-color:#f2bebe;color:#ff6a00;
}
.he-app-departs .item > .name {display:block;font-weight:bold;}

.he-app-exam-form .ant-flex {margin-top:20px;gap:10px;}

.he-app-exam-info {padding:10px 0 60px 0;}
.he-app-exam-info .info, .he-app-exam-info .results {padding:0 20px;}
.he-app-exam-info .line {background-color:#f1f1f1;height:10px;}
.he-app-exam-info .results .name {font-weight:bold;}
.he-app-exam-info .buttons {position:fixed;bottom:0;left:0;right:0;padding:10px;gap:10px;background-color:#fff;}
.he-app-exam-info .ant-input-suffix {width:30px;height:30px;position:absolute;top:0;right:0;justify-content:center;}

.he-app-exam-abnormal .ant-modal-body {padding:20px;}
.he-app-exam-abnormal .ant-form-item-label {font-weight:bold;}
.he-app-abnormals {display:flex;flex-wrap:wrap;}
.he-app-abnormals > span {padding:2px 10px;}

.he-app-pendingjob {padding: 10px 0 60px 0;}