* {
    box-sizing: border-box;
}

html,
body {
    min-width: 1180px;
    margin: 0;
    padding: 0;
    background: #f5f6f7;
    color: #1f2329;
    font-family: -apple-system, "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
    font-size: 14px;
}

a {
    color: #3370ff;
}

.sidebar {
    position: fixed;
    z-index: 20;
    top: 0;
    bottom: 0;
    left: 0;
    width: 200px;
    border-right: 1px solid #e5e6eb;
    background: #fff;
}

.clinic-brand {
    display: block;
    height: 64px;
    padding: 12px 14px;
    color: #1f2329;
    text-decoration: none;
}

.brand-mark {
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: #3370ff;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 36px;
    text-align: center;
    vertical-align: middle;
    /* 白字压在彩色底上时，次像素抗锯齿会呈现彩色重影，改灰度抗锯齿 */
    -webkit-font-smoothing: antialiased;
}

.brand-copy {
    display: inline-block;
    margin-left: 8px;
    vertical-align: middle;
}

/* 租户上传了 logo 时侧栏用图片代替「名称首字」方块；等比缩放，超宽截断 */
.brand-logo {
    display: inline-block;
    height: 36px;
    max-width: 108px;
    border-radius: 8px;
    vertical-align: middle;
}

/* 登录页竖排品牌区的 logo 图片（无图时仍用 brand-mark 方块） */
.login-logo {
    display: block;
    height: 42px;
    max-width: 126px;
    margin: 0 auto;
    border-radius: 10px;
}

.brand-copy strong,
.brand-copy small {
    display: block;
}

.brand-copy strong {
    font-size: 16px;
    font-weight: 600;
}

.brand-copy small {
    margin-top: 3px;
    color: #8f959e;
    font-size: 12px;
}

.side-menu {
    padding: 8px;
}

.menu-item,
.tree-toggle,
.tree-children a {
    display: block;
    width: 100%;
    border: 0;
    border-radius: 6px;
    color: #4e5969;
    font: inherit;
    text-align: left;
    text-decoration: none;
}

.menu-item,
.tree-toggle {
    position: relative;
    height: 40px;
    margin-bottom: 2px;
    padding: 0 10px;
    background: transparent;
    line-height: 40px;
    cursor: pointer;
}

.menu-item:hover,
.tree-toggle:hover,
.tree-children a:hover {
    background: #f2f3f5;
    color: #1f2329;
}

.menu-item.active,
.tree-toggle.active,
.tree-children a.active {
    background: #e8f0ff;
    color: #245bdb;
    font-weight: bold;
}

.menu-icon {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 6px;
    border-radius: 6px;
    background: #f0f2f5;
    color: #596577;
    font-size: 12px;
    font-weight: bold;
    line-height: 22px;
    text-align: center;
    vertical-align: middle;
}

.active > .menu-icon,
.menu-item.active .menu-icon,
.tree-toggle.active .menu-icon {
    background: #dbe7ff;
    color: #245bdb;
}

.tree-arrow {
    position: absolute;
    top: 0;
    right: 8px;
    font-size: 18px;
    -webkit-transition: -webkit-transform 0.16s;
    transition: transform 0.16s;
}

.menu-tree.open .tree-arrow {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.tree-children {
    display: none;
    padding: 2px 0 6px 36px;
}

.menu-tree.open > .tree-children {
    display: block;
}

.tree-children a {
    margin: 2px 0;
    padding: 7px 10px;
    font-size: 14px;
    line-height: 20px;
}

.menu-tree.muted {
    margin-top: 8px;
    border-top: 1px solid #eff0f1;
    padding-top: 8px;
    opacity: 0.58;
}

.tree-toggle.static {
    cursor: default;
}

.coming-soon {
    position: absolute;
    right: 10px;
    color: #8f959e;
    font-size: 12px;
}

.sidebar-footer {
    position: absolute;
    right: 0;
    bottom: 20px;
    left: 0;
    color: #a2a8b0;
    font-size: 12px;
    text-align: center;
}

.workspace {
    min-height: 100vh;
    margin-left: 200px;
}

.workspace-header {
    position: fixed;
    z-index: 10;
    top: 0;
    right: 0;
    left: 200px;
    height: 64px;
    border-bottom: 1px solid #e5e6eb;
    background: #fff;
}

.header-copy {
    float: left;
    padding: 11px 28px;
}

.header-copy strong,
.header-copy span {
    display: block;
}

.header-copy strong {
    font-size: 16px;
    font-weight: 600;
}

.header-copy span {
    margin-top: 4px;
    color: #8f959e;
    font-size: 12px;
}

.user-menu {
    position: relative;
    float: right;
    margin: 13px 28px 0 0;
}

.user-chip {
    display: block;
    height: 36px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #4e5969;
    line-height: 36px;
    cursor: pointer;
}

.user-chip .user-avatar,
.user-chip span {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin-right: 7px;
    border-radius: 50%;
    background: #e8f0ff;
    color: #245bdb;
    font-weight: bold;
    line-height: 34px;
    text-align: center;
    vertical-align: middle;
}

.user-chip em {
    display: inline-block;
    font-style: normal;
    vertical-align: middle;
}

.user-menu-drop {
    display: none;
    position: absolute;
    z-index: 40;
    top: 44px;
    right: 0;
    width: 180px;
    padding: 8px 0;
    border: 1px solid #dee0e3;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 20px rgba(31, 35, 41, 0.12);
}

.user-menu.open .user-menu-drop {
    display: block;
}

.user-menu-meta {
    padding: 8px 14px 10px;
    border-bottom: 1px solid #f0f1f3;
}

.user-menu-meta strong,
.user-menu-meta span {
    display: block;
}

.user-menu-meta strong {
    color: #1f2329;
    font-size: 14px;
    line-height: 22px;
}

.user-menu-meta span {
    margin-top: 2px;
    color: #8f959e;
    font-size: 12px;
    line-height: 18px;
}

.user-menu-item {
    display: block;
    width: 100%;
    padding: 10px 14px;
    border: 0;
    background: transparent;
    color: #1f2329;
    font: inherit;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}

.user-menu-item:hover {
    background: #f5f6f7;
}

.page {
    min-width: 940px;
    max-width: 1480px;
    margin: 0 auto;
    padding: 92px 30px 40px;
}

.page-heading {
    overflow: hidden;
    margin-bottom: 18px;
}

.page-heading > div {
    float: left;
}

.page-heading h1 {
    float: none;
}

.page-heading > .button {
    float: right;
}

h1 {
    margin: 0;
    color: #1f2329;
    font-size: 20px;
    font-weight: 600;
}

.page-description {
    margin: 6px 0 0;
    color: #8f959e;
    font-size: 12px;
}

.button {
    display: inline-block;
    min-width: 72px;
    padding: 8px 16px;
    border: 1px solid #c9cdd4;
    border-radius: 6px;
    background: #fff;
    color: #1f2329;
    font: inherit;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: background 0.15s, border-color 0.15s;
    transition: background 0.15s, border-color 0.15s;
}

.button:hover {
    border-color: #3370ff;
    color: #245bdb;
}

.button.primary {
    border-color: #3370ff;
    background: #3370ff;
    color: #fff;
}

.button.primary:hover {
    border-color: #245bdb;
    background: #245bdb;
}

.button.light {
    background: #f5f6f7;
}

.button.large {
    margin-right: 10px;
    padding: 11px 21px;
    font-size: 16px;
}

.button.loading,
.button:disabled {
    cursor: default;
    opacity: 0.65;
}

.notice {
    display: table;
    width: 100%;
    margin-bottom: 18px;
    padding: 12px 16px;
    border: 1px solid;
    border-radius: 7px;
    font-size: 14px;
}

.notice > * {
    display: table-cell;
    vertical-align: top;
}

.notice.success {
    border-color: #b7ebc6;
    background: #f0fff4;
    color: #207a3c;
}

.notice.error {
    border-color: #f5b7b7;
    background: #fff2f2;
    color: #a62020;
}

.notice-icon {
    width: 26px;
    font-weight: bold;
}

/* 建档成功「去开单」条（9-16 试跑 §2）：文字与按钮同行，按钮靠右垂直居中 */
.go-prescribe-bar > span {
    vertical-align: middle;
}

.go-prescribe-bar .inline-form {
    width: 240px;
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
}

.go-prescribe-bar .inline-form .button {
    margin-left: 12px;
}

.toast {
    position: fixed;
    z-index: 200;
    top: 80px;
    left: 50%;
    width: 360px;
    margin-left: -180px;
    padding: 10px 16px;
    overflow: hidden;
    border: 1px solid #dee0e3;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(31, 35, 41, 0.12);
    color: #1f2329;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
}

.login-body .toast {
    top: 24px;
}

.toast-dot {
    float: left;
    width: 8px;
    height: 8px;
    margin: 7px 10px 0 0;
    border-radius: 50%;
}

.toast-success {
    border: 1px solid #d9f5d6;
}

.toast-success .toast-dot {
    background: #34c724;
}

.toast-error {
    border: 1px solid #fcdad7;
}

.toast-error .toast-dot {
    background: #f54a45;
}

/* ===== 搜索/筛选栏：所有按钮与输入框在同一水平线、同高 ===== */
.filter-bar {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 14px;
    padding: 10px 14px;
    border: 1px solid #e5e6eb;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(31, 35, 41, 0.03);
}

.filter-bar input[type="text"],
.filter-bar select {
    height: 34px;
    padding: 5px 10px;
    border: 1px solid #dee0e3;
    border-radius: 6px;
    font-size: 13px;
    margin-right: 8px;
    box-sizing: border-box;
}

.filter-bar input[type="text"] {
    -webkit-flex: 0 1 220px;
    flex: 0 1 220px;
}

.filter-bar .button {
    height: 34px;
    padding: 5px 14px;
    font-size: 13px;
    line-height: 22px;
    margin-right: 6px;
}

.filter-bar .filter-actions {
    margin-left: auto;
    white-space: nowrap;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

.filter-bar .filter-actions .button {
    margin-right: 0;
    margin-left: 8px;
}

/* filter-field（带 label 的筛选项）：label 与输入同行 */
.filter-bar .filter-field {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin-right: 8px;
}

.filter-bar .filter-field label {
    margin-right: 6px;
    color: #4e5969;
    font-size: 13px;
    white-space: nowrap;
}
.filter-bar .filter-check {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin: 0 8px;
    color: #4e5969;
    font-size: 13px;
    white-space: nowrap;
}

.filter-bar .filter-check input[type="checkbox"] {
    margin-right: 4px;
}




.data-table.edit-table .col-action-wide {
    width: 160px;
}

.status-tag {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 20px;
}

.status-tag.is-on {
    background: #e8f5e9;
    color: #2e7d32;
}

.status-tag.is-off {
    background: #f5f5f5;
    color: #8f959e;
}

.checkbox-label {
    display: inline-block;
    margin: 0 16px 9px 0;
    color: #4e5969;
    font-size: 14px;
    white-space: nowrap;
    vertical-align: bottom;
}

.summary {
    margin: 13px 2px;
    color: #8f959e;
    font-size: 13px;
}

.table-card {
    overflow: hidden;
    border: 1px solid #e5e6eb;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(31, 35, 41, 0.04);
}

.table-panel {
    overflow: hidden;
    margin-bottom: 18px;
    border: 1px solid #e5e6eb;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(31, 35, 41, 0.04);
}

.table-panel-head {
    overflow: hidden;
    padding: 16px 20px 12px;
    border-bottom: 1px solid #eff0f1;
}

.table-panel-head > div {
    float: left;
}

.table-panel-head h2 {
    margin: 0;
    color: #1f2329;
    font-size: 16px;
    font-weight: 600;
}

.table-panel-head p {
    margin: 6px 0 0;
    color: #8f959e;
    font-size: 12px;
}

.table-panel-head > .button,
.table-panel-actions {
    float: right;
}

.table-panel-actions .button {
    margin-left: 8px;
}

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

.data-table th,
.data-table td {
    padding: 14px 16px;
    border-bottom: 1px solid #f0f1f2;
    text-align: left;
    vertical-align: middle;
}

.data-table th {
    background: #f5f6f7;
    color: #646a73;
    font-size: 13px;
    font-weight: 500;
}

.data-table td {
    color: #1f2329;
    font-size: 14px;
}

.data-table tbody tr:hover {
    background: #f8f9fb;
}

.data-table tbody tr:last-child td {
    border-bottom: 0;
}

.data-table .actions-column,
.data-table td.actions {
    white-space: nowrap;
}

.data-table .empty {
    color: #8f959e;
    text-align: center;
}

.table-link {
    display: inline-block;
    margin-right: 12px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #3370ff;
    font: inherit;
    font-size: 14px;
    line-height: 22px;
    text-decoration: none;
    cursor: pointer;
}

.table-link:hover {
    color: #245bdb;
}

.table-link.danger {
    color: #d83931;
}

.inline-form {
    display: inline;
}

.data-table .actions-column {
    width: 230px;
}

.drug-name {
    color: #1f2329;
    font-weight: 600;
}

a.drug-name {
    text-decoration: none;
}

a.drug-name:hover {
    color: #3370ff;
}

tr.js-row-link {
    cursor: pointer;
}

.muted-text {
    color: #8f959e;
    font-size: 12px;
}

.stock-qty-lines {
    line-height: 1.5;
}

.stock-qty-loose {
    color: #4e5969;
    font-size: 13px;
    margin-top: 2px;
}

.stock-qty-lines > div {
    display: block;
}

.actions {
    white-space: nowrap;
}

.actions a,
.link-button {
    margin-right: 12px;
    color: #3370ff;
    font-size: 13px;
    text-decoration: none;
}

.actions a:hover,
.link-button:hover {
    color: #245bdb;
    text-decoration: underline;
}

.actions form {
    display: inline;
}

.link-button {
    padding: 0;
    border: 0;
    background: transparent;
    font-family: inherit;
    cursor: pointer;
}

.expired-row {
    background: #fff0f0;
}

.expiring-row {
    background: #fff8e8;
}

.inactive-row {
    background: #f7f8fa;
    color: #8f959e;
}

.low-stock {
    color: #d46b08;
    font-weight: bold;
}

.tag {
    display: inline-block;
    margin-left: 6px;
    padding: 2px 7px;
    border-radius: 10px;
    background: #eff0f1;
    color: #646a73;
    font-size: 11px;
    font-weight: normal;
}

.tag.type-tcm {
    background: #e8f7ed;
    color: #237b4b;
}

.tag.type-western {
    background: #e8f0ff;
    color: #245bdb;
}

.tag.type-patent {
    background: #f3e8ff;
    color: #6b21a8;
}

.tag-reject {
    margin-left: 0;
    background: #fff1f0;
    color: #c92a2a;
}

.empty {
    padding: 55px !important;
    color: #8f959e;
    text-align: center !important;
}

.pagination {
    margin: 20px 0;
    color: #646a73;
    font-size: 14px;
    text-align: center;
}

.pagination a,
.pagination span {
    display: inline-block;
    margin: 0 4px;
    padding: 7px 12px;
}

.pagination a {
    border: 1px solid #d9dce1;
    border-radius: 5px;
    background: #fff;
    color: #4e5969;
    text-decoration: none;
}

.form-layout {
    display: table;
    width: 100%;
}

.form-main,
.form-aside {
    display: table-cell;
    vertical-align: top;
}

.form-main {
    padding-right: 22px;
}

.form-aside {
    width: 285px;
}

.form-card,
.drug-summary,
.info-card,
.dashboard-card {
    border: 1px solid #e5e6eb;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(31, 35, 41, 0.04);
}

.form-card {
    padding: 26px 30px;
}

.drug-form {
    max-width: 1040px;
}

.form-columns {
    overflow: hidden;
}

.form-column {
    float: left;
    width: 48%;
    margin-right: 4%;
}

.form-column + .form-column {
    margin-right: 0;
}

.form-group {
    margin-bottom: 18px;
}

.form-group > label {
    display: block;
    margin-bottom: 6px;
    color: #1f2329;
    font-size: 14px;
}

.form-group input[type="text"],
.form-group input[type="password"],
.form-group input[type="number"],
.form-group input[type="date"],
.form-group select,
.form-group textarea {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #c9cdd4;
    border-radius: 5px;
    background: #fff;
    font: inherit;
    font-size: 14px;
    outline: none;
}

.form-group input[type="text"],
.form-group input[type="password"],
.form-group input[type="number"],
.form-group input[type="date"],
.form-group select {
    height: 40px;
}

.form-group textarea {
    resize: vertical;
}

.select-clearable {
    position: relative;
}

.select-clearable select {
    padding-right: 32px;
    -webkit-appearance: none;
    appearance: none;
    background: #fff;
}

.select-clearable:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 12px;
    width: 0;
    height: 0;
    margin-top: -2px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #646a73;
    pointer-events: none;
}

.select-clearable.has-value:after {
    display: none;
}

.select-clear {
    display: none;
    position: absolute;
    top: 50%;
    right: 8px;
    z-index: 1;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #8f959e;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    cursor: pointer;
}

.select-clearable.has-value .select-clear {
    display: block;
}

.select-clear:hover {
    background: #e5e6eb;
    color: #1f2329;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
    border-color: #3370ff;
    box-shadow: 0 0 0 2px #e8f0ff;
}

.form-group .checkbox-line {
    margin-top: 28px;
    cursor: pointer;
}

.form-group .checkbox-line input {
    width: auto;
    height: auto;
    margin-right: 7px;
}

.type-fields {
    display: none;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #eff0f1;
}

.type-fields.is-visible {
    display: block;
}

.form-section-title {
    margin: 0 0 24px;
    padding-bottom: 14px;
    border-bottom: 1px solid #eff0f1;
    font-size: 16px;
    font-weight: 600;
}

.form-row {
    margin-bottom: 20px;
}

.form-row > label {
    display: inline-block;
    width: 170px;
    padding-top: 8px;
    color: #4e5969;
    font-size: 14px;
    vertical-align: top;
}

.form-control {
    display: inline-block;
    width: 420px;
}

.form-row input,
.form-row select,
.form-row textarea {
    width: 100%;
    padding: 9px 11px;
    border: 1px solid #c9cdd4;
    border-radius: 5px;
    background: #fff;
    font: inherit;
    font-size: 14px;
    outline: none;
}

.form-row input,
.form-row select {
    height: 40px;
}

.form-row input:focus,
.form-row select:focus,
.form-row textarea:focus {
    border-color: #3370ff;
    box-shadow: 0 0 0 2px #e8f0ff;
}

.form-row textarea {
    resize: vertical;
}

.field-help {
    display: block;
    margin-top: 6px;
    color: #8f959e;
    font-size: 12px;
}

.required {
    color: #f54a45 !important;
    margin-left: 2px;
}

.input-with-unit {
    display: table;
    width: 100%;
}

.input-with-unit input,
.input-with-unit .field-unit {
    display: table-cell;
}

.input-with-unit .field-unit {
    width: 55px;
    padding-left: 10px;
    color: #646a73;
    vertical-align: middle;
}

.form-actions {
    margin: 28px 0 0 174px;
    padding-top: 20px;
    border-top: 1px solid #eff0f1;
}

.form-actions .button {
    margin-right: 8px;
}

.form-actions-left {
    margin-left: 0;
}

.drug-summary {
    margin-bottom: 18px;
    padding: 18px 22px;
}

.drug-summary strong {
    margin-right: 12px;
    font-size: 16px;
}

.drug-summary span {
    margin-right: 24px;
    color: #646a73;
    font-size: 14px;
}

.info-card {
    padding: 20px;
}

.info-card h3 {
    margin: 0 0 14px;
    font-size: 16px;
    font-weight: 600;
}

.info-card p {
    margin: 8px 0;
    color: #646a73;
    font-size: 13px;
    line-height: 1.7;
}

.quantity-in {
    color: #00a870;
    font-weight: bold;
}

.quantity-out {
    color: #f54a45;
    font-weight: bold;
}

.quantity-adjust {
    color: #646a73;
    font-weight: bold;
}

.dashboard-welcome {
    overflow: hidden;
    margin-bottom: 22px;
    padding: 26px 28px;
    border-radius: 10px;
    background: #3370ff;
    color: #fff;
}

.dashboard-welcome h1 {
    color: #fff;
}

.dashboard-welcome p {
    margin-bottom: 0;
    color: #dbe7ff;
}

.dashboard-card {
    display: inline-block;
    width: 320px;
    min-height: 165px;
    margin: 0 16px 16px 0;
    padding: 22px;
    vertical-align: top;
}

.dashboard-card h2 {
    margin: 0 0 10px;
    font-size: 16px;
    font-weight: 600;
}

.dashboard-card p {
    min-height: 44px;
    color: #646a73;
    font-size: 14px;
    line-height: 1.6;
}

.dashboard-card .card-link {
    color: #3370ff;
    font-size: 14px;
    text-decoration: none;
}

.page-heading > .button {
    margin-left: 8px;
}

.patient-form {
    max-width: 900px;
}

.duplicate-card {
    margin-bottom: 18px;
    padding: 18px 20px;
    border: 1px solid #ffd591;
    border-radius: 8px;
    background: #fffbe6;
}

.duplicate-card h3 {
    margin: 0 0 6px;
    color: #ad6800;
    font-size: 16px;
}

.duplicate-card p {
    margin: 0 0 12px;
    color: #646a73;
    font-size: 13px;
}

.duplicate-person {
    margin-top: 8px;
    padding: 10px 12px;
    border-radius: 5px;
    background: #fff;
}

.duplicate-person span,
.duplicate-person a {
    margin-left: 18px;
    font-size: 13px;
}

.patient-profile {
    display: table;
    width: 100%;
    margin-bottom: 24px;
    border: 1px solid #e5e6eb;
    border-radius: 8px;
    background: #fff;
}

.profile-item {
    display: table-cell;
    width: 25%;
    padding: 18px 20px;
    border-right: 1px solid #eff0f1;
}

.profile-item:last-child {
    border-right: 0;
}

.profile-address {
    width: 50%;
}

.profile-item span,
.profile-item strong {
    display: block;
}

.profile-item span {
    margin-bottom: 7px;
    color: #8f959e;
    font-size: 12px;
}

.profile-item strong {
    font-size: 14px;
    font-weight: 500;
}

.section-heading {
    overflow: hidden;
    margin: 22px 0 12px;
}

.section-heading h2 {
    float: left;
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}

.section-heading span {
    float: left;
    margin: 4px 0 0 10px;
    color: #8f959e;
    font-size: 12px;
}

#template-form .section-heading h2 {
    line-height: 38px;
}

