/* Generated from pages/on-duty/on-duty.wxss; see import-native-ui.cjs. */
.duty-page { min-height: 100vh; padding: calc(28 * var(--rpx)); box-sizing: border-box; background: #f3f5f7; }
.duty-heading { display: flex; align-items: center; justify-content: space-between; margin: calc(5 * var(--rpx)) calc(4 * var(--rpx)) calc(24 * var(--rpx)); }
.duty-title { color: #17233a; font-size: calc(40 * var(--rpx)); font-weight: 900; }.duty-date { margin-top: calc(7 * var(--rpx)); color: #8b95a5; font-size: calc(22 * var(--rpx)); }
.duty-count { display: flex; align-items: center; justify-content: center; width: calc(76 * var(--rpx)); height: calc(76 * var(--rpx)); color: #fff; background: linear-gradient(145deg,#2589f6,#075abf); border-radius: calc(22 * var(--rpx)); font-size: calc(34 * var(--rpx)); font-weight: 950; }
.duty-card { display: flex; align-items: center; min-height: calc(102 * var(--rpx)); margin-bottom: calc(16 * var(--rpx)); padding: calc(20 * var(--rpx)) calc(22 * var(--rpx)); box-sizing: border-box; background: #fff; border-radius: calc(20 * var(--rpx)); box-shadow: 0 calc(7 * var(--rpx)) calc(20 * var(--rpx)) rgba(32,61,99,.07); }
.duty-avatar { display: flex; align-items: center; justify-content: center; width: calc(62 * var(--rpx)); height: calc(62 * var(--rpx)); margin-right: calc(18 * var(--rpx)); color: #1768c8; background: #e8f3ff; border-radius: 50%; font-size: calc(26 * var(--rpx)); font-weight: 900; }
.duty-main { min-width: 0; flex: 1; }.duty-name { color: #263247; font-size: calc(29 * var(--rpx)); font-weight: 900; }.duty-task { margin-top: calc(7 * var(--rpx)); color: #738096; font-size: calc(21 * var(--rpx)); }
.duty-duration { color: #078349; font-size: calc(25 * var(--rpx)); font-weight: 900; }.empty { padding: calc(100 * var(--rpx)) 0; color: #a0a8b5; text-align: center; }

/* V1.3.2-R8 */
body { background:#f4f7fb; }
.duty-page { background:linear-gradient(180deg,#2585f3 calc(0 * var(--rpx)),#9ac7ff calc(105 * var(--rpx)),#dcecff calc(245 * var(--rpx)),#f4f7fb calc(450 * var(--rpx)),#f4f7fb 100%); }
.duty-heading { padding:calc(12 * var(--rpx)) calc(5 * var(--rpx)) calc(4 * var(--rpx)); }.duty-title { color:#14223a; font-size:calc(42 * var(--rpx)); font-weight:950; }
.duty-count { background:linear-gradient(145deg,#2d8fff,#0c62d1); border-radius:calc(23 * var(--rpx)); box-shadow:0 calc(10 * var(--rpx)) calc(24 * var(--rpx)) rgba(12,98,209,.21); }
.duty-card { border:calc(1 * var(--rpx)) solid #dce7f4; border-radius:calc(23 * var(--rpx)); box-shadow:0 calc(14 * var(--rpx)) calc(34 * var(--rpx)) rgba(31,72,123,.09); }
.duty-avatar { background:linear-gradient(145deg,#edf6ff,#dcecff); }

/* V1.3.6: role-ranked identity cards */
.duty-list { display:flex; flex-direction:column; gap:calc(20 * var(--rpx)); }
.duty-card {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:calc(158 * var(--rpx));
  margin:0;
  padding:calc(22 * var(--rpx)) calc(22 * var(--rpx));
  border:calc(1 * var(--rpx)) solid rgba(212,226,242,.88);
  border-radius:calc(28 * var(--rpx));
  background:linear-gradient(135deg,#ffffff,#f5f9ff);
  box-shadow:inset 0 calc(2 * var(--rpx)) 0 rgba(255,255,255,.96),inset calc(-5 * var(--rpx)) calc(-7 * var(--rpx)) calc(17 * var(--rpx)) rgba(84,118,158,.07),0 calc(17 * var(--rpx)) calc(37 * var(--rpx)) rgba(35,76,124,.12);
}
.duty-card-light {
  position:absolute;
  z-index:0;
  left:-11%;
  top:-64%;
  width:76%;
  height:132%;
  border-radius:50%;
  background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(255,255,255,0));
  transform:rotate(-8deg);
  pointer-events:none;
}
.duty-avatar-shell {
  position:relative;
  z-index:2;
  width:calc(112 * var(--rpx));
  height:calc(112 * var(--rpx));
  margin-right:calc(21 * var(--rpx));
  flex:none;
  padding:calc(5 * var(--rpx));
  box-sizing:border-box;
  border-radius:50%;
  background:linear-gradient(145deg,#fff,rgba(202,224,250,.90));
  box-shadow:inset 0 calc(2 * var(--rpx)) calc(3 * var(--rpx)) rgba(255,255,255,.95),0 calc(10 * var(--rpx)) calc(22 * var(--rpx)) rgba(30,80,139,.20);
}
.duty-avatar-image,.duty-avatar-placeholder {
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  box-sizing:border-box;
  border:calc(2 * var(--rpx)) solid rgba(255,255,255,.84);
  border-radius:50%;
}
.duty-avatar-image { background:#eef5fb; }
.duty-avatar-placeholder { color:#1768c8; background:linear-gradient(145deg,#edf7ff,#d6e9ff); font-size:calc(38 * var(--rpx)); font-weight:950; }
.duty-rank-dot {
  position:absolute;
  right:calc(1 * var(--rpx));
  bottom:calc(5 * var(--rpx));
  width:calc(20 * var(--rpx));
  height:calc(20 * var(--rpx));
  border:calc(4 * var(--rpx)) solid #fff;
  border-radius:50%;
  background:#19b77c;
  box-shadow:0 calc(3 * var(--rpx)) calc(8 * var(--rpx)) rgba(1,105,68,.30);
}
.duty-main,.duty-duration { position:relative; z-index:2; }
.duty-name-row { display:flex; align-items:center; flex-wrap:wrap; gap:calc(9 * var(--rpx)); }
.duty-name { font-size:calc(31 * var(--rpx)); }
.duty-role {
  max-width:calc(240 * var(--rpx));
  overflow:hidden;
  padding:calc(5 * var(--rpx)) calc(11 * var(--rpx));
  color:#31628f;
  background:rgba(227,240,255,.82);
  border:calc(1 * var(--rpx)) solid rgba(149,190,232,.48);
  border-radius:calc(999 * var(--rpx));
  font-size:calc(18 * var(--rpx));
  font-weight:850;
  line-height:1.1;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.duty-task { margin-top:calc(11 * var(--rpx)); font-size:calc(22 * var(--rpx)); }
.duty-duration { padding-left:calc(10 * var(--rpx)); font-size:calc(24 * var(--rpx)); white-space:nowrap; }

.duty-tier-leader { background:linear-gradient(135deg,#fafdff 0%,#e8f5ff 56%,#dceeff 100%); border-color:rgba(130,190,241,.60); }
.duty-tier-leader .duty-avatar-shell { background:linear-gradient(145deg,#fff,#96cdf7); }
.duty-tier-leader .duty-role { color:#0b5da0; background:rgba(209,235,255,.88); }

.duty-tier-manager { background:linear-gradient(135deg,#fbfaff 0%,#eeeaff 50%,#e1dcff 100%); border-color:rgba(160,142,236,.62); box-shadow:inset 0 calc(2 * var(--rpx)) 0 rgba(255,255,255,.96),inset calc(-6 * var(--rpx)) calc(-8 * var(--rpx)) calc(18 * var(--rpx)) rgba(80,54,167,.10),0 calc(18 * var(--rpx)) calc(39 * var(--rpx)) rgba(77,55,160,.17); }
.duty-tier-manager .duty-avatar-shell { background:linear-gradient(145deg,#fff,#b8a6ff); box-shadow:0 0 0 calc(4 * var(--rpx)) rgba(140,115,237,.11),0 calc(11 * var(--rpx)) calc(23 * var(--rpx)) rgba(70,48,150,.25); }
.duty-tier-manager .duty-role { color:#5b38b3; background:rgba(227,220,255,.90); border-color:rgba(146,119,232,.48); }
.duty-tier-manager .duty-rank-dot { background:#8056df; }

.duty-tier-executive { color:#f8e8b4; background:radial-gradient(circle at 82% 0%,rgba(255,208,82,.18),transparent 40%),linear-gradient(138deg,#18233b 0%,#10182b 50%,#261d12 100%); border-color:rgba(225,183,75,.62); box-shadow:inset 0 calc(2 * var(--rpx)) 0 rgba(255,236,179,.22),inset calc(-8 * var(--rpx)) calc(-10 * var(--rpx)) calc(20 * var(--rpx)) rgba(0,0,0,.48),0 calc(19 * var(--rpx)) calc(41 * var(--rpx)) rgba(15,22,39,.27); }
.duty-tier-executive .duty-card-light { opacity:.28; }
.duty-tier-executive .duty-avatar-shell { background:linear-gradient(145deg,#fff6cf,#c99428); box-shadow:0 0 0 calc(4 * var(--rpx)) rgba(237,188,68,.12),0 calc(12 * var(--rpx)) calc(26 * var(--rpx)) rgba(0,0,0,.42); }
.duty-tier-executive .duty-name { color:#fff6d8; text-shadow:0 calc(2 * var(--rpx)) calc(7 * var(--rpx)) rgba(0,0,0,.55); }
.duty-tier-executive .duty-task { color:#b8c4d6; }
.duty-tier-executive .duty-duration { color:#f2cd6e; }
.duty-tier-executive .duty-role { color:#ffe8a6; background:rgba(189,136,22,.18); border-color:rgba(242,198,89,.48); }
.duty-tier-executive .duty-rank-dot { background:#e5b43f; border-color:#1d2230; }

.duty-tier-diamond { color:#eaf8ff; background:radial-gradient(circle at 84% -8%,rgba(99,234,255,.28),transparent 38%),radial-gradient(circle at 8% 116%,rgba(150,112,255,.25),transparent 42%),linear-gradient(138deg,#111a39 0%,#192d55 48%,#10243b 100%); border-color:rgba(134,225,255,.66); box-shadow:inset 0 calc(2 * var(--rpx)) 0 rgba(224,250,255,.30),inset calc(-8 * var(--rpx)) calc(-10 * var(--rpx)) calc(21 * var(--rpx)) rgba(2,10,35,.45),0 0 0 calc(4 * var(--rpx)) rgba(90,205,255,.07),0 calc(20 * var(--rpx)) calc(43 * var(--rpx)) rgba(21,46,90,.33); }
.duty-tier-diamond .duty-card-light { background:linear-gradient(145deg,rgba(219,250,255,.43),rgba(255,255,255,0)); }
.duty-tier-diamond .duty-avatar-shell { background:linear-gradient(145deg,#ecfdff,#69daf3 45%,#8b78f6); box-shadow:0 0 0 calc(4 * var(--rpx)) rgba(121,223,255,.15),0 0 calc(24 * var(--rpx)) rgba(92,219,255,.32),0 calc(12 * var(--rpx)) calc(27 * var(--rpx)) rgba(0,0,0,.38); }
.duty-tier-diamond .duty-name { color:#f4fcff; text-shadow:0 0 calc(15 * var(--rpx)) rgba(114,225,255,.30); }
.duty-tier-diamond .duty-task { color:#b9d2e7; }
.duty-tier-diamond .duty-duration { color:#7ce8ff; }
.duty-tier-diamond .duty-role { color:#bff5ff; background:rgba(76,186,230,.15); border-color:rgba(119,226,255,.50); }
.duty-tier-diamond .duty-rank-dot { background:#59e4ff; border-color:#172a4a; box-shadow:0 0 calc(13 * var(--rpx)) rgba(89,228,255,.72); }

.duty-tier-visitor { background:linear-gradient(135deg,#fafafa,#edf0f3); filter:saturate(.62); }

@media (max-width:360px) {
  .duty-page { padding-left:calc(20 * var(--rpx)); padding-right:calc(20 * var(--rpx)); }
  .duty-card { min-height:calc(146 * var(--rpx)); padding:calc(18 * var(--rpx)); }
  .duty-avatar-shell { width:calc(98 * var(--rpx)); height:calc(98 * var(--rpx)); margin-right:calc(16 * var(--rpx)); }
  .duty-name { font-size:calc(28 * var(--rpx)); }
  .duty-role { max-width:calc(190 * var(--rpx)); font-size:calc(16 * var(--rpx)); }
  .duty-task { font-size:calc(19 * var(--rpx)); }
  .duty-duration { font-size:calc(21 * var(--rpx)); }
}

/* V1.3.8: all 12 role-specific card materials with stronger edge light */
.duty-card[class*="duty-role-card-"] {
  border-width:calc(2 * var(--rpx));
  box-shadow:inset 0 calc(3 * var(--rpx)) calc(2 * var(--rpx)) rgba(255,255,255,.54),inset calc(7 * var(--rpx)) 0 calc(17 * var(--rpx)) rgba(255,255,255,.16),inset calc(-8 * var(--rpx)) calc(-11 * var(--rpx)) calc(21 * var(--rpx)) rgba(24,45,72,.16),0 0 0 calc(5 * var(--rpx)) rgba(104,174,239,.06),0 calc(18 * var(--rpx)) calc(39 * var(--rpx)) rgba(23,69,121,.22),0 calc(30 * var(--rpx)) calc(55 * var(--rpx)) rgba(25,72,126,.10);
}
.duty-card[class*="duty-role-card-"] .duty-card-light { opacity:.88; filter:blur(calc(1 * var(--rpx))); }
.duty-card[class*="duty-role-card-"] .duty-avatar-shell { border:calc(1 * var(--rpx)) solid rgba(255,255,255,.62); box-shadow:0 0 0 calc(5 * var(--rpx)) rgba(103,182,236,.10),0 0 calc(25 * var(--rpx)) rgba(78,161,221,.22),0 calc(12 * var(--rpx)) calc(25 * var(--rpx)) rgba(24,62,102,.25); }

.duty-role-card-developer { color:#effcff; background:radial-gradient(circle at 86% -8%,rgba(83,229,255,.43),transparent 35%),radial-gradient(circle at 8% 120%,rgba(148,105,255,.35),transparent 43%),linear-gradient(136deg,#0b1432 0%,#19335f 51%,#0b263f 100%) !important; border-color:rgba(127,230,255,.88) !important; box-shadow:inset 0 calc(3 * var(--rpx)) calc(2 * var(--rpx)) rgba(223,251,255,.34),inset calc(-9 * var(--rpx)) calc(-12 * var(--rpx)) calc(24 * var(--rpx)) rgba(3,10,34,.56),0 0 0 calc(6 * var(--rpx)) rgba(85,212,255,.09),0 0 calc(32 * var(--rpx)) rgba(76,218,255,.25),0 calc(22 * var(--rpx)) calc(47 * var(--rpx)) rgba(17,46,91,.40) !important; }
.duty-role-card-developer .duty-name { color:#f1fcff; text-shadow:0 0 calc(18 * var(--rpx)) rgba(105,229,255,.43),0 calc(4 * var(--rpx)) calc(9 * var(--rpx)) rgba(0,0,0,.52); }
.duty-role-card-developer .duty-task { color:#bfd9eb; }
.duty-role-card-developer .duty-duration { color:#78e9ff; }
.duty-role-card-developer .duty-role { color:#c3f5ff; background:rgba(70,190,231,.18); border-color:rgba(116,228,255,.55); }
.duty-role-card-developer .duty-avatar-shell { background:linear-gradient(145deg,#effeff,#59dff5 50%,#8c73f8); box-shadow:0 0 0 calc(6 * var(--rpx)) rgba(102,226,255,.15),0 0 calc(31 * var(--rpx)) rgba(89,218,255,.43),0 calc(13 * var(--rpx)) calc(28 * var(--rpx)) rgba(0,0,0,.40); }
.duty-role-card-developer .duty-rank-dot { background:#59e4ff; border-color:#172a4a; box-shadow:0 0 calc(16 * var(--rpx)) rgba(89,228,255,.78); }

.duty-role-card-ceo { color:#fff4cf; background:radial-gradient(circle at 86% 0%,rgba(255,207,77,.35),transparent 38%),linear-gradient(136deg,#15130f 0%,#251b08 51%,#090909 100%) !important; border-color:rgba(245,199,76,.84) !important; box-shadow:inset 0 calc(3 * var(--rpx)) calc(2 * var(--rpx)) rgba(255,235,168,.31),inset calc(-10 * var(--rpx)) calc(-13 * var(--rpx)) calc(24 * var(--rpx)) rgba(0,0,0,.76),0 0 0 calc(6 * var(--rpx)) rgba(235,184,54,.08),0 0 calc(30 * var(--rpx)) rgba(240,188,55,.18),0 calc(22 * var(--rpx)) calc(47 * var(--rpx)) rgba(30,21,4,.46) !important; }
.duty-role-card-ceo .duty-name,.duty-role-card-warehouse_manager .duty-name { color:#fff4cf; text-shadow:0 0 calc(15 * var(--rpx)) rgba(244,194,66,.24),0 calc(4 * var(--rpx)) calc(9 * var(--rpx)) rgba(0,0,0,.65); }
.duty-role-card-ceo .duty-task,.duty-role-card-warehouse_manager .duty-task { color:#d9ccb0; }
.duty-role-card-ceo .duty-duration,.duty-role-card-warehouse_manager .duty-duration { color:#f0c85c; }
.duty-role-card-ceo .duty-role { color:#ffe49a; background:rgba(196,141,25,.20); border-color:rgba(242,198,82,.54); }
.duty-role-card-ceo .duty-avatar-shell { background:linear-gradient(145deg,#fff8d8,#e8b83c 55%,#8f5c09); box-shadow:0 0 0 calc(6 * var(--rpx)) rgba(239,190,56,.14),0 0 calc(28 * var(--rpx)) rgba(235,181,42,.33),0 calc(13 * var(--rpx)) calc(28 * var(--rpx)) rgba(0,0,0,.48); }

.duty-role-card-executive_director { color:#eef6ff; background:radial-gradient(circle at 88% 0%,rgba(212,231,255,.31),transparent 37%),linear-gradient(136deg,#202f4c,#13213a 53%,#273752) !important; border-color:rgba(186,211,239,.82) !important; }
.duty-role-card-executive_director .duty-name,.duty-role-card-regional_manager .duty-name { color:#eef6ff; text-shadow:0 calc(3 * var(--rpx)) calc(8 * var(--rpx)) rgba(0,0,0,.50); }
.duty-role-card-executive_director .duty-task,.duty-role-card-regional_manager .duty-task { color:#c1d2e5; }
.duty-role-card-executive_director .duty-duration { color:#d8eaff; }
.duty-role-card-executive_director .duty-role { color:#e1efff; background:rgba(170,202,238,.16); border-color:rgba(192,219,247,.47); }

.duty-role-card-regional_manager { color:#f2f7ff; background:radial-gradient(circle at 90% 0%,rgba(78,160,255,.39),transparent 36%),linear-gradient(136deg,#1d4b8d,#153567 52%,#142b4f) !important; border-color:rgba(115,181,255,.80) !important; }
.duty-role-card-regional_manager .duty-duration { color:#9bc9ff; }
.duty-role-card-regional_manager .duty-role { color:#dcebff; background:rgba(113,176,255,.17); border-color:rgba(148,198,255,.50); }

.duty-role-card-warehouse_manager { color:#fff2d2; background:radial-gradient(circle at 90% 0%,rgba(232,168,70,.34),transparent 36%),linear-gradient(136deg,#353028,#29231b 52%,#181614) !important; border-color:rgba(211,163,87,.80) !important; }
.duty-role-card-warehouse_manager .duty-role { color:#ffdf9c; background:rgba(185,119,35,.19); border-color:rgba(226,169,86,.48); }
.duty-role-card-warehouse_manager .duty-avatar-shell { background:linear-gradient(145deg,#fff8e4,#d9a85c 55%,#7a4a19); box-shadow:0 0 0 calc(6 * var(--rpx)) rgba(219,161,66,.13),0 0 calc(27 * var(--rpx)) rgba(215,149,47,.28),0 calc(13 * var(--rpx)) calc(28 * var(--rpx)) rgba(0,0,0,.43); }

.duty-role-card-supervisor { color:#3d286c; background:radial-gradient(circle at 90% 0%,rgba(161,119,255,.39),transparent 36%),linear-gradient(136deg,#ffffff,#f0eaff 53%,#e2d7ff) !important; border-color:rgba(164,137,232,.84) !important; }
.duty-role-card-supervisor .duty-role { color:#6740ba; background:rgba(225,215,255,.94); border-color:rgba(153,126,226,.50); }
.duty-role-card-supervisor .duty-avatar-shell { background:linear-gradient(145deg,#fff,#c8b7ff 55%,#8061d7); box-shadow:0 0 0 calc(6 * var(--rpx)) rgba(141,106,235,.12),0 0 calc(27 * var(--rpx)) rgba(126,88,222,.26),0 calc(12 * var(--rpx)) calc(25 * var(--rpx)) rgba(64,40,130,.25); }
.duty-role-card-supervisor .duty-rank-dot { background:#8056df; }

.duty-role-card-shift_leader { color:#183b71; background:radial-gradient(circle at 90% 0%,rgba(78,151,255,.36),transparent 36%),linear-gradient(136deg,#ffffff,#eaf3ff 54%,#d9e8ff) !important; border-color:rgba(119,171,235,.84) !important; }
.duty-role-card-shift_leader .duty-role { color:#275fba; background:rgba(216,233,255,.94); border-color:rgba(112,163,226,.47); }
.duty-role-card-shift_leader .duty-avatar-shell { background:linear-gradient(145deg,#fff,#a9ccff 55%,#5287d2); }

.duty-role-card-group_leader { color:#185169; background:radial-gradient(circle at 90% 0%,rgba(77,201,225,.35),transparent 36%),linear-gradient(136deg,#ffffff,#eaf9fb 54%,#d9f0f5) !important; border-color:rgba(119,199,216,.82) !important; }
.duty-role-card-group_leader .duty-role { color:#14768c; background:rgba(214,244,248,.94); border-color:rgba(103,190,207,.47); }
.duty-role-card-group_leader .duty-avatar-shell { background:linear-gradient(145deg,#fff,#a7e3ec 55%,#4caabd); }

.duty-role-card-staff { color:#244a42; background:radial-gradient(circle at 90% 0%,rgba(86,215,177,.31),transparent 36%),linear-gradient(136deg,#ffffff,#f1fbf7 54%,#e6f5ef) !important; border-color:rgba(154,217,198,.82) !important; }
.duty-role-card-staff .duty-role { color:#217a61; background:rgba(219,246,237,.95); border-color:rgba(120,201,176,.45); }
.duty-role-card-staff .duty-avatar-shell { background:linear-gradient(145deg,#fff,#bce9d9 55%,#5fb594); }

.duty-role-card-unloading_staff { color:#174d4b; background:radial-gradient(circle at 90% 0%,rgba(39,191,181,.34),transparent 36%),linear-gradient(136deg,#ffffff,#eaf8f7 54%,#d9efed) !important; border-color:rgba(104,193,185,.82) !important; }
.duty-role-card-unloading_staff .duty-role { color:#087c74; background:rgba(210,243,240,.95); border-color:rgba(91,184,176,.47); }
.duty-role-card-unloading_staff .duty-avatar-shell { background:linear-gradient(145deg,#fff,#9edfd9 55%,#399f97); }

.duty-role-card-external_regulator { color:#334453; background:radial-gradient(circle at 90% 0%,rgba(125,168,200,.30),transparent 36%),linear-gradient(136deg,#ffffff,#f1f5f8 54%,#e1e8ee) !important; border-color:rgba(158,181,200,.82) !important; }
.duty-role-card-external_regulator .duty-role { color:#486779; background:rgba(224,234,241,.95); border-color:rgba(139,169,190,.48); }
.duty-role-card-external_regulator .duty-avatar-shell { background:linear-gradient(145deg,#fff,#cbdbe7 55%,#7898ad); }

.duty-role-card-visitor { color:#59626f; background:linear-gradient(136deg,#ffffff,#f5f6f8 54%,#e9ecf0) !important; border-color:rgba(198,205,214,.84) !important; filter:saturate(.82); }
.duty-role-card-visitor .duty-role { color:#687381; background:rgba(232,235,239,.96); border-color:rgba(181,190,200,.50); }
.duty-role-card-visitor .duty-avatar-shell { background:linear-gradient(145deg,#fff,#dce2e8 55%,#9aa7b4); }
.duty-level { display:flex; align-items:center; gap:calc(2 * var(--rpx)); padding:calc(3 * var(--rpx)) calc(7 * var(--rpx)); color:#805107; font-size:calc(16 * var(--rpx)); font-weight:900; white-space:nowrap; border-radius:calc(999 * var(--rpx)); background:linear-gradient(135deg,#fff9d9,#f2ce68); }

/* V1.4.1：员工名片职位与成长等级放大 */
.duty-role { padding:calc(7 * var(--rpx)) calc(12 * var(--rpx)); font-size:calc(21 * var(--rpx)); line-height:1.15; }
.duty-level { padding:calc(6 * var(--rpx)) calc(10 * var(--rpx)); font-size:calc(20 * var(--rpx)); }

/* V1.4.2：在岗员工名片根据姓名、职位和等级自动增高 */
.duty-card { height:auto; min-height:calc(158 * var(--rpx)); }
.duty-name-row { display:flex; align-items:center; flex-wrap:wrap; gap:calc(9 * var(--rpx)); min-width:0; }
.duty-name { flex:0 0 auto; max-width:100%; white-space:normal; overflow-wrap:anywhere; }
.duty-meta-row { display:flex; align-items:center; flex:0 0 auto; flex-wrap:wrap; gap:calc(8 * var(--rpx)); max-width:100%; }
.duty-meta-row .duty-role { max-width:100%; overflow:visible; text-overflow:clip; white-space:normal; }
.duty-meta-row .duty-level { flex:none; }

/* V1.4.4：在岗人员职级名片与首页保持同一色阶 */
.duty-role-card-staff { color:#29493e; background:radial-gradient(circle at 88% 5%,rgba(124,229,167,.24),transparent 34%),linear-gradient(138deg,#fff,#f4fff7 53%,#e8f6ec) !important; border-color:rgba(143,207,165,.76) !important; }
.duty-role-card-group_leader { color:#123f50; background:radial-gradient(circle at 88% 2%,rgba(74,222,235,.45),transparent 36%),linear-gradient(138deg,#f8ffff,#dff8fb 50%,#bee7ec) !important; border-color:rgba(67,176,193,.90) !important; }
.duty-role-card-shift_leader { color:#f4f8ff; background:radial-gradient(circle at 88% 0%,rgba(108,181,255,.55),transparent 37%),linear-gradient(138deg,#315eaa,#214c91 53%,#163568) !important; border-color:rgba(128,188,255,.94) !important; }
.duty-role-card-shift_leader .duty-name,.duty-role-card-shift_leader .duty-task { color:#f4f8ff; }
.duty-role-card-shift_leader .duty-role { color:#edf6ff; background:rgba(113,175,246,.27); border-color:rgba(175,215,255,.72); }
.duty-role-card-unloading_staff { color:#5b3b1e; background:radial-gradient(circle at 88% 0%,rgba(255,198,88,.48),transparent 37%),linear-gradient(138deg,#fffdf8,#fff0ca 52%,#e9c983) !important; border-color:rgba(217,160,57,.91) !important; }
.duty-role-card-unloading_staff .duty-role { color:#8a5705; background:rgba(255,239,188,.97); border-color:rgba(208,151,47,.65); }
.duty-level { justify-content:center; text-align:center; line-height:1; box-sizing:border-box; }

/* V1.4.5：在岗名片同步互换组长与卸柜职员色阶 */
.duty-role-card-group_leader { color:#5b3b1e; background:radial-gradient(circle at 88% 0%,rgba(255,198,88,.48),transparent 37%),linear-gradient(138deg,#fffdf8,#fff0ca 52%,#e9c983) !important; border-color:rgba(217,160,57,.91) !important; }
.duty-role-card-group_leader .duty-role { color:#8a5705; background:rgba(255,239,188,.97); border-color:rgba(208,151,47,.65); }
.duty-role-card-group_leader .duty-avatar-shell { background:linear-gradient(145deg,#fff,#f5d58e 55%,#c18a2b); }
.duty-role-card-unloading_staff { color:#123f50; background:radial-gradient(circle at 88% 2%,rgba(74,222,235,.45),transparent 36%),linear-gradient(138deg,#f8ffff,#dff8fb 50%,#bee7ec) !important; border-color:rgba(67,176,193,.90) !important; }
.duty-role-card-unloading_staff .duty-role { color:#086f82; background:rgba(206,243,248,.97); border-color:rgba(62,164,181,.66); }
.duty-role-card-unloading_staff .duty-avatar-shell { background:linear-gradient(145deg,#fff,#a7e3ec 55%,#4caabd); }

.duty-meta-row .duty-level { max-width:100%; white-space:normal; flex-wrap:wrap; line-height:1.4; }