/* v1.0.2 — only card spacing & finishing icons row (inputs use theme default) */
#coc-app .coc-card{ border:1px solid #dfdfdf; border-radius:12px; padding:16px; margin-bottom:38px; }
#coc-app .coc-card-title{ font-size:12px; font-weight:700; letter-spacing:.1em; color:#6b5a7a; text-transform:uppercase; border-bottom:1px solid #dfdfdf; padding-bottom:6px; }

/* finishing icons in single row */
#coc_finishing_icons{ display:flex; gap:16px; flex-wrap:nowrap; overflow-x:auto; }
#coc_finishing_icons .coc-fin-item{ min-width:96px; height:96px; border:3px solid transparent; border-radius:4px; display:flex; align-items:center; justify-content:center; cursor:pointer; background:#fff; }
#coc_finishing_icons .coc-fin-item img, #coc_finishing_icons .coc-fin-item .coc-fin-ph{ max-width:88px; max-height:88px; }
#coc_finishing_icons .coc-fin-item.is-active{ border-color:#000; }
#coc_finishing_icons .coc-fin-item.is-disabled{ filter:grayscale(1); opacity:.55; cursor:not-allowed; }


/* Rounded toggle switch for Deadline */
#coc-app .coc-switch-row{ display:flex; align-items:center; justify-content:space-between; gap:12px; }
#coc-app .coc-switch{ position:relative; display:inline-flex; align-items:center; gap:6px; }
#coc-app .coc-switch input{ display:none; }
#coc-app .coc-slider{ width:48px; height:26px; background:#bfbfbf; border-radius:999px; position:relative; transition:.2s; }
#coc-app .coc-slider:before{ content:""; position:absolute; left:3px; top:3px; width:20px; height:20px; background:#fff; border-radius:50%; transition:.2s; box-shadow:0 1px 3px rgba(0,0,0,.12); }
#coc-app .coc-switch input:checked + .coc-slider{ background:#4CAF50; }
#coc-app .coc-switch input:checked + .coc-slider:before{ transform:translateX(22px); }
#coc-app .coc-switch-text{ position:absolute; right:6px; color:#fff; font-weight:600; font-size:12px; pointer-events:none; }
#coc-app .coc-switch .coc-off{ display:inline; }
#coc-app .coc-switch input:checked ~ .coc-switch-text .coc-off{ display:none; }
#coc-app .coc-switch .coc-on{ display:none; }
#coc-app .coc-switch input:checked ~ .coc-switch-text .coc-on{ display:inline; }

/* Rounded toggle switch */
#coc-app .coc-switch-row{ display:flex; align-items:center; justify-content:space-between; gap:12px; }
#coc-app .coc-switch{ position:relative; display:inline-flex; align-items:center; gap:6px; }
#coc-app .coc-switch input{ display:none; }
#coc-app .coc-slider{ width:48px; height:26px; background:#bfbfbf; border-radius:999px; position:relative; transition:.2s; }
#coc-app .coc-slider:before{ content:""; position:absolute; left:3px; top:3px; width:20px; height:20px; background:#fff; border-radius:50%; transition:.2s; box-shadow:0 1px 3px rgba(0,0,0,.12); }
#coc-app .coc-switch input:checked + .coc-slider{ background:#4CAF50; }
#coc-app .coc-switch input:checked + .coc-slider:before{ transform:translateX(22px); }
#coc-app .coc-switch-text{ position:absolute; right:6px; color:#fff; font-weight:600; font-size:12px; pointer-events:none; }
#coc-app .coc-switch .coc-off{ display:inline; }
#coc-app .coc-switch input:checked ~ .coc-switch-text .coc-off{ display:none; }
#coc-app .coc-switch .coc-on{ display:none; }
#coc-app .coc-switch input:checked ~ .coc-switch-text .coc-on{ display:inline; }

/* read-only select look */
#coc-app .coc-select-readonly{
  width:100%; max-width:460px; background:#f8f8f8;
  border:1px solid #dfdfdf; border-radius:8px; padding:12px 14px;
  color:#333; position:relative;
}
#coc-app .coc-select-readonly:after{
  content:""; position:absolute; right:12px; top:50%; transform:translateY(-50%);
  border:6px solid transparent; border-top-color:#999;
}