#template-form .section-heading .table-panel-actions {
    margin-top: 0;
}

#template-form .section-heading .table-panel-actions .button {
    vertical-align: top;
}

.timeline-card {
    padding: 8px 20px;
    border: 1px solid #e5e6eb;
    border-radius: 8px;
    background: #fff;
}

.timeline-item {
    position: relative;
    display: block;
    min-height: 62px;
    padding: 18px 12px 16px 25px;
    border-bottom: 1px solid #eff0f1;
    color: #1f2329;
    text-decoration: none;
}

.timeline-item:last-child {
    border-bottom: 0;
}

.timeline-item:hover {
    background: #f7f9fc;
}

.timeline-dot {
    position: absolute;
    top: 25px;
    left: 5px;
    width: 8px;
    height: 8px;
    border: 2px solid #3370ff;
    border-radius: 50%;
    background: #fff;
}

.timeline-date {
    display: inline-block;
    width: 145px;
    color: #646a73;
    font-size: 13px;
}

.timeline-summary {
    display: inline-block;
    overflow: hidden;
    width: 42%;
    margin-left: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.timeline-doctor {
    float: right;
    color: #8f959e;
    font-size: 13px;
}

.previous-record {
    margin-bottom: 16px;
    padding: 15px 18px;
    border: 1px solid #bacefd;
    border-radius: 8px;
    background: #f2f6ff;
}

.previous-title {
    margin-bottom: 8px;
    color: #245bdb;
    font-size: 13px;
    font-weight: bold;
}

.previous-content span {
    margin-right: 24px;
    font-size: 13px;
}

.previous-content a {
    float: right;
    font-size: 13px;
}

.record-form > .form-card {
    margin-bottom: 16px;
}

.record-type-options {
    white-space: nowrap;
}

.record-type-option {
    display: inline-block;
    width: 30%;
    margin-right: 2%;
    padding: 15px 16px;
    border: 1px solid #dee0e3;
    border-radius: 7px;
    cursor: pointer;
    white-space: normal;
    vertical-align: top;
}

.record-type-option:hover {
    border-color: #3370ff;
    background: #f7f9ff;
}

.record-type-option.selected {
    border-color: #3370ff;
    background: #eef4ff;
}

.record-type-option input {
    float: left;
    margin: 4px 10px 0 0;
}

.record-type-option strong,
.record-type-option span {
    display: block;
    margin-left: 25px;
}

.record-type-option span {
    margin-top: 5px;
    color: #8f959e;
    font-size: 12px;
}

.record-type-fields {
    display: none;
}

.record-grid {
    overflow: hidden;
}

.record-wide {
    width: 100%;
}

.record-half {
    float: left;
    width: 48%;
    margin-right: 4%;
}

.record-half.last {
    margin-right: 0;
}

.record-submit {
    padding: 6px 0 20px;
}

.record-submit > span {
    margin-left: 12px;
    color: #8f959e;
    font-size: 12px;
}

.record-meta {
    margin-bottom: 16px;
    padding: 14px 18px;
    border: 1px solid #e5e6eb;
    border-radius: 8px;
    background: #fff;
}

.record-meta span,
.record-meta strong {
    margin-right: 14px;
}

.record-meta > span:first-child {
    color: #8f959e;
    font-size: 13px;
}

.record-detail-card {
    overflow: hidden;
    margin-bottom: 16px;
    padding: 22px 24px;
    border: 1px solid #e5e6eb;
    border-radius: 8px;
    background: #fff;
}

.record-detail-card h2 {
    margin: 0 0 18px;
    padding-bottom: 12px;
    border-bottom: 1px solid #eff0f1;
    font-size: 16px;
    font-weight: 600;
}

.record-detail-row {
    float: left;
    width: 48%;
    min-height: 78px;
    margin-right: 2%;
}

.record-detail-row.wide {
    float: none;
    width: 100%;
    min-height: 0;
    margin-bottom: 18px;
}

.record-detail-row span {
    display: block;
    margin-bottom: 6px;
    color: #8f959e;
    font-size: 12px;
}

.record-detail-row p {
    margin: 0;
    line-height: 1.7;
    white-space: pre-wrap;
}

.checkbox-group {
    padding-top: 9px;
}

.compact-field {
    width: 48%;
}

.price-change-title {
    margin-top: 24px;
}

.price-adjust-card {
    margin-top: 24px;
    padding: 18px 20px 8px;
    border: 1px solid #c9d6f5;
    border-radius: 8px;
    background: #f7f9ff;
}

.price-adjust-card .form-section-title {
    margin-top: 0;
}

.price-adjust-note {
    margin: -4px 0 16px;
    color: #3370ff;
    font-size: 13px;
}

.price-adjust-history-title {
    margin: 8px 0 10px;
    color: #1f2329;
    font-size: 15px;
    font-weight: 600;
}

.common-tag {
    background: #fff2cc;
    color: #ad6800;
}

.rx-tag {
    background: #fce8e6;
    color: #c01c28;
}

.success-tag {
    background: #e8f8e5;
    color: #1fa313;
}

.warning-tag {
    background: #fff1cc;
    color: #ad6800;
}

.danger-tag {
    background: #ffe7e7;
    color: #b42318;
}

.muted-tag {
    background: #f2f3f5;
    color: #646a73;
}

.order-header-fields {
    display: table;
    width: 100%;
    margin-bottom: 18px;
}

.order-header-fields .form-group {
    display: table-cell;
    width: 210px;
    padding-right: 16px;
    vertical-align: bottom;
}

.order-header-fields .order-note {
    width: auto;
    padding-right: 0;
}

.order-header-fields select:disabled {
    border-color: #d9dce1;
    background: #f2f3f5;
    color: #646a73;
    cursor: not-allowed;
    opacity: 1;
}

.stock-order-form {
    max-width: none;
}

.table-card.stock-order-table {
    overflow: visible;
}

.stock-order-table > .data-table > thead > tr > th:first-child,
.stock-order-table > .data-table > tbody > tr > td:first-child {
    min-width: 280px;
}

.stock-order-table input,
.stock-order-table select {
    width: 100%;
    min-width: 88px;
    height: 36px;
    padding: 6px 8px;
    border: 1px solid #c9cdd4;
    border-radius: 5px;
    background: #fff;
    font: inherit;
    font-size: 13px;
}

.stock-order-table .row-drug-search {
    margin-bottom: 0;
}

.drug-search-cell {
    position: relative;
}

.stock-item-row.search-open .drug-search-cell {
    z-index: 30;
}

.drug-autocomplete {
    position: relative;
}

.drug-search-dropdown {
    position: absolute;
    z-index: 40;
    top: 39px;
    left: 0;
    display: none;
    width: 520px;
    overflow: hidden;
    border: 1px solid #c9cdd4;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(31, 35, 41, 0.16);
}

.drug-search-dropdown.is-fixed,
.drug-search-dropdown.is-parked {
    position: fixed;
    right: auto;
    z-index: 1200;
}

.drug-search-head-wrap {
    overflow: hidden;
    padding-right: 17px;
    background: #f7f8fa;
    border-bottom: 1px solid #e5e6eb;
}

.drug-search-results {
    max-height: 240px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.drug-search-table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

.drug-search-col-name {
    width: 38%;
}

.drug-search-col-spec {
    width: 37%;
}

.drug-search-col-maker {
    width: 22%;
}

.drug-search-col-type {
    width: 25%;
}

.tpl-items-table .drug-search-dropdown,
.drug-search-dropdown.is-tpl-drop {
    width: 640px;
}

.tpl-items-table .drug-search-col-name,
.drug-search-dropdown.is-tpl-drop .drug-search-col-name {
    width: 28%;
}

.tpl-items-table .drug-search-col-spec,
.drug-search-dropdown.is-tpl-drop .drug-search-col-spec {
    width: 26%;
}

.tpl-items-table .drug-search-col-maker,
.drug-search-dropdown.is-tpl-drop .drug-search-col-maker {
    width: 28%;
}

.tpl-items-table .drug-search-col-type,
.drug-search-dropdown.is-tpl-drop .drug-search-col-type {
    width: 18%;
}

/* 模板行规格/厂家 meta：常驻固定高度（未选中时也预留），选中前后行高一致不变形 */
.tpl-drug-meta {
    display: block;
    min-height: 17px;
    margin-top: 2px;
    overflow: hidden;
    color: #8f959e;
    font-size: 12px;
    line-height: 17px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tpl-dx-field {
    position: relative;
}

.tpl-dx-field .dx-dropdown {
    z-index: 50;
}

.tpl-table-block {
    margin-top: 4px;
}

.tpl-table-head-wrap {
    overflow: hidden;
    border: 1px solid #e5e6eb;
    border-bottom: 0;
    border-radius: 6px 6px 0 0;
    background: #f5f6f7;
}

.tpl-table-body-wrap {
    max-height: 420px;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #e5e6eb;
    border-radius: 0 0 6px 6px;
    background: #fff;
}

.tpl-table-head-wrap .tpl-items-table,
.tpl-table-body-wrap .tpl-items-table {
    margin: 0;
    table-layout: fixed;
}

.tpl-table-head-wrap .tpl-items-table th {
    border-bottom: 0;
}

.tpl-col-drug {
    width: 46%;
}

.tpl-col-dose,
.tpl-col-unit {
    width: 18%;
}

.tpl-col-act {
    width: 88px;
}

#template-form.is-wm-tpl .tpl-col-drug {
    width: 22%;
}

#template-form.is-wm-tpl .tpl-col-usage,
#template-form.is-wm-tpl .tpl-col-freq {
    width: 12%;
}

#template-form.is-wm-tpl .tpl-col-dose,
#template-form.is-wm-tpl .tpl-col-days,
#template-form.is-wm-tpl .tpl-col-qty {
    width: 8%;
}

