/* 商标销售客服管理系统 - 样式表 */
* { margin: 0; padding: 0; box-sizing: border-box; }

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  background: #f0f2f5;
  color: #333;
  font-size: 14px;
}

/* Operational workbenches */
.workbench-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:16px; }
.workbench-heading h2 { font-size:22px; margin:0 0 5px; letter-spacing:0; }
.workbench-heading p, .panel-heading p { color:#77808a; margin:0; font-size:13px; }
.shift-control { display:flex; align-items:center; gap:12px; background:#fff; border:1px solid #e4e8ed; padding:8px 10px 8px 16px; border-radius:6px; }
.time-alert { margin-bottom:12px; overflow:hidden; color:#7f1d1d; background:#fff; border:1px solid #efb8bb; border-left:5px solid #c9343c; border-radius:6px; box-shadow:0 2px 10px rgba(159,31,38,.08); }
.time-alert-main { min-height:92px; display:grid; grid-template-columns:92px minmax(0,1fr) auto; align-items:center; gap:16px; padding:13px 17px; background:#fff7f7; }
.time-alert-clock { align-self:stretch; display:flex; flex-direction:column; align-items:center; justify-content:center; border-right:1px solid #f0cfd1; }
.time-alert-clock span { font-size:12px; font-weight:700; }.time-alert-clock strong { margin-top:3px; font-size:25px; letter-spacing:0; }
.time-alert-copy span,.time-alert-copy strong,.time-alert-copy small { display:block; }.time-alert-copy span { margin-bottom:3px; color:#b32931; font-size:12px; font-weight:700; }.time-alert-copy strong { color:#64191d; font-size:17px; }.time-alert-copy small { margin-top:5px; color:#77575a; line-height:1.4; }
.time-alert.current { border-color:#e45d63; }.time-alert.overdue { border-color:#bd2028; box-shadow:0 2px 12px rgba(159,31,38,.14); }.time-alert.upcoming { color:#73510a; border-color:#e5c46c; border-left-color:#d39916; }.time-alert.upcoming .time-alert-main { background:#fffaf0; }.time-alert.upcoming .time-alert-clock { border-color:#ead9ad; }.time-alert.upcoming .time-alert-copy span { color:#94670c; }.time-alert.upcoming .time-alert-copy strong { color:#5d460f; }.time-alert.done { color:#176345; border-color:#9acbb7; border-left-color:#16855b; }.time-alert.done .time-alert-main { background:#f4fbf7; }.time-alert.done .time-alert-clock { border-color:#c7e0d6; }.time-alert.done .time-alert-copy span,.time-alert.done .time-alert-copy strong { color:#176345; }
.work-timeline { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); border-top:1px solid #efd6d8; background:#fff; }
.timeline-item { position:relative; min-width:0; min-height:66px; padding:9px 11px; border:0; border-right:1px solid #edf0f2; background:#fff; cursor:pointer; text-align:left; }.timeline-item:last-child { border-right:0; }.timeline-item span,.timeline-item strong,.timeline-item i { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.timeline-item span { color:#7b858e; font-size:11px; }.timeline-item strong { margin:4px 0; color:#3e4851; font-size:12px; }.timeline-item i { color:#879099; font-size:11px; font-style:normal; }.timeline-item.current { background:#fff0f1; box-shadow:inset 0 3px #cf343c; }.timeline-item.current i,.timeline-item.overdue i { color:#b2232b; font-weight:700; }.timeline-item.overdue { background:#fff8f8; }.timeline-item.done { background:#f5faf7; }.timeline-item.done i { color:#16855b; font-weight:700; }.timeline-item.upcoming:hover { background:#f7f9fa; }
.time-alert-realtime { padding:7px 15px; color:#91252b; background:#fdebed; border-top:1px solid #f2ccce; font-size:12px; font-weight:700; text-align:center; }
.timeline-item.overdue i { width:max-content; padding:2px 6px; border:1px solid #efb8bb; border-radius:3px; background:#fff; }
.timeline-item.overdue:hover { background:#fff0f1; }
.timeline-item.done.made-up { background:#eefaf4; box-shadow:inset 0 3px #16855b; }
.timeline-item.done.made-up i { width:max-content; padding:2px 6px; border:1px solid #9acbb7; border-radius:3px; background:#fff; }
.time-alert.unselected { border-color:#e5c46c; border-left-color:#d39916; }.time-alert.unselected .time-alert-main { background:#fffaf0; }.time-alert.unselected .time-alert-copy span,.time-alert.unselected .time-alert-copy strong { color:#72510b; }
.next-action { min-height:80px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:16px; padding:14px 18px; margin-bottom:12px; background:#fff; border:1px solid #dbe2e8; border-left:4px solid #3279c6; border-radius:6px; box-shadow:0 2px 8px rgba(32,51,71,.06); }
.next-action.danger { border-left-color:#c83d43; }.next-action.warning { border-left-color:#d29a13; }.next-action.success { border-left-color:#16855b; }
.next-action-mark { padding:5px 9px; border-radius:4px; color:#245f9e; background:#e9f2fc; font-size:12px; font-weight:700; }
.next-action.danger .next-action-mark { color:#a72e34; background:#fdebec; }.next-action.warning .next-action-mark { color:#805500; background:#fff1ce; }.next-action.success .next-action-mark { color:#116c4b; background:#e7f6ef; }
.next-action-copy strong,.next-action-copy span { display:block; }.next-action-copy strong { font-size:16px; }.next-action-copy span { margin-top:5px; color:#6f7983; font-size:13px; }
.response-banner { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 18px; margin-bottom:16px; color:#4d3800; background:#fff8d9; border:1px solid #f1d56b; border-left:4px solid #d69e00; border-radius:6px; }
.response-banner.compact { padding:9px 14px; }
.response-banner strong, .response-banner span { display:block; }
.response-banner span { margin-top:3px; font-size:13px; }
.daily-overview { display:grid; grid-template-columns:150px repeat(4,minmax(120px,1fr)); align-items:center; gap:1px; margin-bottom:16px; background:#dde2e7; border:1px solid #dde2e7; border-radius:6px; overflow:hidden; }
.completion-ring, .overview-number { height:110px; background:#fff; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.completion-ring { position:relative; background:conic-gradient(#16855b var(--progress),#edf0f2 0); }
.completion-ring::after { content:""; position:absolute; width:78px; height:78px; border-radius:50%; background:#fff; }
.completion-ring strong,.completion-ring span { z-index:1; }
.completion-ring strong { font-size:23px; }
.completion-ring span,.overview-number span { font-size:12px; color:#7a838c; margin-top:3px; }
.overview-number strong { font-size:24px; margin-top:5px; }
.work-panel { background:#fff; border:1px solid #e2e6ea; border-radius:6px; margin-bottom:16px; overflow:hidden; }
.panel-heading { min-height:65px; display:flex; align-items:center; justify-content:space-between; gap:15px; padding:14px 18px; border-bottom:1px solid #eceff2; }
.panel-heading h3 { margin:0 0 4px; font-size:16px; letter-spacing:0; }
.panel-count { color:#59636e; font-size:13px; }
.execution-list { padding:0 18px; }
.execution-row { min-height:82px; display:grid; grid-template-columns:34px minmax(240px,1fr) auto; align-items:center; gap:14px; border-bottom:1px solid #edf0f2; }
.execution-row:last-child { border-bottom:0; }
.step-number { width:28px; height:28px; display:grid; place-items:center; border-radius:50%; color:#55616d; background:#eef1f3; font-weight:700; }
.execution-row.approved .step-number { color:#fff; background:#16855b; }
.execution-row.complete .step-number { color:#fff; background:#16855b; }.execution-row.complete .progress-track i { background:#16855b; }.execution-row.complete .status-text { color:#16855b; font-weight:700; }
.execution-title { display:flex; justify-content:space-between; gap:12px; margin-bottom:8px; }
.status-text { font-size:12px; color:#69737d; }
.progress-track { width:100%; height:7px; background:#e9edf0; border-radius:4px; overflow:hidden; }
.progress-track i { display:block; height:100%; background:#d19a16; }
.execution-row.approved .progress-track i { background:#16855b; }
.execution-row.rejected { background:#fff9f9; }.execution-row.rejected .step-number { color:#a72e34; background:#fde9ea; }.execution-row.rejected .status-text { color:#b02d35; font-weight:600; }
.execution-main small { display:block; color:#7a838c; margin-top:6px; }
.execution-actions { display:flex; gap:7px; justify-content:flex-end; }
.employee-work-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.compact-list { padding:0 18px; }
.compact-item { min-height:70px; display:grid; grid-template-columns:auto minmax(140px,1fr) auto auto; align-items:center; gap:10px; border-bottom:1px solid #edf0f2; }
.compact-item:last-child { border-bottom:0; }
.compact-item.overdue { position:relative; }.compact-item.overdue::before { content:""; position:absolute; left:-18px; top:10px; bottom:10px; width:3px; border-radius:2px; background:#cf4047; }
.compact-item strong,.compact-item small { display:block; }
.compact-item small { color:#78818a; margin-top:4px; line-height:1.4; }
.level,.order-state { min-width:32px; padding:4px 7px; border-radius:4px; text-align:center; font-size:12px; font-weight:700; }
.level-a { color:#a72626; background:#fee7e7; }.level-b { color:#8a5a00; background:#fff0cb; }
.order-state { color:#166089; background:#e0f2fb; min-width:52px; }
.timing { display:inline-block; margin-left:6px; padding:2px 5px; border-radius:3px; font-size:11px; font-style:normal; font-weight:500; }.timing.danger { color:#a72e34; background:#fde9ea; }.timing.success { color:#116c4b; background:#e7f6ef; }
.followup-pool-group { padding:10px 0 2px; border-bottom:1px solid #e8ecef; }.followup-pool-group:last-child { border-bottom:0; }
.followup-pool-title { min-height:30px; display:flex; align-items:center; justify-content:space-between; gap:10px; }.followup-pool-title strong { color:#69737d; font-size:12px; }
.followup-reason { padding:4px 7px; border-radius:4px; background:#eef1f4; color:#56616c; font-size:12px; font-weight:700; }.followup-reason.danger { color:#a72e34; background:#fde9ea; }.followup-reason.warning { color:#815800; background:#fff1cf; }.followup-reason.primary { color:#245f9e; background:#e9f2fc; }.followup-reason.success { color:#116c4b; background:#e7f6ef; }
.followup-pagination { min-height:54px; display:flex; align-items:center; justify-content:space-between; gap:12px; border-top:1px solid #e5e9ed; }
.followup-pagination > span { color:#69737d; font-size:12px; }
.followup-pagination > div { display:flex; align-items:center; gap:5px; }
.followup-page-number { width:30px; height:30px; padding:0; border:1px solid #d7dde2; border-radius:4px; color:#53606b; background:#fff; cursor:pointer; }
.followup-page-number.active { color:#fff; border-color:#16855b; background:#16855b; font-weight:700; }
.followup-pagination button:disabled { opacity:.45; cursor:not-allowed; }
.followup-empty { min-height:178px; }
.evening-queue-box { padding:14px; border:1px solid #c9def4; border-radius:6px; background:#f7fbff; }
.evening-queue-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }.evening-queue-heading h4 { margin:0 0 4px; }.evening-queue-heading p { margin:0; color:#6f7c88; font-size:12px; }.evening-queue-heading > div:last-child { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:5px; }
.evening-queue-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.finish-panel { padding:18px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.finish-panel h3 { margin:0 0 5px; }.finish-panel p { color:#78818a; margin:0; }
.finish-actions { display:flex; gap:10px; }
.finish-button { min-width:180px; padding:10px 14px; text-align:left; background:#fff; border:1px solid #d7dde2; border-radius:5px; cursor:pointer; }
.finish-button span,.finish-button strong { display:block; }.finish-button span { color:#727c86; font-size:12px; margin-bottom:4px; }
.finish-button.submitted { border-color:#e1ac33; background:#fffaf0; }.finish-button.approved,.finish-button.reviewed { border-color:#54a887; background:#f3fbf7; }
.manager-kpis { display:grid; grid-template-columns:repeat(6,minmax(130px,1fr)); gap:12px; margin-bottom:16px; }
.kpi-box { min-height:104px; padding:14px; border:1px solid #e1e5e9; border-radius:6px; background:#fff; text-align:left; cursor:pointer; }
.kpi-box span,.kpi-box strong,.kpi-box small { display:block; }.kpi-box span { color:#626c75; }.kpi-box strong { font-size:27px; margin:7px 0 4px; }.kpi-box small { color:#8a929a; }
.kpi-box.money { border-top:3px solid #16855b; }.kpi-box.money strong { color:#16855b; font-size:23px; }
.kpi-box.attention { border-top:3px solid #d39b16; }
.manager-layout { display:grid; grid-template-columns:minmax(0,1fr) 290px; gap:16px; }
.manager-team-panel { min-width:0; }.work-table { min-width:920px; }.work-table td:first-child strong,.work-table td:first-child small { display:block; }.work-table td:first-child small { color:#7f8790; margin-top:4px; }
.work-metric { display:inline-block; min-width:53px; text-align:center; padding:5px 7px; border-radius:4px; font-weight:600; }.work-metric.done { color:#11734f; background:#e7f6ef; }.work-metric.doing,.work-metric.review { color:#8a5a00; background:#fff1cf; }.work-metric.missing { color:#a42c2c; background:#fde8e8; }
.table-link,.state-button { border:0; background:transparent; cursor:pointer; color:#176f9e; }.state-button { padding:5px 7px; border-radius:4px; }.state-button.submitted { color:#8a5a00; background:#fff1cf; }.state-button.approved,.state-button.reviewed { color:#11734f; background:#e7f6ef; }.state-button.missing,.state-button.draft { color:#a42c2c; background:#fde8e8; }
.priority-panel { height:max-content; }.priority-item { width:100%; min-height:58px; padding:12px 16px; border:0; border-bottom:1px solid #edf0f2; background:#fff; display:flex; align-items:center; justify-content:space-between; gap:12px; cursor:pointer; text-align:left; }.priority-item:last-child { border-bottom:0; }.priority-item strong { min-width:28px; height:28px; display:grid; place-items:center; border-radius:4px; background:#edf1f4; }.priority-item.warning strong { color:#825300; background:#fff0cc; }.priority-item.danger strong { color:#a42c2c; background:#fde8e8; }
.empty-work { padding:24px; text-align:center; color:#818a93; }
.empty-state { min-height:142px; padding:22px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; color:#7a838c; }.empty-state strong { color:#39434d; font-size:14px; }.empty-state span { max-width:330px; margin:7px 0 12px; font-size:12px; line-height:1.5; }
.shop-entry-summary { padding:13px 15px; margin-bottom:12px; background:#f0f7ff; border-left:3px solid #3279c6; border-radius:4px; }.shop-entry-summary strong,.shop-entry-summary span { display:block; }.shop-entry-summary span { margin-top:4px; color:#66717c; font-size:12px; }
.shop-entry-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-bottom:12px; }.shop-entry-toolbar span { color:#7a838c; font-size:12px; }
.shop-entry-table { min-width:650px; }.shop-entry-table th:last-child,.shop-entry-table td:last-child { width:70px; }.shop-entry-table input,.shop-entry-table select { width:100%; min-width:140px; padding:8px 9px; border:1px solid #d9dee3; border-radius:4px; }
.shop-saved { margin-top:18px; padding-top:15px; border-top:1px solid #e7eaed; }.shop-saved h4 { margin-bottom:10px; }

@media (max-width: 1100px) {
  .manager-kpis { grid-template-columns:repeat(3,1fr); }
  .manager-layout { grid-template-columns:1fr; }.priority-panel { order:-1; }
  .employee-work-grid { grid-template-columns:1fr; }
}

@media (max-width: 700px) {
  .workbench-heading,.response-banner,.finish-panel { align-items:stretch; flex-direction:column; }
  .shift-control { justify-content:space-between; }.daily-overview { grid-template-columns:1fr 1fr; }.completion-ring { grid-row:span 2; height:221px; }
  .manager-kpis { grid-template-columns:1fr 1fr; }.execution-list { padding:0 12px; }.execution-row { grid-template-columns:30px 1fr; padding:14px 0; }.execution-actions { grid-column:2; justify-content:flex-start; flex-wrap:wrap; }
  .compact-item { grid-template-columns:auto 1fr; padding:12px 0; }.compact-item .btn { grid-column:auto; }.finish-actions { flex-direction:column; }.finish-button { min-width:0; width:100%; }
  .followup-pagination { align-items:flex-start; flex-direction:column; padding:10px 0; }.followup-pagination > div { width:100%; overflow-x:auto; padding-bottom:2px; }
  .table-pagination { align-items:flex-start; flex-direction:column; }.table-pagination > div { width:100%; overflow-x:auto; padding-bottom:2px; }
  .next-action { grid-template-columns:auto 1fr; padding:13px; }.next-action .btn { grid-column:1 / -1; width:100%; }.next-action-copy strong { font-size:14px; }
  .time-alert-main { grid-template-columns:72px minmax(0,1fr); gap:11px; padding:12px; }.time-alert-main .btn { grid-column:1 / -1; width:100%; }.time-alert-clock strong { font-size:21px; }.time-alert-copy strong { font-size:15px; }
  .work-timeline { display:flex; overflow-x:auto; scroll-snap-type:x proximity; }.timeline-item { flex:0 0 145px; scroll-snap-align:start; }.time-alert-realtime { text-align:left; }
  .execution-actions .btn { min-height:36px; padding-left:13px; padding-right:13px; }
  .evidence-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); }.evidence-viewer { padding:8px; }.evidence-viewer-dialog { width:100%; max-height:96vh; }.evidence-viewer-body img,.evidence-viewer-body video { max-height:calc(96vh - 110px); }
  body.staff-mode .sidebar { position:fixed; top:auto; bottom:0; left:0; width:100%; height:64px; z-index:500; overflow:visible; }
  body.staff-mode .sidebar .logo { display:none; }
  body.staff-mode .sidebar-menu { height:64px; padding:0; display:grid; grid-template-columns:repeat(4,1fr); }
  body.staff-mode .sidebar-menu li { display:none !important; }
  body.staff-mode .sidebar-menu li[data-page="my-workbench"],body.staff-mode .sidebar-menu li[data-page="customers"],body.staff-mode .sidebar-menu li[data-page="orders"],body.staff-mode .sidebar-menu li[data-page="performance"] { display:block !important; }
  body.staff-mode .sidebar-menu li a { height:64px; padding:7px 2px; flex-direction:column; justify-content:center; gap:3px; font-size:11px; }
  body.staff-mode .sidebar-menu li a .icon { margin:0; height:19px; line-height:19px; }
  body.staff-mode .sidebar-menu li a span:last-child { display:block; }
  body.staff-mode .main-content { width:100%; min-width:0; margin-left:0; padding-bottom:64px; }
  body.staff-mode .header { height:54px; padding:0 12px; }
  body.staff-mode .header .page-title { font-size:16px; }
  body.staff-mode .header .role-badge,body.staff-mode .header .user-name { display:none; }
  body.staff-mode .header .user-info { gap:5px; }
  body.staff-mode .header .btn { padding:5px 7px; font-size:11px; }
  body.staff-mode .content-area { width:100%; min-width:0; padding:12px; }
}

/* 登录页 */
.login-container {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.login-box {
  background: #fff;
  padding: 40px;
  border-radius: 12px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.3);
  width: 400px;
}

.login-box h1 {
  text-align: center;
  color: #333;
  margin-bottom: 8px;
  font-size: 24px;
}

.login-box .subtitle {
  text-align: center;
  color: #999;
  margin-bottom: 30px;
  font-size: 13px;
}

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

.form-group label {
  display: block;
  margin-bottom: 8px;
  color: #555;
  font-weight: 500;
}

.form-group input,
.form-group select,
.form-group textarea {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 14px;
  transition: border-color 0.3s;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
  outline: none;
  border-color: #667eea;
}

.btn {
  display: inline-block;
  padding: 10px 20px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
  transition: all 0.3s;
  text-align: center;
}

.btn-primary {
  background: #667eea;
  color: #fff;
}

.btn-primary:hover {
  background: #5a6fd6;
}

.btn-success {
  background: #52c41a;
  color: #fff;
}

.btn-success:hover {
  background: #49b017;
}

.btn-warning {
  background: #faad14;
  color: #fff;
}

.btn-warning:hover {
  background: #e89b0e;
}

.btn-danger {
  background: #f5222d;
  color: #fff;
}

.btn-danger:hover {
  background: #d91820;
}

.btn-default {
  background: #fff;
  color: #555;
  border: 1px solid #ddd;
}

.btn-default:hover {
  background: #f5f5f5;
}

.btn-sm {
  padding: 5px 12px;
  font-size: 12px;
}

.btn-block {
  display: block;
  width: 100%;
}

/* 主布局 */
.main-layout {
  display: flex;
  min-height: 100vh;
}

.sidebar {
  width: 220px;
  background: #001529;
  color: #fff;
  position: fixed;
  height: 100vh;
  overflow-y: auto;
}

.sidebar .logo {
  padding: 20px;
  text-align: center;
  border-bottom: 1px solid #1f2d3d;
}

.sidebar .logo h2 {
  font-size: 16px;
  color: #fff;
}

.sidebar .logo p {
  font-size: 12px;
  color: #999;
  margin-top: 5px;
}

.sidebar-menu {
  list-style: none;
  padding: 10px 0;
}

.sidebar-menu li {
  cursor: pointer;
  transition: background 0.3s;
}

.sidebar-menu li a {
  display: flex;
  align-items: center;
  padding: 12px 20px;
  color: #b8c3cd;
  text-decoration: none;
  font-size: 14px;
}

.sidebar-menu li a:hover,
.sidebar-menu li.active a {
  background: #1890ff;
  color: #fff;
}

.sidebar-menu li a .icon {
  margin-right: 10px;
  font-size: 16px;
  width: 20px;
  text-align: center;
}

.main-content {
  flex: 1;
  margin-left: 220px;
  display: flex;
  flex-direction: column;
}

.header {
  background: #fff;
  padding: 0 24px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 1px 4px rgba(0,21,41,0.08);
  position: sticky;
  top: 0;
  z-index: 100;
}

.header .page-title {
  font-size: 18px;
  font-weight: 600;
  color: #333;
}

.header .user-info {
  display: flex;
  align-items: center;
  gap: 15px;
}

.header .user-info .user-name {
  color: #555;
}

.header .user-info .role-badge {
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 12px;
  background: #e6f7ff;
  color: #1890ff;
}

.content-area {
  padding: 20px;
  flex: 1;
}

/* 卡片 */
.card {
  background: #fff;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}

.card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid #f0f0f0;
}

.card-title {
  font-size: 16px;
  font-weight: 600;
  color: #333;
}

/* 数据统计卡片 */
.stats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 16px;
  margin-bottom: 20px;
}

.stat-card {
  background: #fff;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.08);
  position: relative;
  overflow: hidden;
}

.stat-card .stat-icon {
  position: absolute;
  right: 15px;
  top: 15px;
  font-size: 36px;
  opacity: 0.2;
}

.stat-card .stat-label {
  color: #888;
  font-size: 13px;
  margin-bottom: 8px;
}

.stat-card .stat-value {
  font-size: 28px;
  font-weight: 700;
  color: #333;
}

.stat-card.primary .stat-value { color: #1890ff; }
.stat-card.success .stat-value { color: #52c41a; }
.stat-card.warning .stat-value { color: #faad14; }
.stat-card.danger .stat-value { color: #f5222d; }

/* 表格 */
.table-container {
  overflow-x: auto;
}

table {
  width: 100%;
  border-collapse: collapse;
}

table th, table td {
  padding: 12px;
  text-align: left;
  border-bottom: 1px solid #f0f0f0;
}

table th {
  background: #fafafa;
  font-weight: 600;
  color: #555;
  font-size: 13px;
  white-space: nowrap;
}

table tbody tr:hover {
  background: #f9f9f9;
}

/* 状态标签 */
.badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 500;
}

.badge-success { background: #f6ffed; color: #52c41a; border: 1px solid #b7eb8f; }
.badge-warning { background: #fffbe6; color: #faad14; border: 1px solid #ffe58f; }
.badge-danger { background: #fff2f0; color: #f5222d; border: 1px solid #ffccc7; }
.badge-info { background: #e6f7ff; color: #1890ff; border: 1px solid #91d5ff; }
.badge-default { background: #fafafa; color: #888; border: 1px solid #d9d9d9; }

.badge-level-a { background: #fff1f0; color: #f5222d; border: 1px solid #ffa39e; }
.badge-level-b { background: #fff7e6; color: #fa8c16; border: 1px solid #ffd591; }
.badge-level-c { background: #e6f7ff; color: #1890ff; border: 1px solid #91d5ff; }

/* 筛选栏 */
.filter-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 16px;
  align-items: flex-end;
}

.filter-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.filter-item label {
  font-size: 12px;
  color: #666;
}

.filter-item input,
.filter-item select {
  padding: 6px 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 13px;
  min-width: 120px;
}
.customer-batch-toolbar { min-height:48px; margin-bottom:12px; padding:8px 12px; display:flex; align-items:center; justify-content:space-between; gap:12px; background:#f5f8fb; border:1px solid #dbe3ea; border-radius:6px; }
.customer-batch-toolbar span { color:#5d6872; }.customer-batch-toolbar strong { color:#176f9e; font-size:17px; }.customer-batch-toolbar > div { display:flex; flex-wrap:wrap; gap:7px; }
.customer-check-cell { width:44px; text-align:center; }.customer-check-cell input { width:17px; height:17px; cursor:pointer; }
.order-summary { display:grid; grid-template-columns:repeat(6,minmax(135px,1fr)); margin-bottom:16px; overflow:hidden; background:#dde3e8; border:1px solid #dde3e8; border-radius:6px; gap:1px; }
.order-summary-item { min-width:0; min-height:100px; padding:13px 14px; display:flex; flex-direction:column; justify-content:center; background:#fff; }.order-summary-item span,.order-summary-item strong,.order-summary-item small { display:block; }.order-summary-item span { color:#69737d; font-size:12px; }.order-summary-item strong { margin:6px 0 4px; overflow:hidden; color:#303a43; font-size:21px; text-overflow:ellipsis; white-space:nowrap; }.order-summary-item small { overflow:hidden; color:#8a929a; font-size:11px; line-height:1.4; text-overflow:ellipsis; white-space:nowrap; }
.order-summary-item.received strong,.order-summary-item.profit strong { color:#16855b; }.order-summary-item.commission strong { color:#a66b00; }.order-summary-item.pending strong { color:#bd343b; }
.daily-perf-summary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; margin-bottom:14px; overflow:hidden; background:#e0e5e9; border:1px solid #e0e5e9; border-radius:6px; }.daily-perf-summary > div { min-width:0; min-height:82px; padding:11px 13px; display:flex; flex-direction:column; justify-content:center; background:#fff; }.daily-perf-summary span,.daily-perf-summary strong,.daily-perf-summary small { display:block; }.daily-perf-summary span { color:#6c7680; font-size:12px; }.daily-perf-summary strong { margin:4px 0; overflow:hidden; color:#333d46; font-size:19px; text-overflow:ellipsis; white-space:nowrap; }.daily-perf-summary small { overflow:hidden; color:#89919a; font-size:11px; line-height:1.4; text-overflow:ellipsis; white-space:nowrap; }.daily-perf-summary .deduction strong { color:#c3333b; }
.performance-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:20px; }.performance-layout > .card { min-width:0; }
@media (max-width:1100px) { .order-summary { grid-template-columns:repeat(3,1fr); } }
@media (max-width:900px) { .performance-layout { grid-template-columns:1fr; } }
.performance-review-heading { margin:24px 0 12px; padding:18px 20px; border-left:4px solid #2563eb; background:#f8fafc; }
.performance-review-heading h3 { margin:0 0 4px; font-size:18px; }
.performance-review-heading p { margin:0; color:#64748b; font-size:13px; }
.performance-review-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:20px; }
.performance-sop-card { margin-top:20px; }
.performance-appeal-card { margin-top:20px; }
.performance-appeal-card .card-header p { margin:6px 0 0; }
.performance-appeal-card td small { display:block; margin-top:4px; color:#64748b; }
.appeal-reason-cell { min-width:220px; max-width:420px; white-space:normal; line-height:1.6; }
.appeal-tip,.appeal-detail { margin-bottom:16px; padding:12px 14px; border:1px solid #bfdbfe; border-radius:6px; background:#eff6ff; color:#1e3a8a; line-height:1.7; }
.performance-sop-card .card-header p { margin:6px 0 0; }
.performance-sop-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.performance-sop-item { display:grid; grid-template-columns:32px minmax(0,1fr); gap:10px; padding:14px; border:1px solid #e2e8f0; border-radius:6px; background:#fff; }
.performance-sop-item .sop-index { display:flex; align-items:center; justify-content:center; width:28px; height:28px; border-radius:50%; background:#eff6ff; color:#1d4ed8; font-weight:700; }
.performance-sop-item p { margin:8px 0 0; color:#64748b; font-size:13px; line-height:1.65; }
.performance-sop-note { margin-top:14px; padding:12px 14px; border:1px solid #fecaca; background:#fff7f7; color:#991b1b; border-radius:6px; font-size:13px; line-height:1.6; }
.followup-overview-panel,.followup-history-panel { margin-top:20px; }
.followup-summary-strip { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:16px; }
.followup-summary-strip > div { padding:14px 16px; border:1px solid #e2e8f0; border-radius:7px; background:#f8fafc; }
.followup-summary-strip span,.followup-summary-strip small { display:block; color:#64748b; font-size:12px; }
.followup-summary-strip strong { display:block; margin:4px 0; font-size:24px; color:#0f172a; }
.followup-zero-row { background:#fff7f7; }
.followup-customers-cell { min-width:220px; max-width:420px; white-space:normal; line-height:1.6; }
.followup-content-cell { min-width:240px; max-width:460px; white-space:normal; line-height:1.6; }
.followup-history-panel td small { display:block; margin-top:3px; color:#64748b; }
.table-pagination { min-height:58px; padding:12px 16px; display:flex; align-items:center; justify-content:space-between; gap:14px; border-top:1px solid #e2e8f0; }
.table-pagination > span { color:#64748b; font-size:13px; }
.table-pagination > div { display:flex; align-items:center; gap:6px; }
.table-pagination button { min-width:32px; height:32px; padding:0 9px; border:1px solid #d7dde2; border-radius:5px; color:#475569; background:#fff; cursor:pointer; }
.table-pagination button.active { color:#fff; border-color:#5b73e8; background:#5b73e8; font-weight:700; }
.table-pagination button.page-nav { min-width:62px; }
.table-pagination button:disabled { opacity:.42; cursor:not-allowed; }
.table-pagination > div > span { color:#94a3b8; }
.employee-shop-settings { margin-bottom:16px; padding:14px; border:1px solid #bfdbfe; border-radius:7px; background:#f8fbff; }
.employee-shop-settings > div:first-child { display:flex; align-items:baseline; gap:10px; margin-bottom:10px; }
.employee-shop-settings > div:first-child span { color:#64748b; font-size:12px; }
.employee-shop-settings .form-group { margin-bottom:8px; }
.employee-shop-list { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:12px; }
.employee-shop-list > span { display:inline-flex; align-items:center; gap:7px; padding:6px 8px 6px 10px; border:1px solid #bfdbfe; border-radius:5px; background:#fff; color:#1e3a8a; font-size:13px; }
.employee-shop-list > span button { width:20px; height:20px; border:0; background:transparent; color:#64748b; cursor:pointer; font-size:17px; line-height:18px; }
.employee-shop-list > em { color:#94a3b8; font-style:normal; font-size:13px; }
.employee-shop-add { display:flex; gap:8px; max-width:480px; }
.employee-shop-add input { min-width:0; flex:1; }
@media (max-width:900px) { .performance-review-grid,.performance-sop-list { grid-template-columns:1fr; } }
@media (max-width:900px) { .followup-summary-strip { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:700px) { .order-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }.order-summary-item { min-height:92px; padding:11px; }.order-summary-item strong { font-size:18px; }.order-summary-item small,.daily-perf-summary small { white-space:normal; } }
.batch-operation-note { margin-bottom:16px; padding:11px 13px; color:#245f85; background:#edf7fd; border-left:3px solid #3e8fc2; border-radius:4px; line-height:1.5; }.batch-operation-note.warning { color:#72510b; background:#fff8e7; border-left-color:#d59a13; }
.batch-check { display:flex; align-items:center; gap:8px; cursor:pointer; }.batch-check input { width:17px; height:17px; }

/* 弹窗 */
.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

.modal {
  background: #fff;
  border-radius: 8px;
  width: 90%;
  max-width: 600px;
  max-height: 90vh;
  overflow-y: auto;
}

.modal-lg {
  max-width: 800px;
}

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

.modal-title {
  font-size: 16px;
  font-weight: 600;
}

.modal-close {
  cursor: pointer;
  font-size: 20px;
  color: #999;
  background: none;
  border: none;
}

.modal-body {
  padding: 20px;
}

.modal-footer {
  padding: 12px 20px;
  border-top: 1px solid #f0f0f0;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

/* 表单两列 */
.form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.form-row-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

/* 客户详情 */
.customer-detail .detail-section {
  margin-bottom: 20px;
}

.detail-section h4 {
  margin-bottom: 12px;
  color: #333;
  font-size: 15px;
  padding-left: 8px;
  border-left: 3px solid #1890ff;
}

.detail-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 12px;
}

.detail-item {
  background: #fafafa;
  padding: 10px;
  border-radius: 4px;
}

.detail-item .label {
  font-size: 12px;
  color: #888;
  margin-bottom: 4px;
}

.detail-item .value {
  font-size: 14px;
  color: #333;
  font-weight: 500;
}

/* 跟进记录 */
.followup-list {
  max-height: 300px;
  overflow-y: auto;
}

.followup-item {
  padding: 12px;
  border-left: 3px solid #1890ff;
  background: #f9f9f9;
  margin-bottom: 10px;
  border-radius: 0 4px 4px 0;
}

.followup-item .followup-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
  font-size: 12px;
  color: #888;
}

.followup-item .followup-content {
  color: #333;
  line-height: 1.6;
}

.followup-item .followup-tags {
  margin-top: 8px;
}

/* 排班日历 */
.schedule-calendar {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
  background: #e8e8e8;
  border: 1px solid #e8e8e8;
}

.calendar-header {
  background: #fafafa;
  padding: 10px;
  text-align: center;
  font-weight: 600;
  font-size: 13px;
  color: #555;
}

.calendar-cell {
  background: #fff;
  min-height: 80px;
  padding: 8px;
  font-size: 12px;
}

.calendar-cell .date-num {
  font-weight: 600;
  margin-bottom: 4px;
}

.calendar-cell.today {
  background: #e6f7ff;
}

.calendar-cell .shift-tag {
  padding: 2px 4px;
  border-radius: 3px;
  font-size: 11px;
  margin-top: 2px;
  display: inline-block;
}

.shift-morning { background: #e6f7ff; color: #1890ff; }
.shift-evening { background: #f9f0ff; color: #722ed1; }
.shift-rest { background: #f5f5f5; color: #999; }

/* 排行榜 */
.ranking-list {
  list-style: none;
}

.ranking-list li {
  display: flex;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid #f0f0f0;
}

.ranking-list li:last-child {
  border-bottom: none;
}

.ranking-num {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #f0f0f0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 600;
  margin-right: 12px;
}

.ranking-list li:nth-child(1) .ranking-num { background: #ffd700; color: #fff; }
.ranking-list li:nth-child(2) .ranking-num { background: #c0c0c0; color: #fff; }
.ranking-list li:nth-child(3) .ranking-num { background: #cd7f32; color: #fff; }

.ranking-name {
  flex: 1;
}

.ranking-amount {
  font-weight: 600;
  color: #f5222d;
}

/* 提示消息 */
.toast {
  position: fixed;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  padding: 12px 24px;
  border-radius: 4px;
  color: #fff;
  z-index: 2000;
  animation: slideDown 0.3s ease;
}

.toast-success { background: #52c41a; }
.toast-error { background: #f5222d; }
.toast-warning { background: #faad14; }
.toast-info { background: #1890ff; }

@keyframes slideDown {
  from { opacity: 0; transform: translate(-50%, -20px); }
  to { opacity: 1; transform: translate(-50%, 0); }
}

/* 分页 */
.pagination {
  display: flex;
  justify-content: center;
  gap: 4px;
  margin-top: 16px;
}

.pagination button {
  padding: 6px 12px;
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 4px;
  cursor: pointer;
}

.pagination button.active {
  background: #1890ff;
  color: #fff;
  border-color: #1890ff;
}

.pagination button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* 隐藏 */
.hidden { display: none; }

/* 文本工具类 */
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-muted { color: #999; }
.text-success { color: #52c41a; }
.text-danger { color: #f5222d; }
.text-warning { color: #faad14; }
.text-primary { color: #1890ff; }

.mb-10 { margin-bottom: 10px; }
.mb-20 { margin-bottom: 20px; }
.mt-10 { margin-top: 10px; }
.mt-20 { margin-top: 20px; }

.flex { display: flex; }
.flex-between { display: flex; justify-content: space-between; align-items: center; }
.gap-10 { gap: 10px; }
.gap-20 { gap: 20px; }

.duplicate-alert {
  background: #fff2f0;
  border: 1px solid #ffccc7;
  border-left: 4px solid #f5222d;
  border-radius: 6px;
  padding: 12px;
  margin-bottom: 16px;
}
.duplicate-row { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:10px 0; border-bottom:1px solid #ffd8d6; }
.duplicate-row:last-child { border-bottom:0; }
.upload-zone { padding:20px; border:1px dashed #91d5ff; background:#f5fbff; border-radius:6px; }
.import-preview { max-height:360px; overflow:auto; }
.stats-grid.compact { grid-template-columns:repeat(4,1fr); }
.evidence-list { display:flex; flex-wrap:wrap; gap:8px; }
.evidence-list a { padding:5px 8px; color:#1890ff; background:#e6f7ff; border-radius:4px; text-decoration:none; }
.evidence-gallery { display:grid; grid-template-columns:repeat(auto-fill,minmax(140px,1fr)); gap:10px; margin-top:12px; }
.evidence-thumb { position:relative; min-width:0; height:126px; padding:0; overflow:hidden; border:1px solid #dce2e8; border-radius:6px; background:#f3f5f7; cursor:pointer; text-align:left; }
.evidence-thumb:hover { border-color:#4f7fe9; box-shadow:0 3px 10px rgba(40,67,105,.14); }
.evidence-thumb img,.evidence-thumb video { display:block; width:100%; height:96px; object-fit:cover; background:#111; }
.evidence-thumb span { display:block; height:29px; padding:6px 8px; overflow:hidden; color:#48535e; background:#fff; font-size:11px; white-space:nowrap; text-overflow:ellipsis; }
.evidence-thumb.video i { position:absolute; top:33px; left:50%; width:34px; height:34px; display:grid; place-items:center; transform:translateX(-50%); border-radius:50%; color:#fff; background:rgba(0,0,0,.62); font-size:15px; font-style:normal; }
.evidence-thumb.file { display:flex; flex-direction:column; align-items:center; justify-content:center; }.evidence-thumb.file b { color:#63707c; font-size:18px; }.evidence-thumb.file span { position:absolute; right:0; bottom:0; left:0; width:100%; }
.evidence-viewer { position:fixed; inset:0; z-index:2000; display:grid; place-items:center; padding:24px; background:rgba(8,15,22,.82); }
.evidence-viewer-dialog { width:min(1100px,96vw); max-height:94vh; display:flex; flex-direction:column; overflow:hidden; border-radius:6px; background:#fff; box-shadow:0 20px 60px rgba(0,0,0,.45); }
.evidence-viewer-head,.evidence-viewer-foot { min-height:50px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 16px; }
.evidence-viewer-head { border-bottom:1px solid #e6e9ec; }.evidence-viewer-head button { width:34px; height:34px; border:0; border-radius:4px; background:#eef1f4; cursor:pointer; font-size:24px; }
.evidence-viewer-body { min-height:250px; display:grid; place-items:center; overflow:auto; background:#15191d; }
.evidence-viewer-body img,.evidence-viewer-body video { max-width:100%; max-height:calc(94vh - 110px); object-fit:contain; }.evidence-viewer-body iframe { width:100%; height:75vh; border:0; background:#fff; }
.evidence-viewer-foot { border-top:1px solid #e6e9ec; color:#727c86; font-size:12px; }.evidence-viewer-foot span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.evidence-viewer-foot a { flex:none; color:#2874c6; text-decoration:none; }
.task-file-preview { display:grid; grid-template-columns:repeat(auto-fill,minmax(130px,1fr)); gap:10px; margin-top:10px; }
.task-file-preview:empty { display:none; }
.task-file-preview-item { min-width:0; overflow:hidden; border:1px solid #dce2e8; border-radius:6px; background:#fff; }
.task-file-preview-item img,.task-file-preview-item video { display:block; width:100%; height:105px; object-fit:cover; background:#111; }
.task-file-preview-item span { display:block; padding:6px 8px; overflow:hidden; color:#56616c; font-size:11px; white-space:nowrap; text-overflow:ellipsis; }
.task-submission-list { max-height:390px; overflow-y:auto; padding-right:3px; }
.task-submission-item { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:10px; padding:12px; border:1px solid #e6e9ec; border-radius:6px; background:#fafbfc; }
.task-submission-content { min-width:0; flex:1; }
.task-submission-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.task-submission-head strong { color:#27313a; font-size:13px; }
.task-submission-head time { flex:none; color:#89939d; font-size:11px; }
.task-submission-content p { margin:6px 0 0; color:#66717c; font-size:12px; }
.task-submission-content > small { display:block; margin-top:5px; color:#89939d; }
.task-submission-content .evidence-gallery { grid-template-columns:repeat(auto-fill,minmax(120px,160px)); margin-top:10px; }
.perf-stats { display:flex; flex-wrap:wrap; gap:10px; }
.perf-stats span { padding:7px 10px; background:#f5f5f5; border-radius:4px; }
.perf-checklist { display:flex; flex-direction:column; gap:12px; }
.perf-check-item { padding:14px; border:1px solid #e8e8e8; border-radius:6px; background:#fff; }
.perf-check-main { display:flex; align-items:center; gap:10px; cursor:pointer; }
.perf-check-main input { width:18px; height:18px; }
.perf-check-main span { display:flex; justify-content:space-between; align-items:center; flex:1; }
.perf-check-main small { color:#f5222d; }
.perf-note,.perf-review-comment { width:100%; margin-top:10px; padding:8px 10px; border:1px solid #ddd; border-radius:4px; }
.perf-evidence { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:10px; padding-top:10px; border-top:1px dashed #ddd; }
.perf-total { padding:14px; background:#f6ffed; border:1px solid #b7eb8f; border-radius:6px; font-size:16px; }
.perf-total strong { color:#52c41a; font-size:24px; margin:0 8px; }
.perf-total small { color:#888; }

/* 响应式 */
@media (max-width: 768px) {
  .sidebar { width: 60px; }
  .sidebar .logo p, .sidebar-menu li a span:not(.icon) { display: none; }
  .main-content { margin-left: 60px; }
  .form-row, .form-row-3 { grid-template-columns: 1fr; }
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .stats-grid.compact { grid-template-columns:repeat(2,1fr); }
  .duplicate-row { align-items:flex-start; flex-direction:column; }
  .perf-check-main span { align-items:flex-start; flex-direction:column; gap:4px; }
  .table-container table { min-width: 760px; }
  .table-container .btn { white-space: nowrap; }
  .customer-batch-toolbar { align-items:flex-start; flex-direction:column; }.customer-batch-toolbar > div { width:100%; }.customer-batch-toolbar .btn { flex:1; }
  .evidence-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .evidence-viewer { padding:8px; }
  .evidence-viewer-dialog { width:100%; max-height:96vh; }
  .evidence-viewer-body img,.evidence-viewer-body video { max-height:calc(96vh - 110px); }
}
.performance-review-section + .performance-review-section {
  margin-top: 24px;
  padding-top: 22px;
  border-top: 1px solid #e5e7eb;
}

.review-section-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.review-section-title h4 {
  margin: 0 0 4px;
  font-size: 16px;
}

.review-section-title p {
  margin: 0;
  color: #6b7280;
  font-size: 13px;
}

.submitted-work-review {
  display: grid;
  gap: 10px;
}

.submitted-work-item {
  padding: 14px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #fff;
}

.submitted-work-head,
.submitted-work-head > div,
.submitted-work-actions {
  display: flex;
  align-items: center;
}

.submitted-work-head {
  justify-content: space-between;
  gap: 12px;
}

.submitted-work-head > div,
.submitted-work-actions {
  gap: 8px;
}

.submitted-work-count b {
  color: #16845b;
  font-size: 20px;
}

.submitted-work-item > p {
  margin: 8px 0;
  color: #6b7280;
  font-size: 13px;
}

.review-details {
  margin-top: 10px;
  padding: 10px;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background: #f8fafc;
}

.review-details summary {
  cursor: pointer;
  color: #176b50;
  font-weight: 600;
}

.review-details[open] summary {
  margin-bottom: 10px;
}

.submitted-work-actions {
  justify-content: flex-end;
  margin-top: 12px;
}