.alan-custom-status-section{margin-top:12px}
.alan-custom-status-list{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}
.alan-custom-status-row{display:flex;align-items:stretch;gap:6px}
.alan-custom-status-row .user-select-item{margin:0;min-height:40px;min-width:0}
.alan-custom-status-row .btn-sm{min-width:36px;padding:0 8px;flex-shrink:0}
.alan-custom-status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0;vertical-align:middle}
.alan-custom-status-empty{margin:0 0 8px}
.alan-custom-status-create{display:flex;flex-direction:column;gap:8px;max-width:100%}
.alan-custom-status-input-row{
  display:flex;
  flex-direction:row;
  align-items:stretch;
  gap:8px;
  width:100%;
  max-width:100%;
}
.alan-custom-status-label-input{
  flex:1 1 auto;
  min-width:0;
  width:auto!important;
  max-width:100%;
  padding:10px 12px;
  background:var(--bg-light,#f5f7fa);
  border:1px solid var(--border,#dde3ea);
  border-radius:var(--radius-sm,8px);
  color:var(--text-dark,#1a1a2e);
  font-size:14px;
  font-family:inherit;
  outline:none;
  box-sizing:border-box;
}
.alan-custom-status-label-input:focus{border-color:var(--accent,#2979ff)}
.alan-custom-status-color-wrap{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0;
  padding:0;
}
.alan-custom-status-color-input{
  display:block;
  width:44px!important;
  height:44px!important;
  min-width:44px;
  max-width:44px;
  min-height:44px;
  max-height:44px;
  padding:3px;
  margin:0;
  border:1px solid var(--border,#dde3ea);
  border-radius:var(--radius-sm,8px);
  background:var(--surface,#fff);
  cursor:pointer;
  box-sizing:border-box;
  -webkit-appearance:none;
  appearance:none;
}
.alan-custom-status-color-input::-webkit-color-swatch-wrapper{padding:2px}
.alan-custom-status-color-input::-webkit-color-swatch{border:none;border-radius:5px}
.alan-custom-status-color-input::-moz-color-swatch{border:none;border-radius:5px}
.alan-custom-status-save-btn{align-self:flex-start;max-width:100%}
.modal-body .alan-custom-status-label-input,
.modal-body .alan-custom-status-color-input{width:auto}
body.theme-dark .alan-custom-status-label-input{
  background:var(--bg-light,#1e293b);
  border-color:var(--border,#334155);
  color:var(--text-dark,#e2e8f0);
}
body.theme-dark .alan-custom-status-color-input{
  border-color:var(--border,#334155);
  background:var(--surface,#0f172a);
}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (max-width:360px){
  .alan-custom-status-color-input{
    width:40px!important;
    height:40px!important;
    min-width:40px;
    max-width:40px;
    min-height:40px;
    max-height:40px;
  }
}