#template-form.is-wm-tpl .tpl-col-dose-unit,
#template-form.is-wm-tpl .tpl-col-qty-unit {
    width: 10%;
}

th.tpl-wm-col,
td.tpl-wm-col,
col.tpl-wm-col {
    display: none;
}

#template-form.is-wm-tpl th.tpl-wm-col,
#template-form.is-wm-tpl td.tpl-wm-col {
    display: table-cell;
}

#template-form.is-wm-tpl col.tpl-wm-col {
    display: table-column;
}

#template-form.is-wm-tpl th.tpl-tcm-col,
#template-form.is-wm-tpl td.tpl-tcm-col,
#template-form.is-wm-tpl col.tpl-tcm-col {
    display: none;
}

.tpl-items-table select,
.tpl-items-table .tpl-days,
.tpl-items-table .tpl-qty,
.tpl-items-table .tpl-dosage {
    width: 100%;
    max-width: 110px;
    /* 与药品检索框、删除按钮统一 36px，行内控件同高 */
    height: 36px;
    box-sizing: border-box;
}

.tpl-items-table .tpl-usage,
.tpl-items-table .tpl-freq {
    max-width: 120px;
}

.tpl-items-table .stock-item-row.search-open .drug-search-cell {
    z-index: 40;
}

.stock-order-table .drug-search-table th,
.stock-order-table .drug-search-table td,
.drug-search-dropdown .drug-search-table th,
.drug-search-dropdown .drug-search-table td {
    min-width: 0;
    padding: 8px 10px;
    overflow: hidden;
    border-bottom: 0;
    background: transparent;
    color: inherit;
    font-size: inherit;
    font-weight: normal;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.stock-order-table .drug-search-table th,
.drug-search-dropdown .drug-search-table th {
    color: #8f959e;
    font-size: 12px;
}

.stock-order-table .drug-search-option,
.drug-search-dropdown .drug-search-option {
    cursor: pointer;
}

.stock-order-table .drug-search-option td,
.drug-search-dropdown .drug-search-option td {
    border-bottom: 1px solid #eff0f1;
    color: #1f2329;
    font-size: 13px;
}

.stock-order-table .drug-search-option td:nth-child(2),
.drug-search-dropdown .drug-search-option td:nth-child(2) {
    color: #646a73;
}

.stock-order-table .drug-search-option td:last-child,
.drug-search-dropdown .drug-search-option td:last-child {
    color: #8f959e;
}

.stock-order-table .drug-search-option:hover,
.stock-order-table .drug-search-option.active,
.drug-search-dropdown .drug-search-option:hover,
.drug-search-dropdown .drug-search-option.active {
    background: #eef4ff;
}

.drug-search-empty {
    display: none;
    padding: 28px 12px;
    color: #8f959e;
    font-size: 13px;
    text-align: center;
}

.stock-order-table > .data-table > tbody > tr > td:nth-child(2) {
    width: 110px;
}

.stock-order-table > .data-table > tbody > tr > td:nth-child(3) {
    width: 95px;
}

.stock-order-table > .data-table > tbody > tr > td:nth-child(4) {
    width: 135px;
}

.stock-order-table > .data-table > tbody > tr > td:nth-child(5) {
    width: 145px;
}

.stock-order-table > .data-table > tbody > tr > td:nth-child(6) {
    width: 150px;
}

.stock-order-form:not([data-purchase-order="true"]) .js-price-col {
    display: none;
}

.stock-order-table > .data-table > tbody > tr > td.price-unit-cell {
    width: 90px;
    color: #646a73;
    white-space: nowrap;
}

.price-adjust-table > .data-table > tbody > tr > td:nth-child(2) {
    width: 140px;
}

.price-adjust-table > .data-table > tbody > tr > td:nth-child(3),
.price-adjust-table > .data-table > tbody > tr > td:nth-child(4) {
    width: 110px;
    color: #646a73;
    white-space: nowrap;
}

.price-adjust-table > .data-table > tbody > tr > td:nth-child(5) {
    width: 140px;
}

.price-adjust-table > .data-table > tbody > tr > td:nth-child(6) {
    width: 72px;
}

.price-adjust-table .row-drug-type {
    margin-top: 4px;
    font-size: 12px;
}

.hidden-template {
    display: none;
}

.order-actions {
    margin-top: 20px;
}

.order-actions .button {
    margin-right: 10px;
}

.order-actions .confirm-action {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

.reject-order-form input {
    width: 220px;
    height: 36px;
    margin-right: 8px;
    padding: 6px 8px;
    border: 1px solid #c9cdd4;
    border-radius: 5px;
    font: inherit;
    font-size: 13px;
    vertical-align: middle;
}

.order-actions .button.primary {
    float: right;
}

.order-actions > span {
    color: #8f959e;
    font-size: 12px;
}

.order-summary {
    display: table;
    width: 100%;
    margin-bottom: 18px;
    border: 1px solid #e5e6eb;
    border-radius: 8px;
    background: #fff;
}

.order-summary > span {
    display: table-cell;
    padding: 15px 18px;
    border-right: 1px solid #eff0f1;
    color: #8f959e;
    font-size: 12px;
}

.order-summary > span:last-child {
    border-right: 0;
}

.order-summary strong {
    display: block;
    margin-top: 6px;
    color: #1f2329;
    font-size: 14px;
    font-weight: 500;
}

.form-group .readonly-price-input:disabled,
.form-group .readonly-input:disabled,
.form-group .readonly-input[readonly] {
    pointer-events: none;
    background: #f2f3f5 !important;
    color: #8f959e !important;
    cursor: not-allowed;
    opacity: 1;
    border-color: #d9dce1;
}

.price-field-heading {
    overflow: hidden;
    margin-bottom: 7px;
}

.price-field-heading label {
    float: left;
    color: #4e5969;
    font-size: 14px;
}

.price-trend-text-button {
    float: right;
    padding: 0;
    border: 0;
    background: transparent;
    color: #3370ff;
    font: inherit;
    font-size: 13px;
    line-height: 20px;
    cursor: pointer;
}

.price-trend-text-button:hover {
    color: #245bdb;
    text-decoration: underline;
}

.modal-open {
    overflow: hidden;
}

.modal-overlay {
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow-y: auto;
    padding: 70px 0;
    background: rgba(31, 35, 41, 0.52);
}

.modal-card {
    width: 900px;
    margin: 0 auto;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 12px 40px rgba(31, 35, 41, 0.2);
}

.modal-header {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid #e5e6eb;
}

.modal-header h2 {
    margin: 0;
    color: #1f2329;
    font-size: 16px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.modal-header p {
    margin: 4px 0 0;
    color: #8f959e;
    font-size: 12px;
}

.modal-close {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    margin-left: 12px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #646a73;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    cursor: pointer;
}

.modal-close:hover {
    background: #f2f3f5;
}

.modal-header h2 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}

.modal-header p {
    margin: 6px 0 0;
    color: #8f959e;
    font-size: 13px;
}

.modal-footer {
    padding: 12px 24px;
    border-top: 1px solid #e5e6eb;
    text-align: right;
}

.modal-footer .button {
    margin-left: 8px;
}

.modal-close {
    display: block;
    position: absolute;
    top: 16px;
    right: 20px;
    width: 34px;
    height: 34px;
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #646a73;
    font-size: 22px;
    line-height: 34px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

a.modal-close,
a.modal-close:visited,
a.modal-close:hover {
    color: #646a73;
    text-decoration: none;
}

.modal-close:hover {
    background: #f2f3f5;
}

.modal-body {
    padding: 22px 24px 26px;
}

.price-trend-chart {
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid #eff0f1;
    border-radius: 7px;
    background: #fafbfc;
}

.price-trend-chart svg {
    display: block;
}

.trend-grid-line {
    stroke: #e5e6eb;
    stroke-width: 1;
}

.trend-line {
    fill: none;
    stroke: #3370ff;
    stroke-width: 3;
    stroke-linejoin: round;
    stroke-linecap: round;
}

.trend-point {
    fill: #fff;
    stroke: #3370ff;
    stroke-width: 3;
}

.trend-axis-text {
    fill: #8f959e;
    font-size: 11px;
}

.empty-chart {
    margin-bottom: 18px;
    padding: 60px 20px;
    border: 1px dashed #d9dce1;
    border-radius: 7px;
    background: #fafbfc;
    color: #8f959e;
    text-align: center;
}

.price-history-table {
    max-height: 280px;
    overflow-y: auto;
}

.drug-picker-card {
    width: 760px;
}

.drug-picker-toolbar {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-bottom: 8px;
}

.drug-picker-search-wrap,
.drug-picker-filter-wrap {
    display: table-cell;
    vertical-align: middle;
}

.drug-picker-search-wrap {
    width: 70%;
    padding-right: 10px;
}

.drug-picker-filter-wrap {
    width: 30%;
}

.drug-picker-search-wrap input,
.drug-picker-filter-wrap select {
    width: 100%;
    height: 32px;
    padding: 4px 8px;
    border: 1px solid #c9cdd4;
    border-radius: 5px;
    background: #fff;
    font: inherit;
    font-size: 13px;
}

.drug-picker-count {
    margin: 0 0 8px;
    color: #646a73;
    font-size: 12px;
}

.drug-picker-table-wrap {
    clear: both;
    overflow: hidden;
    border: 1px solid #e5e6eb;
    border-radius: 6px;
}

.drug-picker-table {
    table-layout: fixed;
    width: 100%;
}

.drug-picker-col-check {
    width: 88px;
}

.drug-picker-col-name {
    width: 42%;
}

.drug-picker-col-spec {
    width: 28%;
}

.drug-picker-col-type {
    width: 18%;
}

.drug-picker-table-wrap > .drug-picker-table {
    margin: 0;
    border-bottom: 1px solid #e5e6eb;
    background: #f7f8fa;
}

.drug-picker-table-wrap > .drug-picker-table th {
    border-bottom: 0;
}

.drug-picker-list {
    max-height: 360px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.drug-picker-check-label {
    font-weight: normal;
    color: #1f2329;
    cursor: pointer;
}

.drug-picker-check-label.is-disabled {
    color: #c0c4cc;
    cursor: not-allowed;
}

.drug-picker-row {
    cursor: pointer;
}

.drug-picker-row.selected {
    background: #eef4ff;
}

.drug-picker-row.is-locked {
    color: #c0c4cc;
    background: #f7f8fa;
    cursor: not-allowed;
}

.drug-picker-row.is-locked .drug-name,
.drug-picker-row.is-locked .muted-text {
    color: #c0c4cc;
}

.drug-picker-row.is-locked .tag {
    color: #c0c4cc;
    background: #ececec;
}

.drug-picker-row.is-locked .drug-picker-check {
    opacity: 0.45;
}

.drug-picker-actions {
    overflow: hidden;
    margin-top: 16px;
}

.drug-picker-actions .button {
    float: right;
    margin-left: 10px;
}

.is-hidden {
    display: none;
}

.inline-form {
    display: inline;
}

.patient-bar {
    margin-bottom: 16px;
    padding: 16px 18px;
    border: 1px solid #c9d6f5;
    border-radius: 8px;
    background: #f7f9ff;
}

.patient-bar-main strong {
    margin-right: 12px;
    font-size: 18px;
}

.patient-bar-main span {
    margin-right: 12px;
    color: #646a73;
}

.patient-bar-summary {
    margin-top: 8px;
    color: #4e5969;
    font-size: 13px;
}

.rx-hint {
    margin: -4px 0 12px;
}

.rx-chip-list {
    overflow: hidden;
}

.rx-chip {
    display: inline-block;
    margin: 0 8px 8px 0;
    padding: 8px 14px;
    border: 1px solid #dee0e3;
    border-radius: 16px;
    background: #fff;
    color: #1f2329;
    font: inherit;
    cursor: pointer;
}

.rx-chip:hover {
    border-color: #3370ff;
    background: #eef4ff;
    color: #245bdb;
}

.rx-search-wrap {
    position: relative;
    max-width: 520px;
}

.rx-search-wrap input {
    width: 100%;
    height: 40px;
    padding: 0 12px;
    border: 1px solid #dee0e3;
    border-radius: 6px;
    font: inherit;
}

.rx-search-dropdown {
    display: none;
    position: absolute;
    z-index: 20;
    top: 44px;
    right: 0;
    left: 0;
    max-height: 280px;
    overflow-y: auto;
    border: 1px solid #dee0e3;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(31, 35, 41, 0.12);
}

.rx-search-hit {
    display: block;
    width: 100%;
    padding: 10px 14px;
    border: 0;
    border-bottom: 1px solid #f0f1f2;
    background: transparent;
    text-align: left;
    cursor: pointer;
}

.rx-search-hit strong,
.rx-search-hit span {
    display: block;
}

.rx-search-hit span {
    margin-top: 2px;
    color: #8f959e;
    font-size: 12px;
}

.rx-search-hit:hover {
    background: #f5f7fa;
}

.rx-toolbar {
    margin-top: 14px;
}

.rx-toolbar .button {
    margin-right: 8px;
}

.rx-total {
    margin-top: 16px;
    text-align: right;
    font-size: 14px;
}

.rx-total strong {
    margin: 0 4px;
    color: #3370ff;
    font-size: 20px;
}

.rx-pick-modal {
    width: 640px;
}

.rx-pick-card {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    padding: 14px 16px;
    border: 1px solid #dee0e3;
    border-radius: 8px;
    background: #fff;
    text-align: left;
    cursor: pointer;
}

.rx-pick-card strong {
    margin-right: 8px;
}

.rx-pick-card .muted-text {
    display: block;
    margin-top: 6px;
}

.rx-pick-card:hover {
    border-color: #3370ff;
    background: #f7f9ff;
}

.rx-pick-card.is-busy {
    color: #4e5969;
    cursor: default;
    background: #f7f8fa;
}

.rx-pick-card.is-busy:hover {
    border-color: #dee0e3;
    background: #f7f8fa;
}

.rx-pick-busy {
    display: block;
    margin-top: 6px;
    color: #d83931;
    font-size: 12px;
    font-style: normal;
}

.fill-card-list {
    overflow: hidden;
}

.fill-card {
    margin-bottom: 16px;
    padding: 20px;
    border: 1px solid #dee0e3;
    border-radius: 10px;
    background: #fff;
    outline: none;
}

.fill-card:focus,
.fill-card.is-open {
    border-color: #3370ff;
    box-shadow: 0 0 0 3px rgba(51, 112, 255, 0.12);
}

.fill-card-head strong {
    margin-right: 10px;
    font-size: 20px;
}

.fill-card-meta {
    margin: 10px 0 16px;
    color: #646a73;
    font-size: 14px;
}

.fill-detail {
    display: none;
    margin-top: 16px;
}

.fill-card.is-open .fill-detail {
    display: block;
}

.fill-card.is-open .js-toggle-fill {
    display: none;
}

.button.fill-confirm {
    display: block;
    width: 100%;
    height: 56px;
    margin-top: 16px;
    border: 0;
    border-radius: 8px;
    background: #3370ff;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    cursor: pointer;
}

.button.fill-confirm:hover {
    background: #245bdb;
}

.fill-hint {
    margin-top: 8px;
}

.page-fill {
    background: #f5f6f7;
}

.fill-table {
    background: #f5f6f7;
}

.fill-table .fill-col-list {
    width: 300px;
    padding: 12px;
    border-right: 0;
    background: #f5f6f7;
}

.fill-table .fill-col-main {
    padding: 12px 16px 16px 4px;
    border-right: 0;
    background: #f5f6f7;
}

.fill-table .wb-search {
    padding: 0 0 12px;
    border-bottom: 0;
    background: transparent;
}

.fill-table .wb-search input {
    height: 40px;
    padding: 0 12px;
    border-radius: 8px;
}

.fill-list-shell {
    width: 100%;
    height: calc(100vh - 88px);
    border-collapse: collapse;
}

.fill-list-search,
.fill-list-bar {
    height: 1%;
    vertical-align: top;
}

.fill-list-body {
    height: 100%;
    vertical-align: top;
}

.fill-tabs {
    overflow: hidden;
    margin: 0 0 10px;
    border-radius: 8px;
    background: #fff;
}

.fill-tabs a {
    float: left;
    width: 20%;
    padding: 8px 0;
    color: #646a73;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
}

.fill-tabs a.active {
    color: #245bdb;
    font-weight: 600;
    box-shadow: inset 0 -2px 0 #3370ff;
}

/* 待发药/待审退药数量徽标：复用工作台 wb-tab-badge，紧凑一号防挤 */
.fill-tabs a {
    white-space: nowrap;
}

.fill-tabs .wb-tab-badge {
    min-width: 15px;
    height: 15px;
    margin: 0 0 0 3px;
    padding: 0 4px;
    border-radius: 8px;
    font-size: 10px;
    line-height: 15px;
}

.fill-rx-list {
    height: 100%;
    overflow: auto;
}

.fill-days-bar {
    padding-top: 10px;
    color: #646a73;
    font-size: 13px;
    line-height: 32px;
    white-space: nowrap;
}

.fill-days-bar input {
    width: 48px;
    height: 32px;
    margin: 0 6px;
    padding: 0 6px;
    border: 1px solid #dee0e3;
    border-radius: 6px;
    background: #fff;
    color: #1f2329;
    font: inherit;
    text-align: center;
    outline: none;
}

.fill-days-bar input:focus {
    border-color: #3370ff;
}

.fill-days-bar .button {
    min-width: 56px;
    height: 32px;
    margin-left: 8px;
    padding: 0 12px;
    line-height: 30px;
    vertical-align: middle;
}

.fill-reject-reason {
    margin-top: 8px;
    color: #1f2329;
    font-size: 14px;
    line-height: 22px;
}

.fill-reject-reason strong {
    font-weight: 700;
}

.fill-rx-card {
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
    padding: 13px 15px;
    border: 1px solid #adc6f5;
    border-radius: 10px;
    background: #fff;
    color: #1f2329;
    text-decoration: none;
}

.fill-rx-card strong {
    display: block;
    margin-right: 56px;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}

.fill-rx-card em {
    display: block;
    margin-top: 8px;
    color: #8f959e;
    font-size: 12px;
    font-style: normal;
    line-height: 18px;
    text-align: right;
}

.fill-rx-card.active {
    border-color: #3370ff;
    background: #e8f0ff;
}

.fill-type {
    float: right;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 12px;
    line-height: 18px;
}

.fill-type.is-tcm {
    background: #e8f0ff;
    color: #245bdb;
}

.fill-type.is-wm {
    background: #e8f7ed;
    color: #237b4b;
}

.fill-type.is-other {
    background: #f3e8ff;
    color: #7c3aed;
}

.fill-pane {
    min-height: calc(100vh - 96px);
    padding: 20px 24px 24px;
    border-radius: 10px;
    background: #fff;
}

.fill-pane-empty {
    padding-top: 80px;
}

.fill-pane-head {
    width: 100%;
    margin-bottom: 18px;
    border-collapse: collapse;
}

.fill-patient {
    vertical-align: top;
}

.fill-patient-main strong,
.fill-patient-main span {
    margin-right: 12px;
    font-size: 14px;
    line-height: 24px;
    vertical-align: middle;
}

.fill-patient-main strong {
    font-size: 18px;
}

.fill-patient-sub {
    margin-top: 8px;
    color: #646a73;
    font-size: 13px;
    line-height: 22px;
}

.fill-patient-sub span {
    margin-right: 16px;
}

.fill-actions {
    width: 1%;
    padding-left: 16px;
    white-space: nowrap;
    text-align: right;
    vertical-align: top;
}

.fill-reject,
.fill-confirm-form,
.fill-cancel-form {
    display: inline-block;
    margin: 0 0 0 8px;
    vertical-align: middle;
}

.fill-reject.reject-action {
    margin-top: 0;
}

.fill-reject input {
    width: auto;
    margin: 0;
}

.fill-actions .button {
    height: 36px;
    padding: 0 16px;
    line-height: 34px;
    vertical-align: middle;
}

.fill-reject .button {
    min-width: 72px;
    border-color: #3370ff;
    color: #3370ff;
}

.fill-reject .button:hover {
    background: #e8f0ff;
}

.stock-lack {
    display: inline-block;
    margin-left: 8px;
    padding: 1px 6px;
    border-radius: 4px;
    background: #fff3e8;
    color: #d9480f;
    font-size: 12px;
    line-height: 18px;
    vertical-align: middle;
}

.fill-filled {
    padding: 8px 20px 28px;
    background: #f5f6f7;
}

.page-fill-history {
    max-width: none;
    min-width: 1180px;
    padding: 64px 16px 0;
    overflow: hidden;
}

.hist-shell {
    width: 100%;
    height: calc(100vh - 64px);
    table-layout: fixed;
    border-collapse: collapse;
}

.hist-search,
.hist-footer {
    height: 1%;
    vertical-align: top;
}

.hist-list {
    height: 42%;
    padding-bottom: 8px;
    vertical-align: top;
}

.hist-list-shell {
    width: 100%;
    height: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

.hist-list-body {
    height: 100%;
    vertical-align: top;
}

.hist-list-paging {
    height: 1%;
    padding-top: 4px;
    vertical-align: middle;
}

.hist-detail {
    height: 38%;
    padding-bottom: 8px;
    vertical-align: top;
}

.hist-filter {
    margin-bottom: 10px;
}

.filter-bar input[type="date"] {
    width: 140px;
    height: 36px;
    padding: 6px 10px;
    border: 1px solid #c9cdd4;
    border-radius: 5px;
    background: #fff;
    font: inherit;
    font-size: 14px;
}

.hist-pick {
    position: relative;
}

.hist-pick .hist-pick-input {
    width: 160px;
}

.hist-list-wrap,
.hist-detail-wrap {
    height: 100%;
    overflow: auto;
}

.hist-rx-table a {
    color: inherit;
    text-decoration: none;
}

.hist-row {
    cursor: pointer;
}

.hist-row.active {
    background: #e8f0ff;
}

.hist-row.active td {
    background: #e8f0ff;
}

.hist-paging {
    margin: 0;
    padding: 0;
    text-align: left;
}

.hist-paging span,
.hist-paging a {
    padding: 4px 8px;
}

.hist-footer {
    padding: 10px 16px;
    border: 1px solid #e5e6eb;
    border-radius: 8px;
    background: #fff;
    color: #1f2329;
    font-size: 14px;
    line-height: 24px;
}

.hist-total {
    margin-right: 24px;
}

.hist-total strong {
    font-size: 18px;
    color: #245bdb;
}

.hist-return-amount {
    margin-right: 24px;
    color: #d83931;
    font-weight: 600;
}

.hist-return-box {
    margin-top: 16px;
    padding: 12px 14px 16px;
    border: 2px solid #d83931;
    border-radius: 8px;
}

.hist-return-title {
    display: block;
    margin-bottom: 8px;
    color: #d83931;
    font-size: 14px;
}

.hist-return-meta {
    margin-bottom: 10px;
    color: #646a73;
    font-size: 13px;
    line-height: 22px;
}

.hist-return-meta span {
    margin-right: 16px;
}

.hist-return-extra,
.fill-return-extra {
    margin-top: 8px;
    color: #d83931;
    font-size: 13px;
    font-weight: 600;
}

.hist-extra {
    margin-right: 18px;
}

.login-body {
    min-width: 0;
    background: #eef1f6;
}

.login-card {
    width: 400px;
    margin: 72px auto 0;
    padding: 36px 36px 28px;
    border: 1px solid #e5e6eb;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(31, 35, 41, 0.06);
}

.login-brand {
    margin-bottom: 24px;
    text-align: center;
}

.login-brand .brand-mark {
    /* 必须显式恢复 inline-block：下面的 .login-brand span 会把 span 全变成
       block，固定宽度 + block 会贴左，方块就无法与标题居中对齐 */
    display: inline-block;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    font-size: 21px;
    line-height: 42px;
}

.login-brand strong,
.login-brand span {
    display: block;
}

.login-brand strong {
    margin-top: 12px;
    font-size: 20px;
    font-weight: 600;
}

.login-brand span {
    margin-top: 6px;
    color: #8f959e;
}

.login-form .form-group {
    margin-bottom: 16px;
}

.login-form .form-group input[type="text"],
.login-form .form-group input[type="password"] {
    width: 100%;
    height: 40px;
    padding: 8px 12px;
    border: 1px solid #c9cdd4;
    border-radius: 6px;
    background: #fff;
    font: inherit;
    font-size: 14px;
}

.login-form .form-group input[type="text"]:focus,
.login-form .form-group input[type="password"]:focus {
    border-color: #3370ff;
}

.login-roles {
    overflow: hidden;
}

.login-role {
    float: left;
    width: 32%;
    margin-right: 2%;
}

.login-role:last-child {
    margin-right: 0;
}

.login-role input {
    position: absolute;
    left: -9999px;
}

.login-role span {
    display: block;
    height: 40px;
    border: 1px solid #c9cdd4;
    border-radius: 6px;
    background: #fff;
    color: #1f2329;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
    cursor: pointer;
}

.login-role input:checked + span,
.login-role span:hover {
    border-color: #3370ff;
    background: #eef4ff;
    color: #245bdb;
}

.login-roles.is-stack .login-role {
    float: none;
    width: 100%;
    margin: 0 0 10px;
}

.login-roles.is-stack .login-role:last-child {
    margin-bottom: 0;
}

.login-actions {
    margin-top: 8px;
}

.login-actions .button.large {
    display: block;
    width: 100%;
    height: 40px;
    margin: 0;
    padding: 0;
    font-size: 15px;
    line-height: 40px;
}

.login-switch {
    margin: 16px 0 0;
    line-height: 22px;
}

.login-switch a {
    display: inline;
}

.switch-role-card {
    width: 400px;
}

.app-dialog-card {
    width: 420px;
    max-width: 92%;
}

.app-dialog-body {
    padding: 18px 24px 8px;
}

.app-dialog-message {
    margin: 0;
    color: #1f2329;
    font-size: 14px;
    line-height: 22px;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.app-dialog-field {
    margin-top: 14px;
}

.app-dialog-field input {
    width: 100%;
    height: 36px;
    padding: 0 10px;
    border: 1px solid #dee0e3;
    border-radius: 4px;
    font: inherit;
    font-size: 14px;
    outline: none;
}

.app-dialog-field input:focus {
    border-color: #1f4fd8;
    box-shadow: 0 0 0 2px rgba(31, 79, 216, 0.28);
}

.check-line {
    display: block;
    margin: 6px 0;
}

.check-inline {
    display: inline-block;
    margin: 0;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
}

.check-inline input {
    width: auto;
    height: auto;
    margin-right: 6px;
    vertical-align: middle;
}

.user-edit-row {
    overflow: hidden;
}

.user-edit-row > span,
.user-edit-row > input,
.user-edit-row > select,
.user-edit-row > label,
.user-edit-row > button {
    float: left;
    margin: 4px 10px 4px 0;
    vertical-align: middle;
}

.user-edit-row input[type="text"],
.user-edit-row input[type="number"],
.user-edit-row input[type="password"] {
    width: 140px;
    height: 32px;
    padding: 4px 8px;
    border: 1px solid #c9cdd4;
    border-radius: 4px;
    background: #fff;
    font: inherit;
    font-size: 14px;
}

.user-edit-row select {
    width: 180px;
    height: 32px;
    padding: 4px 8px;
    border: 1px solid #c9cdd4;
    border-radius: 4px;
    background: #fff;
    font: inherit;
    font-size: 14px;
}

.user-edit-row .check-line {
    display: inline-block;
    margin: 8px 10px 4px 0;
    line-height: 24px;
}

.user-edit-row .button {
    height: 32px;
    padding: 0 12px;
    line-height: 30px;
}

.data-table.edit-table th,
.data-table.edit-table td {
    vertical-align: middle;
}

.data-table.edit-table .col-name {
    width: 28%;
}

.data-table.edit-table .col-sort {
    width: 100px;
}

.data-table.edit-table .col-status {
    width: 120px;
}

.data-table.edit-table .col-action {
    width: 100px;
}

.data-table.edit-table .cell-input {
    width: 100%;
    max-width: 280px;
    height: 32px;
    padding: 4px 8px;
    border: 1px solid #c9cdd4;
    border-radius: 4px;
    background: #fff;
    font: inherit;
    font-size: 14px;
    box-sizing: border-box;
}

.data-table.edit-table .cell-input-narrow {
    width: 72px;
    max-width: 100%;
    height: 32px;
    padding: 4px 8px;
    border: 1px solid #c9cdd4;
    border-radius: 4px;
    background: #fff;
    font: inherit;
    font-size: 14px;
    box-sizing: border-box;
}

.data-table.edit-table .cell-select {
    width: 100%;
    max-width: 240px;
    height: 32px;
    padding: 4px 8px;
    border: 1px solid #c9cdd4;
    border-radius: 4px;
    background: #fff;
    font: inherit;
    font-size: 14px;
    box-sizing: border-box;
}

.data-table.edit-table .button {
    height: 32px;
    padding: 0 12px;
    line-height: 30px;
}

.dict-create-bar {
    overflow: hidden;
}

.dict-create-bar .form-group {
    float: left;
    width: 240px;
    margin: 0 16px 0 0;
}

.dict-create-bar .button {
    float: left;
    margin-top: 28px;
}

.menu-config-tree {
    margin: 0;
    padding-left: 18px;
}

.menu-config-row {
    display: inline-block;
    margin: 6px 8px 6px 0;
}

.menu-config-row input,
.menu-config-row select {
    margin-right: 6px;
}

.reject-action {
    margin-top: 10px;
}

.reject-action input {
    width: 70%;
    margin-right: 8px;
}

a.tree-toggle {
    display: block;
    color: inherit;
    text-decoration: none;
}

.page-workbench {
    max-width: none;
    min-width: 960px;
    padding: 64px 0 0;
    overflow-x: auto;
}

.page-workbench.is-expanded {
    min-width: 1200px;
}

.workbench-table {
    width: 100%;
    min-width: 960px;
    height: calc(100vh - 64px);
    table-layout: fixed;
    border-collapse: collapse;
    background: #f5f6f7;
}

.workbench-table.is-expanded {
    min-width: 1200px;
}

.workbench-col-list,
.workbench-col-main,
.workbench-col-history,
.workbench-col-patient {
    vertical-align: top;
    border-right: 1px solid #e5e6eb;
    background: #fff;
}

.workbench-col-list {
    width: 200px;
}

.workbench-col-history {
    width: 200px;
    border-right: 0;
}

.workbench-col-patient {
    width: 240px;
}

.workbench-col-main {
    background: #f5f6f7;
}

.workbench-col-list,
.workbench-col-history,
.workbench-col-patient {
    overflow: hidden;
}

.wb-search {
    padding: 12px;
    border-bottom: 1px solid #e5e6eb;
}

.wb-search input {
    width: 100%;
    height: 36px;
    padding: 0 10px;
    border: 1px solid #dee0e3;
    border-radius: 4px;
    background: #fff;
    font: inherit;
    font-size: 14px;
    outline: none;
}

.wb-search input:focus {
    border-color: #3370ff;
    box-shadow: 0 0 0 2px #e8f0ff;
}

.wb-tabs {
    overflow: hidden;
    border-bottom: 1px solid #e5e6eb;
}

.wb-tabs a {
    float: left;
    width: 50%;
    padding: 10px 0;
    color: #4e5969;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
}

.wb-tabs a.active {
    color: #245bdb;
    font-weight: bold;
    border-bottom: 2px solid #3370ff;
}

.wb-tab-badge {
    display: inline-block;
    min-width: 16px;
    height: 16px;
    margin: -1px 0 0 4px;
    padding: 0 5px;
    border-radius: 8px;
    background: #f54a45;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    line-height: 16px;
    text-align: center;
    vertical-align: middle;
}

.wb-patient-list {
    height: calc(100vh - 170px);
    overflow: auto;
}

.wb-card {
    display: block;
    padding: 12px 14px;
    border-bottom: 1px solid #f0f1f3;
    color: inherit;
    text-decoration: none;
}

.wb-card strong,
.wb-card span,
.wb-card em {
    display: inline-block;
    margin-right: 6px;
}

.wb-card em {
    color: #245bdb;
    font-style: normal;
    font-size: 12px;
}

.wb-card.active {
    background: #e8f0ff;
}

.wb-main,
.wb-pane {
    position: relative;
    height: calc(100vh - 64px);
    overflow: hidden;
    padding: 16px;
}

.wb-main {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    background: #f5f6f7;
}

.wb-main-top {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.wb-reject-box {
    margin: 10px 0 0;
    padding: 12px 14px;
    border: 1px solid #f5b7b7;
    border-radius: 8px;
    background: #fff2f2;
}

.wb-reject-title {
    display: block;
    margin-bottom: 8px;
    color: #a62020;
    font-size: 14px;
}

.wb-reject-item {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #f5c6c6;
    color: #a62020;
    font-size: 13px;
    line-height: 24px;
}

.wb-reject-item span {
    display: inline-block;
    margin-right: 16px;
}

.wb-rx-reject-row {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    margin: 10px 0 0;
    padding: 8px 12px;
    border: 1px solid #f5b7b7;
    border-radius: 6px;
    background: #fff2f2;
    color: #a62020;
    font-size: 13px;
    line-height: 24px;
}

.wb-rx-reject-text {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
    margin-right: 12px;
}

.wb-rx-reject-row .button {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    margin-left: 8px;
}

.rx-return-card {
    width: 860px;
}

.rx-return-list {
    margin-bottom: 14px;
    max-height: 320px;
    overflow: auto;
}

.rx-return-detail {
    display: none;
}

.rx-return-selected {
    margin-bottom: 12px;
    color: #4e5969;
    font-size: 13px;
    line-height: 22px;
}

.rx-return-pick {
    display: block;
    width: 100%;
    margin: 0 0 8px;
    padding: 10px 12px;
    border: 1px solid #e5e6eb;
    border-radius: 6px;
    background: #fff;
    text-align: left;
    cursor: pointer;
}

.rx-return-pick.is-active {
    border-color: #3370ff;
    background: #e8f0ff;
}

.rx-return-qty {
    width: 72px;
    height: 32px;
    padding: 0 8px;
}

.rx-return-actions {
    overflow: hidden;
    margin-top: 16px;
    text-align: right;
}

.rx-return-actions .js-wb-return-back {
    float: left;
}

.rx-print-card {
    width: 760px;
    max-width: 96%;
}

.rx-print-modal-body {
    padding: 0;
    height: 520px;
    overflow: hidden;
    background: #f5f6f7;
}

.rx-print-modal-body iframe {
    display: block;
    width: 100%;
    height: 520px;
    border: 0;
    background: #f5f6f7;
}

.rx-print-modal-foot {
    overflow: hidden;
}

.wb-pane {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding: 0;
}

.wb-patient-form {
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

.wb-pane-body {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    padding: 16px;
}

.wb-frost {
    position: absolute;
    z-index: 6;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.78);
    text-align: center;
}

.wb-frost form {
    margin-top: 30%;
}

.wb-frost .rx-pick-busy {
    margin-top: 30%;
    font-size: 16px;
}

.wb-pane-head {
    overflow: hidden;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    margin-bottom: 0;
    padding: 16px 16px 12px;
    border-bottom: 1px solid #e5e6eb;
    background: #fff;
}

.wb-pane-head strong,
.wb-rx-head strong,
.wb-consult-head strong,
.wb-rx-section-head strong {
    float: left;
    font-size: 16px;
    font-weight: 600;
    line-height: 32px;
}

.wb-pane-head .button,
.wb-rx-head .button,
.wb-rx-head form,
.wb-consult-head .button {
    float: right;
    margin-left: 8px;
}

.wb-rx-section-head .muted-text,
.wb-rx-section-head #rx-item-count {
    float: right;
    color: #8f959e;
    font-size: 12px;
    line-height: 32px;
}

.wb-patient-mini {
    overflow: hidden;
    margin-bottom: 12px;
    padding: 14px 16px;
    border: 1px solid #dee0e3;
    border-radius: 8px;
    background: #fff;
}

.wb-patient-mini-info {
    float: left;
    max-width: 65%;
    padding-top: 2px;
    line-height: 24px;
}

.wb-patient-mini strong {
    margin-right: 10px;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
}

.wb-patient-mini-info span {
    margin-right: 12px;
    color: #646a73;
    font-size: 13px;
    line-height: 24px;
}

.wb-patient-mini .button,
.wb-patient-mini form {
    float: right;
    margin-left: 8px;
    white-space: nowrap;
}

.wb-rx-head {
    margin-bottom: 12px;
    padding: 10px 14px;
    border: 1px solid #dee0e3;
    border-radius: 8px;
    background: #fff;
}

.workbench-col-patient .form-group {
    margin-bottom: 14px;
}

.workbench-col-patient .form-group > label {
    margin-bottom: 6px;
    color: #1f2329;
    font-size: 14px;
    line-height: 22px;
}

.workbench-col-patient .form-group input,
.workbench-col-patient .form-group select {
    width: 100%;
    height: 36px;
    padding: 0 10px;
    border: 1px solid #dee0e3;
    border-radius: 4px;
    background: #fff;
    font: inherit;
    font-size: 14px;
    outline: none;
}

.workbench-col-patient .form-group input:focus,
.workbench-col-patient .form-group select:focus {
    border-color: #3370ff;
    box-shadow: 0 0 0 2px #e8f0ff;
}

.wb-consult-section,
.wb-rx-section {
    margin-bottom: 12px;
    padding: 12px 14px;
    border: 1px solid #dee0e3;
    border-radius: 8px;
    background: #fff;
}

.wb-consult-grid {
    overflow: hidden;
    margin: 0 -6px;
}

.wb-consult-grid .form-group {
    float: left;
    width: 33.33%;
    margin: 0 0 10px;
    padding: 0 6px;
}

.wb-consult-grid .form-group > label {
    margin-bottom: 4px;
    font-size: 12px;
}

.wb-consult-grid .form-group input {
    width: 100%;
    height: 32px;
    margin: 0;
    padding: 4px 8px;
    font-size: 13px;
}

.wb-type-tabs {
    margin: 4px 0 10px;
}

.wb-type-tabs .record-type-option {
    width: auto;
    margin: 0 8px 8px 0;
    padding: 6px 12px;
}

.wb-type-tabs .record-type-option input {
    float: none;
    margin: 0 6px 0 0;
    vertical-align: middle;
}

.wb-type-tabs .record-type-option strong,
.wb-type-tabs .record-type-option span {
    display: inline;
    margin-left: 0;
    vertical-align: middle;
    font-size: 13px;
}

.wb-type-tabs .record-type-option span {
    display: none;
}

.wb-rx-meta {
    overflow: hidden;
    margin: 0 0 10px;
}

.wb-rx-meta .rx-tcm-fields,
.wb-rx-meta .rx-toolbar {
    float: left;
    margin: 0 16px 0 0;
}

.wb-rx-meta .rx-tcm-fields label {
    display: inline-block;
    margin: 0 12px 8px 0;
}

.wb-rx-meta .rx-tcm-fields select,
.wb-rx-meta .rx-tcm-fields input[type="number"] {
    width: auto;
    height: 32px;
    margin-left: 6px;
}

.wb-rx-meta .rx-toolbar .button {
    margin: 0 8px 8px 0;
}

.wb-search-row {
    max-width: none;
    margin: 0 0 10px;
}

.wb-rx-footer {
    overflow: hidden;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #f0f1f2;
}

.wb-rx-footer .rx-total {
    float: left;
    margin: 6px 0 0;
    text-align: left;
}

.wb-rx-footer .button {
    float: right;
}

.workbench-col-history .wb-pane-body {
    padding: 12px 10px 14px 8px;
}

.wb-history-count {
    float: right;
    color: #8f959e;
    font-size: 12px;
    font-weight: 400;
    line-height: 32px;
}

.wb-history {
    position: relative;
    padding: 2px 0 4px 16px;
}

.wb-history:before {
    content: "";
    position: absolute;
    top: 12px;
    bottom: 12px;
    left: 5px;
    width: 2px;
    background: #e8eaed;
}

.wb-history-item {
    position: relative;
    display: block;
    margin: 0 0 10px;
    color: inherit;
    text-decoration: none;
}

.wb-history-item:last-child {
    margin-bottom: 0;
}

.wb-history-dot {
    position: absolute;
    top: 14px;
    left: -14px;
    width: 8px;
    height: 8px;
    border: 2px solid #34c724;
    border-radius: 50%;
    background: #fff;
}

.wb-history-item.is-current .wb-history-dot {
    border-color: #3370ff;
    background: #3370ff;
}

.wb-history-card {
    display: block;
    padding: 8px 8px 8px 9px;
    overflow: hidden;
    border: 1px solid #e8eaed;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(31, 35, 41, 0.04);
}

.wb-history-item:hover .wb-history-card {
    border-color: #c9d6f5;
    background: #f7f9ff;
}

.wb-history-item.is-current .wb-history-card {
    border-color: #adc2f7;
    background: #f2f6ff;
}

.wb-history-tags {
    margin: 0 0 6px;
    line-height: 18px;
}

.wb-history-tag {
    display: inline-block;
    margin: 0 4px 0 0;
    padding: 0 6px;
    border-radius: 10px;
    font-size: 11px;
    line-height: 18px;
    vertical-align: top;
}

.wb-history-tag.is-tcm {
    background: #e8f7ed;
    color: #237b4b;
}

.wb-history-tag.is-wm {
    background: #e8f0ff;
    color: #245bdb;
}

.wb-history-tag.is-mix {
    background: #f3e8ff;
    color: #6b21a8;
}

.wb-history-tag.is-rx {
    background: #e8f7ed;
    color: #237b4b;
}

.wb-history-tag.is-empty {
    background: #f2f3f5;
    color: #8f959e;
}

.wb-history-title {
    display: block;
    display: -webkit-box;
    margin: 0 0 4px;
    overflow: hidden;
    max-height: 36px;
    color: #1f2329;
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.wb-history-item.is-current .wb-history-title {
    color: #1456f0;
}

.wb-history-meta {
    display: block;
    margin: 0 0 4px;
    color: #8f959e;
    font-size: 11px;
    line-height: 16px;
}

.wb-history-note,
.wb-history-drugs {
    display: block;
    overflow: hidden;
    max-height: 32px;
    color: #646a73;
    font-size: 12px;
    line-height: 16px;
    word-wrap: break-word;
}

.wb-history-drugs {
    margin-top: 4px;
    color: #8f959e;
}

.rx-tcm-fields {
    margin: 10px 0;
}

.rx-tcm-fields label {
    margin-right: 16px;
}

.allergy-text {
    color: #f54a45;
    font-style: normal;
    font-weight: 600;
}

.wb-rx-card {
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-flex-direction: column;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
    padding: 16px 16px 0;
    border: 1px solid #dee0e3;
    border-radius: 8px;
    background: #fff;
}

.wb-rx-card-head {
    overflow: hidden;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    min-height: 38px;
    margin-bottom: 0;
}

.wb-rx-card-head strong {
    float: left;
    font-size: 16px;
    font-weight: 600;
    line-height: 38px;
}

.wb-rx-card-head .button {
    float: right;
}

.wb-rx-card-head .js-consult-save {
    visibility: hidden;
}

.wb-rx-card.is-rx-panel {
    padding-bottom: 0;
}

.wb-rx-form {
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-flex-direction: column;
    flex-direction: column;
    min-height: 0;
    margin: 0;
}

.wb-rx-pane {
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-flex-direction: column;
    flex-direction: column;
    min-height: 0;
}

.wb-rx-pane-body {
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-flex-direction: column;
    flex-direction: column;
    min-height: 0;
    overflow: auto;
    padding: 12px 16px;
}

.wb-rx-pane-foot {
    overflow: hidden;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    padding: 12px 16px 16px;
    border-top: 1px solid #e5e6eb;
    background: #fff;
}

.wb-rx-pane-foot .wb-rx-pack {
    margin: 0 0 12px;
    padding: 0 0 12px;
    border-bottom: 1px solid #e5e6eb;
    color: #646a73;
    font-size: 14px;
    line-height: 36px;
}

.wb-rx-pack-line {
    white-space: nowrap;
}

.wb-rx-pane-foot .rx-proxy-line {
    display: block;
    margin: 4px 0 0;
    line-height: 24px;
}

.wb-rx-pane-foot-bar {
    overflow: hidden;
}

.wb-rx-pane-foot .rx-total-block {
    float: left;
    max-width: 62%;
}

.wb-rx-pane-foot .js-rx-submit {
    float: right;
    min-width: 112px;
    height: 36px;
    padding: 0 20px;
    font-size: 14px;
    line-height: 34px;
}

.rx-total-line {
    color: #1f2329;
    font-size: 14px;
    line-height: 28px;
}

.rx-total-label {
    color: #646a73;
}

.rx-total-line strong {
    color: #f54a45;
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
}

.rx-fee-line {
    color: #8f959e;
    font-size: 12px;
    line-height: 18px;
}

.rx-fee-tip {
    display: none;
    position: relative;
    margin-left: 6px;
    vertical-align: middle;
}

.rx-fee-q {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #8f959e;
    border-radius: 50%;
    color: #8f959e;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    cursor: default;
}

.rx-fee-pop {
    display: none;
    position: absolute;
    z-index: 40;
    top: 22px;
    left: 0;
    width: 220px;
    padding: 8px 10px;
    border: 1px solid #dee0e3;
    border-radius: 6px;
    background: #fff;
    color: #4e5969;
    font-size: 12px;
    line-height: 20px;
    box-shadow: 0 8px 20px rgba(31, 35, 41, 0.12);
    white-space: nowrap;
}

.rx-fee-tip:hover .rx-fee-pop {
    display: block;
}

.wb-field-row {
    overflow: hidden;
}

.wb-rx-tcm-fields {
    position: relative;
    z-index: 20;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-bottom: 10px;
}

.wb-rx-tcm-fields .wb-field {
    margin-bottom: 8px;
}

.wb-rx-tcm-fields .wb-label {
    margin-bottom: 4px;
    font-size: 12px;
    line-height: 18px;
}

.wb-rx-tcm-row {
    overflow: visible;
}

.wb-rx-tcm-row::after {
    content: "";
    display: table;
    clear: both;
}

.wb-rx-tcm-row .wb-field {
    float: left;
    width: 48%;
    margin-right: 4%;
    margin-bottom: 8px;
}

.wb-rx-tcm-row .wb-field + .wb-field {
    margin-right: 0;
}

.wb-rx-tcm-row.is-triple .wb-field {
    width: 32%;
    margin-right: 2%;
}

.wb-rx-tcm-row.is-triple .wb-field + .wb-field + .wb-field {
    margin-right: 0;
}

.wb-rx-input,
.wb-rx-select {
    width: 100%;
    height: 36px;
    padding: 0 10px;
    border: 1px solid #dee0e3;
    border-radius: 4px;
    background: #fff;
    font: inherit;
    font-size: 14px;
    outline: none;
}

.wb-rx-select {
    padding-right: 24px;
}

.wb-rx-input.is-readonly {
    color: #646a73;
    background: #fff;
}

.wb-rx-input:focus,
.wb-rx-select:focus {
    border-color: #1f4fd8;
    box-shadow: 0 0 0 2px rgba(31, 79, 216, 0.28);
}

.wb-rx-input.is-error,
.wb-rx-select.is-error,
.wb-rx-input.is-error:focus,
.wb-rx-select.is-error:focus {
    border-color: #d83931;
    box-shadow: 0 0 0 2px rgba(216, 57, 49, 0.22);
}

.wb-rx-input:-webkit-autofill,
.wb-rx-input:-webkit-autofill:hover,
.wb-rx-input:-webkit-autofill:focus,
.wb-rx-select:-webkit-autofill,
.wb-rx-select:-webkit-autofill:hover,
.wb-rx-select:-webkit-autofill:focus {
    border-color: #dee0e3;
    -webkit-text-fill-color: #1f2329;
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
    box-shadow: 0 0 0 1000px #fff inset;
    -webkit-transition: background-color 99999s ease-out;
    transition: background-color 99999s ease-out;
}

.wb-rx-input:-webkit-autofill:focus,
.wb-rx-select:-webkit-autofill:focus {
    border-color: #1f4fd8;
    -webkit-box-shadow: 0 0 0 1000px #fff inset, 0 0 0 2px rgba(31, 79, 216, 0.28);
    box-shadow: 0 0 0 1000px #fff inset, 0 0 0 2px rgba(31, 79, 216, 0.28);
}

.wb-rx-search {
    position: relative;
}

.wb-rx-search .dx-dropdown {
    z-index: 40;
}

.wb-rx-search .dx-dropdown.is-fixed {
    position: fixed;
    right: auto;
    z-index: 1200;
}

.wb-rx-table-block {
    display: -webkit-flex;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-flex-direction: column;
    flex-direction: column;
    min-height: 220px;
    margin-top: 2px;
    padding: 10px 12px 8px;
    border: 1px solid #e5e6eb;
    border-radius: 8px;
    background: #f7f8fa;
}

.wb-rx-table-head-wrap {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    overflow-x: hidden;
    overflow-y: scroll;
    background: transparent;
}

.wb-rx-table-body-wrap {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 120px;
    overflow-x: hidden;
    overflow-y: scroll;
    border: 1px solid #e5e6eb;
    border-radius: 6px;
    background: #fff;
}

.wb-rx-table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

.wb-rx-table th {
    padding: 0 8px 8px 0;
    color: #8f959e;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    line-height: 20px;
    border-bottom: 0;
}

.wb-rx-table-head-wrap .wb-rx-table th:first-child,
.wb-rx-table-body-wrap .wb-rx-table td:first-child {
    padding-left: 10px;
}

.wb-rx-table td {
    padding: 8px 8px 8px 0;
    vertical-align: middle;
    border-bottom: 1px solid #f0f1f3;
    color: #1f2329;
    font-size: 14px;
    line-height: 22px;
}

.wb-rx-table .rx-editor-row td {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e8ebf0;
    background: #f5f8ff;
}

.wb-rx-table .rx-editor-row .wb-rx-input,
.wb-rx-table .rx-editor-row .wb-rx-select {
    border-color: #c9d6f5;
    background: #fff;
}

.wb-rx-table .rx-added td {
    height: 44px;
    background: #fff;
}

.wb-rx-table-body-wrap .wb-rx-table .rx-added:last-child td {
    border-bottom: 0;
}

.wb-rx-form.is-wm .wb-rx-table .rx-col-check {
    width: 32px;
    padding-right: 4px;
}

.wb-rx-form.is-wm .wb-rx-table .rx-col-name {
    width: auto;
}

.wb-rx-form.is-wm .wb-rx-table .rx-col-usage {
    width: 96px;
}

.wb-rx-form.is-wm .wb-rx-table .rx-col-dose {
    width: 72px;
}

.wb-rx-form.is-wm .wb-rx-table .rx-col-unit {
    width: 80px;
}

.wb-rx-form.is-wm .wb-rx-table .rx-col-freq {
    width: 96px;
}

.wb-rx-form.is-wm .wb-rx-table .rx-col-days {
    width: 64px;
}

.wb-rx-form.is-wm .wb-rx-table .rx-col-qty {
    width: 64px;
}

.wb-rx-form.is-wm .wb-rx-table .rx-col-qty-unit {
    width: 108px;
}

.form-group-full {
    clear: both;
    width: 100%;
    margin-bottom: 18px;
}

.checkbox-row {
    clear: both;
    padding-top: 4px;
    margin-bottom: 8px;
}

.checkbox-row .checkbox-line {
    display: inline-block;
    margin-top: 0;
    margin-right: 28px;
    vertical-align: middle;
    cursor: pointer;
}

.checkbox-row .checkbox-line input {
    width: auto;
    height: auto;
    margin-right: 7px;
    vertical-align: middle;
}

.tag-input-field {
    position: relative;
}

.tag-input {
    position: relative;
    min-height: 40px;
    padding: 4px 32px 4px 8px;
    border: 1px solid #c9cdd4;
    border-radius: 5px;
    background: #fff;
    cursor: text;
}

.tag-input.is-focused {
    border-color: #3370ff;
    box-shadow: 0 0 0 2px #e8f0ff;
}

.tag-input-inner {
    overflow: hidden;
}

.tag-input-chip {
    display: inline-block;
    max-width: 100%;
    margin: 3px 6px 3px 0;
    padding: 2px 6px 2px 8px;
    border: 1px solid #d3e0ff;
    border-radius: 4px;
    background: #eef3ff;
    color: #1f2329;
    font-size: 13px;
    line-height: 22px;
    vertical-align: middle;
}

.tag-input-chip-text {
    display: inline-block;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.tag-input-chip-remove {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 4px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #8f959e;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

.tag-input-chip-remove:hover {
    background: #dbe4ff;
    color: #1f2329;
}

.tag-input-editor {
    display: inline-block;
    width: 160px;
    min-width: 120px;
    max-width: 100%;
    height: 28px !important;
    margin: 3px 0;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    vertical-align: middle;
    outline: none;
}

.tag-input-clear {
    display: none;
    position: absolute;
    top: 50%;
    right: 8px;
    z-index: 1;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #8f959e;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    cursor: pointer;
}

.tag-input.has-value .tag-input-clear {
    display: block;
}

.tag-input-clear:hover {
    background: #e5e6eb;
    color: #1f2329;
}

.tag-input-dropdown {
    display: none;
    position: absolute;
    z-index: 40;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: 4px;
    max-height: 220px;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #c9cdd4;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 8px 20px rgba(31, 35, 41, 0.12);
}

.tag-input-dropdown.is-open {
    display: block;
}

.tag-input-hit {
    display: block;
    width: 100%;
    padding: 8px 12px;
    border: 0;
    border-bottom: 1px solid #f0f1f2;
    background: #fff;
    color: #1f2329;
    font: inherit;
    font-size: 14px;
    text-align: left;
    cursor: pointer;
}

.tag-input-hit:last-child {
    border-bottom: 0;
}

.tag-input-hit:hover,
.tag-input-hit.is-active {
    background: #eef4ff;
}

.tag-input-empty {
    display: none;
    padding: 10px 12px;
    color: #8f959e;
    font-size: 12px;
}


.wb-rx-form.is-tcm .wb-rx-table .rx-col-name {
    width: auto;
}

.wb-rx-form.is-tcm .wb-rx-table .rx-col-usage {
    width: 96px;
}

.wb-rx-form.is-tcm .wb-rx-table .rx-col-dose {
    width: 80px;
}

.wb-rx-form.is-tcm .wb-rx-table .rx-col-unit {
    width: 80px;
}

.wb-rx-table .rx-col-act {
    width: 40px;
    padding-right: 0;
    text-align: center;
}

.wb-rx-table .wb-rx-input,
.wb-rx-table .wb-rx-select {
    height: 34px;
    font-size: 14px;
}

.wb-rx-table .rx-added .wb-rx-input,
.wb-rx-table .rx-added .wb-rx-select {
    width: 100%;
    border-color: #d0d3d6;
    background: #fff;
}

.wb-rx-table .rx-editor-row .wb-rx-input:focus,
.wb-rx-table .rx-editor-row .wb-rx-select:focus,
.wb-rx-table .rx-added .wb-rx-input:focus,
.wb-rx-table .rx-added .wb-rx-select:focus {
    border-color: #1f4fd8;
    box-shadow: 0 0 0 2px rgba(31, 79, 216, 0.28);
}

.wb-rx-table .rx-drug-cell .wb-rx-input {
    width: 100%;
}

.wb-rx-table .rx-name-text {
    display: inline-block;
    max-width: calc(100% - 20px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.wb-rx-table .rx-added.is-stock-lack .rx-name-text {
    max-width: calc(100% - 40px);
    color: #d9480f;
}

.rx-stock-lack {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 6px;
    border-radius: 8px;
    background: #d9480f;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    text-align: center;
    vertical-align: middle;
    cursor: default;
}

.rx-icon-btn {
    display: inline-block;
    width: 24px;
    height: 24px;
    padding: 0;
    border: 0;
    background: transparent;
    vertical-align: middle;
    line-height: 24px;
    cursor: pointer;
}

.rx-icon-btn img {
    display: block;
    width: 24px;
    height: 24px;
}

.rx-group-bar {
    display: none;
    float: left;
    width: 8px;
    height: 18px;
    margin: 2px 8px 0 0;
    border-left: 2px solid #3370ff;
}

.rx-spec-text {
    margin-left: 6px;
    color: #8f959e;
    font-size: 12px;
}

.rx-check-wrap {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
}

.wb-rx-pack {
    color: #646a73;
    font-size: 14px;
    line-height: 36px;
}

.rx-num {
    width: 52px;
    margin: 0 4px;
    text-align: center;
    vertical-align: middle;
}

.rx-proxy-line {
    color: #1f2329;
}

.rx-template-card {
    width: 920px;
}

.rx-template-body {
    padding: 0;
}

.rx-template-split {
    width: 100%;
}

.rx-tpl-left {
    width: 320px;
    border-right: 1px solid #eff0f1;
}

.rx-tpl-filter {
    overflow: hidden;
    padding: 12px;
    border-bottom: 1px solid #eff0f1;
}

.rx-tpl-filter input {
    float: left;
    width: 58%;
    height: 32px;
    box-sizing: border-box;
}

.rx-tpl-filter select {
    float: right;
    width: 38%;
    height: 32px;
    box-sizing: border-box;
}

.rx-tpl-list {
    height: 420px;
    overflow: auto;
}

.rx-tpl-item {
    display: block;
    width: 100%;
    padding: 10px 12px;
    border: 0;
    border-bottom: 1px solid #f5f6f7;
    background: #fff;
    text-align: left;
    cursor: pointer;
}

.rx-tpl-item:hover,
.rx-tpl-item.is-active {
    background: #e8f3ff;
}

.rx-tpl-item strong {
    display: block;
    color: #1f2329;
    font-size: 14px;
}

.rx-tpl-item span {
    display: block;
    margin-top: 4px;
    color: #8f959e;
    font-size: 12px;
}

.rx-tpl-right {
    vertical-align: top;
}

.rx-tpl-detail {
    height: 476px;
    overflow: auto;
    padding: 16px;
}

.rx-tpl-detail h3 {
    margin: 0 0 8px;
    font-size: 16px;
}

.rx-tpl-detail p {
    margin: 0 0 12px;
    color: #646a73;
    font-size: 13px;
}

.rx-tpl-detail .data-table {
    margin: 0;
}

.rx-stock-lack-card {
    width: 860px;
}

.rx-stock-lack-lead {
    margin: 0 0 14px;
    color: #646a73;
    font-size: 13px;
    line-height: 22px;
}

.dx-hit.is-low-stock em,
.dx-low-stock {
    display: inline-block;
    margin-left: 6px;
    color: #ad6800;
    font-style: normal;
    font-size: 12px;
}

.dx-hit.is-low-stock span {
    color: #ad6800;
}

.wb-panel-tabs {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    overflow: hidden;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    min-height: 42px;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 1px solid #e5e6eb;
}

.wb-panel-tabs-nav {
    overflow: hidden;
}

.wb-panel-tabs-actions {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    min-height: 32px;
    padding-bottom: 4px;
    white-space: nowrap;
}

.wb-panel-tabs-actions .button {
    margin-left: 8px;
}

.wb-rx-card-body {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    padding: 12px 16px 16px;
}

.wb-panel-tabs-nav a {
    float: left;
    margin-right: 28px;
    padding: 8px 0;
    color: #646a73;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
}

.wb-panel-tabs-nav a.active {
    color: #3370ff;
    border-bottom-color: #3370ff;
}

.wb-field {
    margin-bottom: 14px;
}

.wb-label {
    display: block;
    margin-bottom: 6px;
    color: #1f2329;
    font-size: 14px;
    line-height: 22px;
}

.wb-fixed-textarea,
.wb-field .dx-input,
.history-textarea,
.pe-grid input {
    width: 100%;
    border: 1px solid #dee0e3;
    border-radius: 4px;
    background: #fff;
    font: inherit;
    font-size: 14px;
    outline: none;
}

.wb-fixed-textarea,
.history-textarea {
    height: 56px;
    padding: 7px 10px;
    line-height: 20px;
    resize: none;
    overflow: auto;
}

.wb-field .dx-input,
.pe-grid input {
    height: 36px;
    padding: 0 10px;
}

.wb-field .dx-input {
    padding-right: 56px;
}

.wb-fixed-textarea:focus,
.wb-field .dx-input:focus,
.history-textarea:focus,
.pe-grid input:focus {
    border-color: #3370ff;
    box-shadow: 0 0 0 2px #e8f0ff;
}

.dx-row-body {
    position: relative;
}

.dx-row-body.has-remove {
    padding-right: 30px;
}

.dx-row-input {
    position: relative;
}

.dx-custom-tag {
    position: absolute;
    top: 8px;
    right: 10px;
    color: #ff8800;
    font-size: 12px;
    line-height: 20px;
}

.dx-remove {
    width: 22px;
    height: 22px;
    padding: 0;
    border: 0;
    background: transparent;
    line-height: 22px;
    cursor: pointer;
}

.dx-row-body .dx-remove {
    position: absolute;
    top: 7px;
    right: 0;
}

.dx-remove img {
    display: block;
    width: 22px;
    height: 22px;
}

.dx-dropdown {
    display: none;
    position: absolute;
    z-index: 30;
    top: 38px;
    right: 0;
    left: 0;
    max-height: 220px;
    overflow: auto;
    border: 1px solid #dee0e3;
    border-radius: 6px;
    background: #fff;
}

.dx-dropdown.is-fixed {
    position: fixed;
    right: auto;
    z-index: 1200;
}

.rx-select-drop {
    min-width: 160px;
    max-height: 240px;
}

.dx-hit {
    display: block;
    width: 100%;
    padding: 8px 12px;
    border: 0;
    background: #fff;
    text-align: left;
    cursor: pointer;
}

.dx-hit:hover,
.dx-hit.is-active {
    background: #eef4ff;
}

.dx-hit span {
    display: block;
    color: #8f959e;
    font-size: 12px;
}

.dx-empty {
    padding: 10px 12px;
    color: #8f959e;
    font-size: 12px;
}

.wb-add-link {
    display: inline-block;
    margin: 2px 0 14px;
    color: #3370ff;
    font-size: 14px;
    line-height: 22px;
    text-decoration: none;
}

.wb-add-link img {
    width: 16px;
    height: 16px;
    margin-right: 4px;
    vertical-align: -3px;
}

.pe-block,
.pe-sub {
    width: 100%;
    margin-bottom: 14px;
    padding: 12px;
    border-radius: 6px;
    background: #f5f6f7;
}

.pe-sub {
    margin-bottom: 12px;
    background: #fff;
    border: 1px solid #dee0e3;
}

.pe-block > .pe-body > .pe-sub:last-child {
    margin-bottom: 0;
}

.pe-toggle {
    display: block;
    position: relative;
    width: 100%;
    padding-right: 20px;
    color: #1f2329;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    cursor: pointer;
}

.pe-toggle:after {
    position: absolute;
    top: 8px;
    right: 4px;
    width: 0;
    height: 0;
    border-top: 6px solid #8f959e;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: "";
}

.pe-block.is-open > .pe-toggle:after,
.pe-sub.is-open > .pe-toggle:after {
    top: 6px;
    border-top: 0;
    border-bottom: 6px solid #8f959e;
}

.pe-sub .pe-body,
.pe-sub .pe-sub-body,
.pe-block .pe-body {
    display: none;
    margin-top: 12px;
}

.pe-block.is-open > .pe-body,
.pe-sub.is-open > .pe-sub-body {
    display: block;
}

.pe-grid {
    overflow: hidden;
}

.pe-grid label {
    float: left;
    width: 48%;
    margin: 0 2% 12px 0;
    color: #1f2329;
    font-size: 14px;
    line-height: 22px;
}

.pe-grid input {
    display: block;
    margin-top: 6px;
}

.exam-thumbs {
    overflow: hidden;
}

.exam-thumb,
.exam-add {
    position: relative;
    float: left;
    width: 72px;
    height: 72px;
    margin: 0 8px 8px 0;
    overflow: hidden;
    border: 1px dashed #c9cdd4;
    border-radius: 6px;
    background: #fff;
}

.exam-thumb img {
    display: block;
    width: 72px;
    height: 72px;
}

.exam-thumb .dx-remove {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 18px;
    height: 18px;
}

.exam-thumb .dx-remove img {
    width: 18px;
    height: 18px;
}

.exam-add {
    color: #8f959e;
    font-size: 28px;
    line-height: 72px;
    text-align: center;
    cursor: pointer;
}

.exam-add input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
}

.pager {
    margin-top: 16px;
    color: #646a73;
}

.pager a {
    margin-right: 12px;
}

.sidebar-footer a {
    color: #646a73;
}

.admin-modal-card {
    width: 480px;
}

.admin-modal-card .form-group {
    margin-bottom: 14px;
}

.admin-modal-card .form-group label {
    display: block;
    margin-bottom: 6px;
    color: #646a73;
    font-size: 13px;
}

.admin-modal-card .form-group input[type="text"],
.admin-modal-card .form-group input[type="password"],
.admin-modal-card .form-group input[type="number"],
.admin-modal-card .form-group select {
    width: 100%;
    height: 36px;
    padding: 6px 10px;
    border: 1px solid #c9cdd4;
    border-radius: 5px;
    background: #fff;
    font: inherit;
    font-size: 14px;
    box-sizing: border-box;
}

.check-grid .check-line {
    display: block;
    margin: 0 0 8px;
}

.suggest-field {
    position: relative;
}

.suggest-drop {
    position: absolute;
    z-index: 40;
    top: 38px;
    right: 0;
    left: 0;
    overflow: auto;
    max-height: 200px;
    border: 1px solid #e5e6eb;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 8px 20px rgba(31, 35, 41, 0.12);
}

.suggest-drop .dx-hit {
    height: 40px;
    padding: 6px 12px;
    box-sizing: border-box;
}

.suggest-drop .dx-hit strong {
    display: block;
    overflow: hidden;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.modal-open {
    overflow: hidden;
}

.wb-dept,
.wb-dept-name {
    padding: 8px 12px 0;
    color: #4e5969;
    font-size: 12px;
}

.wb-dept select {
    width: 100%;
    height: 32px;
}

.wb-dept-name.is-empty {
    color: #d83931;
}

.split-layout {
    width: 100%;
    border-collapse: separate;
    border-spacing: 16px 0;
    table-layout: fixed;
}

.split-left {
    width: 300px;
    vertical-align: top;
}

.split-right {
    vertical-align: top;
}

.split-panel {
    margin-bottom: 0;
}

.split-search {
    overflow: hidden;
    padding: 10px 12px;
    border-bottom: 1px solid #eff0f1;
}

.split-search input {
    float: left;
    width: 70%;
    height: 32px;
    box-sizing: border-box;
}

.split-search .button {
    float: right;
}

.dept-nav {
    height: 520px;
    overflow: auto;
}

.dept-nav-row {
    padding: 8px 12px;
    border-bottom: 1px solid #f5f6f7;
}

.dept-nav-row.is-current {
    background: #e8f3ff;
}

.dept-nav-link {
    color: #1f2329;
    text-decoration: none;
    vertical-align: middle;
}

.dept-indent {
    display: inline-block;
    vertical-align: middle;
}

.dept-toggle {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 6px;
    padding: 0;
    border: 1px solid #d0d3d6;
    border-radius: 3px;
    background: #fff;
    color: #4e5969;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

.dept-toggle.is-leaf {
    border-color: transparent;
    background: transparent;
    color: #c9cdd4;
    cursor: default;
}

.dept-name-input {
    display: inline-block;
    width: 240px;
    max-width: 72%;
    vertical-align: middle;
}

.modal-search {
    overflow: hidden;
    padding: 12px 20px 0;
}

.modal-search input {
    float: left;
    width: 72%;
    height: 32px;
    box-sizing: border-box;
}

.modal-search .button {
    float: right;
}


/* ===== 药品档案：自动填充底色统一压回白底（Chrome autofill 蓝底失焦不消失） ===== */
.form-card input:-webkit-autofill,
.form-card input:-webkit-autofill:hover,
.form-card input:-webkit-autofill:focus,
.form-card textarea:-webkit-autofill,
.form-card select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
}

/* ===== 药品档案：适应症诊断检索下拉 =====
   挂在 body 上由 JS 用 fixed 定位（.form-columns 有 overflow:hidden 会裁切
   绝对定位下拉，与药品检索下拉同一种解法），层级高于表单内容 */
.indication-dropdown {
    display: none;
    position: fixed;
    z-index: 60;
    max-height: 220px;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #e5e6eb;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 4px 12px rgba(31, 35, 41, 0.12);
}

.indication-dropdown.is-open {
    display: block;
}

.indication-dropdown .indication-empty {
    display: none;
    padding: 10px 12px;
    color: #8f959e;
    font-size: 12px;
}

.indication-dropdown.is-empty .indication-empty {
    display: block;
}

.indication-hit {
    display: block;
    width: 100%;
    padding: 8px 12px;
    border: 0;
    background: none;
    color: #1f2329;
    font-size: 13px;
    text-align: left;
    cursor: pointer;
}

.indication-hit:hover,
.indication-hit.is-active {
    background: #f0f4ff;
}

.indication-hit em {
    margin-left: 6px;
    color: #8f959e;
    font-style: normal;
    font-size: 12px;
}

/* ===== 药品档案：说明书长文本 ===== */
.drug-instructions {
    display: block;
    width: 100%;
    min-height: 180px;
    padding: 10px 12px;
    border: 1px solid #dee0e3;
    border-radius: 8px;
    font-size: 13px;
    line-height: 1.7;
    resize: vertical;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* ===== 表单校验：漏填项红框（配合 JS 聚焦与提示） ===== */
.field-invalid,
.field-invalid:focus {
    border: 1px solid #f54a45 !important;
    box-shadow: 0 0 0 2px rgba(245, 74, 69, 0.12) !important;
}

.tag-input.field-invalid {
    border: 1px solid #f54a45 !important;
}

/* ===== 药品档案：剂量单位换算表 ===== */
.dose-conv-table {
    width: 100%;
    border: 1px solid #e5e6eb;
    border-radius: 8px;
    border-collapse: separate;
    border-spacing: 0;
    background: #fff;
}

.dose-conv-table th {
    padding: 8px 12px;
    border-bottom: 1px solid #e5e6eb;
    background: #f7f8fa;
    color: #4e5969;
    font-size: 12px;
    font-weight: 600;
    text-align: left;
}

.dose-conv-table td {
    padding: 6px 12px;
    border-bottom: 1px solid #f0f1f3;
    font-size: 13px;
}

.dose-conv-table tr:last-child td {
    border-bottom: 0;
}

.dose-conv-factor {
    width: 220px;
    padding: 6px 10px;
    border: 1px solid #dee0e3;
    border-radius: 6px;
    font-size: 13px;
}

.dose-conv-remove {
    min-width: 32px;
    padding: 4px 0;
}

.dose-conv-add {
    position: relative;
    margin-top: 8px;
}

.dose-conv-add-input {
    width: 280px;
    padding: 7px 10px;
    border: 1px dashed #c9cdd4;
    border-radius: 6px;
    font-size: 13px;
}

.dose-conv-add .tag-input-dropdown {
    top: 100%;
    left: 0;
    width: 280px;
}

/* ===== 剂量单位换算表：常驻编辑行 ===== */
.dose-conv-edit-row td {
    background: #fafbfc;
}

.dose-conv-unit-input {
    width: 140px;
    padding: 6px 10px;
    border: 1px solid #dee0e3;
    border-radius: 6px;
    font-size: 13px;
}

.dose-conv-edit-row .dose-conv-factor {
    border-style: dashed;
}

.dose-conv-empty-row td {
    color: #8f959e;
    font-size: 12px;
    text-align: center;
}

.dose-conv-dropdown {
    z-index: 60;
}

/* ===== 模板列表：诊断/证候标签（静态展示） ===== */
.tpl-dx-chip-static {
    display: inline-block;
    margin: 1px 4px 1px 0;
    padding: 0 8px;
    border-radius: 4px;
    background: #e8f0ff;
    color: #245bdb;
    font-size: 12px;
    line-height: 20px;
    vertical-align: middle;
}

/* 模板行：td 顶部对齐，保证药品检索框与同行用法/剂量等输入同一水平线
   （药品列因 meta 预留高度比其他列高，默认 middle 对齐会错位） */
.tpl-items-table td {
    vertical-align: top;
}

/* 模板行内控件高度统一（select 与 input 同高，顶部对齐后同一水平线） */
#tpl-items td > select,
#tpl-items td > input {
    margin-top: 0;
}

/* 模板行删除按钮与行内输入框同高（输入框 36px，基础按钮 38px） */
#tpl-items .tpl-remove {
    min-width: 56px;
    height: 36px;
    padding: 7px 12px;
    box-sizing: border-box;
}

/* ===== 平台看板：统计卡片 ===== */
.stat-grid {
    overflow: hidden;
    margin: 0 0 20px;
}

.stat-card {
    float: left;
    width: 23%;
    margin: 0 2% 12px 0;
    padding: 14px 16px;
    border: 1px solid #e5e6eb;
    border-radius: 8px;
    background: #fff;
}

.stat-card:nth-child(4n) {
    margin-right: 0;
}

.stat-label {
    display: block;
    color: #8f959e;
    font-size: 12px;
}

.stat-value {
    display: block;
    margin-top: 6px;
    color: #1f2329;
    font-size: 24px;
    font-weight: 600;
}

/* 平台品牌方块（深色调区别于诊所） */
.brand-mark-platform {
    background: #1f2329;
}

/* ===== 药品身份字段锁定标记（编辑时不可改，新建可填） ===== */

.form-group input[data-locked="1"],
.form-group select[data-locked="1"] {
    background: #f2f3f5 !important;
    color: #8f959e !important;
    cursor: not-allowed;
    pointer-events: none;
    opacity: 1;
}

.status-active { color: #34c724; }
.status-inactive { color: #a2a8b0; }

.brand-mark-ai {
    background: #3370ff;
    font-size: 20px;
    -webkit-font-smoothing: antialiased;
}


/* ===== 弹窗内表单统一排布 ===== */
.modal-body .form-group {
    margin-bottom: 14px;
}

.modal-body .form-group > label {
    display: block;
    margin-bottom: 6px;
    color: #1f2329;
    font-size: 14px;
    font-weight: 500;
}

.modal-body .form-group > input,
.modal-body .form-group > select {
    width: 100%;
    height: 36px;
    padding: 7px 10px;
    border: 1px solid #dee0e3;
    border-radius: 6px;
    font-size: 14px;
    box-sizing: border-box;
}

.modal-body .form-columns {
    margin: 0 -7px;
    overflow: hidden;
}

.modal-body .form-columns .form-column {
    float: left;
    width: 50%;
    padding: 0 7px;
    box-sizing: border-box;
}

.modal-body .field-help {
    display: block;
    margin-top: 4px;
    color: #8f959e;
    font-size: 12px;
}

/* ===== 站内消息浮窗（三端通用，可拖拽）===== */

#notify-widget {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 900;
    width: 54px;
    height: 54px;
}

#notify-fab {
    display: block;
    width: 54px;
    height: 54px;
    border: none;
    border-radius: 50%;
    background: linear-gradient(135deg, #3370ff 0%, #1e50d8 100%);
    -webkit-box-shadow: 0 6px 18px rgba(51, 112, 255, 0.45);
    box-shadow: 0 6px 18px rgba(51, 112, 255, 0.45);
    cursor: grab\9;
    cursor: grab;
    position: relative;
    -webkit-transition: -webkit-transform .2s ease, box-shadow .2s ease;
    transition: transform .2s ease, box-shadow .2s ease;
}

#notify-fab:hover {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
    -webkit-box-shadow: 0 10px 26px rgba(51, 112, 255, 0.55);
    box-shadow: 0 10px 26px rgba(51, 112, 255, 0.55);
}

#notify-fab:active { cursor: grabbing; }

#notify-widget.is-dragging #notify-fab {
    -webkit-transform: scale(0.96);
    transform: scale(0.96);
    -webkit-box-shadow: 0 14px 30px rgba(51, 112, 255, 0.6);
    box-shadow: 0 14px 30px rgba(51, 112, 255, 0.6);
}

#notify-fab svg {
    display: block;
    margin: 15px auto 0;
}

/* 未读角标：红底白字 + 呼吸动画 */
.notify-badge {
    position: absolute;
    top: -3px;
    right: -3px;
    min-width: 18px;
    height: 18px;
    line-height: 18px;
    padding: 0 4px;
    border-radius: 9px;
    background: #ff4d4f;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    -webkit-box-shadow: 0 2px 6px rgba(255, 77, 79, 0.5);
    box-shadow: 0 2px 6px rgba(255, 77, 79, 0.5);
    -webkit-animation: notify-pulse 2.4s ease-in-out infinite;
    animation: notify-pulse 2.4s ease-in-out infinite;
}

@-webkit-keyframes notify-pulse {
    0%, 100% { -webkit-transform: scale(1); transform: scale(1); }
    50% { -webkit-transform: scale(1.18); transform: scale(1.18); }
}

@keyframes notify-pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.18); }
}

/* 面板：从右下角回弹展开 */
.notify-panel {
    position: absolute;
    right: 0;
    bottom: 66px;
    width: 340px;
    max-height: 460px;
    background: #fff;
    border-radius: 12px;
    -webkit-box-shadow: 0 12px 40px rgba(31, 35, 41, 0.18), 0 0 0 1px rgba(31, 35, 41, 0.04);
    box-shadow: 0 12px 40px rgba(31, 35, 41, 0.18), 0 0 0 1px rgba(31, 35, 41, 0.04);
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    -webkit-transform: translateY(10px) scale(0.9);
    transform: translateY(10px) scale(0.9);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: -webkit-transform .25s cubic-bezier(.34, 1.56, .64, 1), opacity .18s ease, visibility .25s;
    transition: transform .25s cubic-bezier(.34, 1.56, .64, 1), opacity .18s ease, visibility .25s;
}

.notify-panel.is-open {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    visibility: visible;
}

/* 面板贴屏边时的翻转由 JS 切换 is-flip-x / is-flip-y */
.notify-panel.is-flip-x {
    right: auto;
    left: 0;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

.notify-panel.is-flip-y {
    bottom: auto;
    top: 66px;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

.notify-panel.is-flip-x.is-flip-y { -webkit-transform-origin: 0 0; transform-origin: 0 0; }

.notify-panel-header {
    padding: 12px 14px 10px;
    border-bottom: 1px solid #ebeef2;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    cursor: grab\9;
    cursor: grab;
}

.notify-panel-title {
    font-size: 14px;
    font-weight: 700;
    color: #1f2329;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

.notify-panel-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: linear-gradient(135deg, #3370ff, #1e50d8);
    margin-right: 8px;
}

.notify-panel-actions { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; }

.notify-link {
    border: none;
    background: none;
    padding: 0;
    margin-right: 12px;
    font-size: 12px;
    color: #3370ff;
    cursor: pointer;
}

.notify-link:hover { text-decoration: underline; }

.notify-panel-close {
    border: none;
    background: none;
    font-size: 18px;
    line-height: 1;
    color: #8f959e;
    cursor: pointer;
    padding: 2px 4px;
}

.notify-panel-close:hover { color: #1f2329; }

.notify-list {
    overflow-y: auto;
    -webkit-flex: 1;
    flex: 1;
    max-height: 400px;
}

.notify-item {
    padding: 10px 14px;
    border-bottom: 1px solid #f2f4f7;
    cursor: pointer;
    -webkit-transition: background .15s ease;
    transition: background .15s ease;
}

.notify-item:last-child { border-bottom: none; }
.notify-item:hover { background: #f5f8ff; }

.notify-item-topline {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
}

.notify-item-title {
    font-size: 13px;
    font-weight: 700;
    color: #1f2329;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

.notify-item.unread .notify-item-title::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #3370ff;
    margin-right: 6px;
    -webkit-flex: none;
    flex: none;
}

.notify-item.read .notify-item-title { color: #646a73; font-weight: 400; }

.notify-item-time {
    font-size: 11px;
    color: #8f959e;
    margin-left: 10px;
    -webkit-flex: none;
    flex: none;
}

.notify-item-content {
    margin-top: 3px;
    font-size: 12px;
    color: #646a73;
    line-height: 1.5;
    display: -webkit-box;
    display: box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.notify-empty {
    padding: 42px 20px;
    text-align: center;
    color: #8f959e;
    font-size: 13px;
}

.notify-empty-icon {
    font-size: 30px;
    line-height: 1;
    margin-bottom: 10px;
    color: #d5d9e0;
}

.notify-loading {
    padding: 30px 20px;
    text-align: center;
    color: #8f959e;
    font-size: 13px;
}

/* 表格操作列里与按钮并排的内嵌表单 */
.data-table .inline-form {
    display: inline-block;
    margin-left: 6px;
    vertical-align: middle;
}

/* 引用平台项目弹窗内的行列表 */
.import-fee-list {
    max-height: 320px;
    overflow-y: auto;
    border: 1px solid #ebeef2;
    border-radius: 6px;
}

.import-fee-row {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    padding: 8px 10px;
    border-bottom: 1px solid #f2f4f7;
}

.import-fee-row:last-child { border-bottom: none; }

.import-fee-info {
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
}

.import-fee-name {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #1f2329;
}

.import-fee-meta {
    display: block;
    font-size: 11px;
    color: #8f959e;
    margin-top: 2px;
}

.import-fee-price {
    width: 70px;
    height: 30px;
    margin-right: 8px;
    padding: 0 8px;
    border: 1px solid #d5d9e0;
    border-radius: 4px;
    text-align: right;
    box-sizing: border-box;
}

/* 表单即时校验缺失字段红框（新增药品申请页等） */
input.field-error, select.field-error, textarea.field-error {
    border: 1px solid #e54545 !important;
    background: #fff6f6;
}

/* 页脚备案号（法定悬挂项，三端 + 登录页共用）：小字次要色，不抢视觉主次 */
.site-footer {
    clear: both;
    margin: 0 30px;
    padding: 6px 0 18px;
    text-align: center;
    font-size: 12px;
    color: #9aa1ac;
}

.site-footer .beian-link {
    color: #9aa1ac;
    text-decoration: none;
}

.site-footer .beian-link:hover {
    color: #5b6b85;
    text-decoration: underline;
}

/* 登录页：卡片下方留一屏内的空隙即可（登录页无侧栏） */
.login-body .site-footer {
    margin: 48px 20px 12px;
    padding: 0;
}