#dashboard.ciq-task-center-enabled > :not(#ciqTaskCenter) { display: none !important; }
#dashboard.ciq-task-center-enabled { padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
#ciqTaskCenter { display: grid; gap: 18px; width: 100%; }
.ciq-task-hero { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 28px 30px; border: 1px solid rgba(151,164,181,.48); border-radius: 24px; background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(225,231,238,.86)); box-shadow: inset 0 1px 0 #fff, 0 16px 44px rgba(54,72,91,.09); }
.ciq-task-hero > div:first-child > span, .ciq-task-list-panel header span { color: #778494; font-size: 10px; font-weight: 850; letter-spacing: .16em; }
.ciq-task-hero h1 { margin: 4px 0 5px; color: #14273d; font-size: clamp(30px,4vw,46px); letter-spacing: -.045em; }
.ciq-task-hero p { margin: 0; color: #687586; }
.ciq-task-count { display: grid; place-items: center; min-width: 120px; padding: 16px 20px; border-radius: 18px; background: linear-gradient(145deg, #173f78, #2e6fd0); color: #fff; box-shadow: inset 0 1px rgba(255,255,255,.25), 0 12px 25px rgba(26,68,123,.25); }
.ciq-task-count strong { font-size: 32px; line-height: 1; }
.ciq-task-count span { margin-top: 5px; font-size: 11px; font-weight: 800; }
.ciq-task-summary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.ciq-task-summary > div { display: flex; align-items: baseline; gap: 10px; padding: 15px 18px; border: 1px solid rgba(154,166,181,.46); border-radius: 16px; background: linear-gradient(145deg, rgba(251,252,254,.95), rgba(227,232,238,.86)); box-shadow: inset 0 1px #fff, 0 8px 20px rgba(53,67,84,.06); }
.ciq-task-summary strong { color: #17304c; font-size: 25px; }
.ciq-task-summary span { color: #687586; font-size: 12px; font-weight: 750; }
.ciq-task-list-panel { overflow: hidden; border: 1px solid rgba(151,164,181,.48); border-radius: 22px; background: linear-gradient(150deg, rgba(255,255,255,.95), rgba(229,234,240,.82)); box-shadow: inset 0 1px #fff, 0 14px 38px rgba(57,72,92,.08); }
.ciq-task-list-panel > header { display: flex; justify-content: space-between; align-items: center; gap: 18px; padding: 19px 22px; border-bottom: 1px solid rgba(162,174,188,.38); }
.ciq-task-list-panel h2 { margin: 3px 0 0; color: #1a2a3d; font-size: 21px; }
.ciq-task-list-panel header a { color: #285b96; font-size: 12px; font-weight: 800; text-decoration: none; }
.ciq-task-list { display: grid; }
.ciq-task-card { position: relative; display: grid; grid-template-columns: 42px minmax(250px,1.5fr) minmax(150px,.7fr) 110px 18px; align-items: center; gap: 15px; width: 100%; padding: 17px 20px; border: 0; border-bottom: 1px solid rgba(173,183,195,.34); background: transparent; color: #1c2e43; text-align: left; }
.ciq-task-card:last-child { border-bottom: 0; }
.ciq-task-card:hover { background: rgba(255,255,255,.62); }
.ciq-task-icon { width: 34px; height: 34px; border-radius: 50%; box-shadow: inset 0 0 0 2px currentColor, 0 0 0 7px color-mix(in srgb, currentColor 12%, transparent); }
.ciq-task-card.amber .ciq-task-icon { color: #d89a25; }
.ciq-task-card.purple .ciq-task-icon { color: #735bd8; }
.ciq-task-card.green .ciq-task-icon { color: #3b9d6b; }
.ciq-task-card.red .ciq-task-icon { color: #ca514b; }
.ciq-task-card.blue .ciq-task-icon { color: #2d6cdf; }
.ciq-task-copy small, .ciq-task-owner small { display: block; margin-bottom: 4px; color: #7c8897; font-size: 10px; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.ciq-task-copy strong { display: block; color: #132b48; font-size: 14px; }
.ciq-task-copy > span { display: block; margin-top: 4px; color: #667587; font-size: 12px; }
.ciq-task-owner strong { font-size: 12px; }
.ciq-task-due { justify-self: end; color: #253b55; font-size: 12px; font-weight: 850; }
.ciq-task-arrow { color: #8491a0; font-size: 24px; }
.ciq-task-empty { display: grid; place-items: center; gap: 6px; min-height: 240px; padding: 30px; color: #6d7988; text-align: center; }
.ciq-task-empty strong { color: #24374d; font-size: 20px; }
@media (max-width: 900px) {
  .ciq-task-summary { grid-template-columns: 1fr 1fr; }
  .ciq-task-card { grid-template-columns: 42px 1fr 18px; }
  .ciq-task-owner, .ciq-task-due { display: none; }
}
@media (max-width: 620px) {
  .ciq-task-hero { align-items: stretch; flex-direction: column; }
  .ciq-task-count { width: 100%; }
}