/* v37 - polished suite color picker: compact trigger + search inside dropdown */
.smart-suite-color-picker{position:relative;display:block;width:100%}
.smart-suite-color-picker .suite-color-value{display:none!important}
.smart-suite-color-picker .suite-color-trigger{
  width:100%;height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:0 16px;border:1px solid #d6e0eb;border-radius:13px;background:#fff;color:#243244;
  font:inherit;font-weight:800;cursor:pointer;text-align:right;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease
}
.smart-suite-color-picker .suite-color-trigger:hover{border-color:#b9c9da;background:#fcfdff}
.smart-suite-color-picker.open .suite-color-trigger,
.smart-suite-color-picker .suite-color-trigger:focus-visible{border-color:#68b8aa;box-shadow:0 0 0 4px rgba(20,184,166,.09);outline:none}
.suite-color-trigger-main{display:flex;align-items:center;gap:11px;min-width:0;flex:1}
.suite-color-trigger-name{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.suite-color-trigger-swatch{
  width:24px;height:24px;flex:0 0 24px;border-radius:50%;background:var(--suite-selected-color,#e2e8f0);
  border:1px solid rgba(15,23,42,.18);box-shadow:0 0 0 3px rgba(148,163,184,.10)
}
.suite-color-trigger-chevron{width:24px;height:24px;display:grid;place-items:center;flex:0 0 24px;color:#718096;font-size:18px;line-height:1;transition:transform .18s ease}
.smart-suite-color-picker.open .suite-color-trigger-chevron{transform:rotate(180deg)}

.suite-color-dropdown{
  display:none;position:absolute;z-index:4200;top:calc(100% + 8px);right:0;left:0;max-height:min(430px,62vh);overflow:hidden;
  background:#fff;border:1px solid #cbd5e1;border-radius:16px;box-shadow:0 20px 48px rgba(15,35,70,.18)
}
.smart-suite-color-picker.open .suite-color-dropdown{display:flex;flex-direction:column}
.suite-color-dropdown-head{display:flex;align-items:center;gap:9px;padding:10px 12px;border-bottom:1px solid #edf2f7;background:#fff;flex:0 0 auto}
.suite-color-dropdown-head .palette-icon{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#eefaf6;color:#0f766e;font-size:16px}
.suite-color-dropdown-head>div{display:grid;gap:2px;min-width:0}.suite-color-dropdown-head b{font-size:12px;color:#1f3a5f}.suite-color-dropdown-head small{font-size:10px;color:#64748b}
.suite-color-dropdown-close{margin-right:auto;width:30px;height:30px;border:0;border-radius:9px;background:#f3f6f9;color:#64748b;cursor:pointer;font-size:18px;line-height:1}

.suite-color-filter-wrap{position:relative;padding:10px 10px 8px;background:#fff;flex:0 0 auto}
.suite-color-filter{width:100%;height:42px;padding:0 39px 0 12px;border:1px solid #dde5ee;border-radius:11px;background:#f9fbfd;color:#243244;outline:none;font:inherit;font-size:12px;font-weight:700}
.suite-color-filter:focus{border-color:#68b8aa;box-shadow:0 0 0 3px rgba(20,184,166,.08);background:#fff}
.suite-color-filter-icon{position:absolute;right:23px;top:50%;transform:translateY(-43%);color:#8794a7;font-size:15px;pointer-events:none}
.suite-color-options{padding:2px 7px 7px;overflow:auto;overscroll-behavior:contain;min-height:0}
.suite-color-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 11px;border:0;border-bottom:1px solid #f1f5f9;border-radius:11px;background:#fff;color:#183153;text-align:right;cursor:pointer;font:inherit}
.suite-color-option:last-child{border-bottom:0}.suite-color-option:hover,.suite-color-option.smart-active{background:#eef8f4;color:#0f5132}.suite-color-option[aria-selected="true"]{background:#f0fbf7;color:#0f6c57;font-weight:900}
.suite-color-swatch{width:21px;height:21px;flex:0 0 21px;border-radius:50%;background:var(--suite-option-color,#e2e8f0);border:1px solid rgba(15,23,42,.20);box-shadow:0 0 0 3px color-mix(in srgb,var(--suite-option-color,#94a3b8) 12%,transparent)}
.suite-color-option-name{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suite-color-check{width:22px;height:22px;display:grid;place-items:center;border-radius:8px;color:#0f766e;opacity:0}.suite-color-option[aria-selected="true"] .suite-color-check{opacity:1}
.suite-color-empty{padding:20px 12px;text-align:center;color:#64748b;font-size:12px}
.suite-color-dropdown-foot{padding:8px 10px;color:#8290a2;font-size:10px;text-align:center;border-top:1px solid #f1f5f9;background:#fbfcfe;flex:0 0 auto}

.suite-field .suite-dot{background:var(--suite-color,#82bea3)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--suite-color,#82bea3) 15%,transparent)}
.suite-field .suite-color-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#64748b;font-size:11px;font-weight:800}.suite-field .suite-color-caption small{font-size:10px;color:#94a3b8}
.suite-overview-item .suite-color-dot{background:var(--suite-color,#82bea3)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--suite-color,#82bea3) 16%,transparent)!important}

/* تقویم: رنگ سوییت از رنگ ذخیره‌شده مستقل از نام خوانده می‌شود. */
.app-shell .day-item.period.suite-colorized{background:color-mix(in srgb,var(--suite-color,#94a0b2) 9%,#fff)!important;border-color:color-mix(in srgb,var(--suite-color,#94a0b2) 26%,#fff)!important;color:#526276!important}
.app-shell .day-item.period.suite-colorized>i{background:var(--suite-color,#94a0b2)!important}
.app-shell .panel-record.period.suite-colorized>i{background:var(--suite-color,#94a0b2)!important}
.app-shell .panel-record.period.suite-colorized{border-right-color:var(--suite-color,#94a0b2)!important}
.app-shell .cal16-entry.period.suite-colorized>i,
.app-shell .cal16-timeline-row.period.suite-colorized .cal16-timeline-mark>i{background:var(--suite-color,#94a0b2)!important}
.app-shell .cal16-entry.period.suite-colorized{border-color:color-mix(in srgb,var(--suite-color,#94a0b2) 24%,#e5e7eb)!important}

@media(max-width:900px){
  .app-shell .day-item.period.suite-colorized{background:var(--suite-color,#94a0b2)!important;border-color:var(--suite-color,#94a0b2)!important}
  .suite-color-dropdown{max-height:min(460px,64vh)}
  .smart-suite-color-picker .suite-color-trigger{height:52px}
  .suite-color-option{min-height:46px}
}
@supports not (background:color-mix(in srgb,#000 10%,#fff)){
  .suite-field .suite-dot,.suite-overview-item .suite-color-dot{box-shadow:0 0 0 3px rgba(148,163,184,.13)!important}
  .app-shell .day-item.period.suite-colorized{background:#f7f9fc!important;border-color:#e2e8f0!important}
  @media(max-width:900px){.app-shell .day-item.period.suite-colorized{background:var(--suite-color,#94a0b2)!important;border-color:var(--suite-color,#94a0b2)!important}}
}