.ctmup-wrap{max-width:1100px;margin:0 auto;padding:18px}
.ctmup-header{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:14px}
.ctmup-title{margin:0;font-size:28px;font-weight:900;letter-spacing:-.02em}
.ctmup-subtitle{color:#6b768a;font-weight:600}
.ctmup-card{background:#fff;border:1px solid #e8ecf3;border-radius:18px;padding:16px;box-shadow:0 12px 38px rgba(12,18,40,.06);margin-bottom:14px}
.ctmup-h3{margin:0 0 12px;font-size:18px;font-weight:900}
.ctmup-grid{display:grid;grid-template-columns:1fr 320px;gap:14px}
.ctmup-field label{display:block;font-weight:800;margin-bottom:6px;color:#1b2333}
.ctmup-field input[type="text"],.ctmup-field textarea{width:100%;border:1px solid #dde4f0;border-radius:14px;padding:12px;font-size:14px;outline:none}
.ctmup-field textarea{min-height:120px;resize:vertical}
.ctmup-field small{color:#6b768a;font-weight:600}
.ctmup-priority{display:flex;gap:10px;flex-wrap:wrap}
.ctmup-prio{border:1px solid #dde4f0;background:#fff;border-radius:999px;padding:10px 14px;font-weight:900;cursor:pointer}
.ctmup-prio.is-active{outline:3px solid rgba(0,0,0,.08)}
.ctmup-prio--low{background:#eafff1;border-color:#c8f4d8}
.ctmup-prio--mid{background:#fff6e7;border-color:#ffe1b5}
.ctmup-prio--high{background:#ffecec;border-color:#ffc2c2}
.ctmup-btn{border:1px solid #dde4f0;background:#fff;border-radius:14px;padding:10px 14px;font-weight:900;cursor:pointer}
.ctmup-btn--primary{background:#0b74ff;border-color:#0b74ff;color:#fff;padding:12px 16px}
.ctmup-btn--ghost{background:#f7f9fd}
.ctmup-listHead{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
.ctmup-muted{color:#6b768a;font-weight:700}

.ctmup-task{border:1px solid #e8ecf3;border-radius:16px;padding:12px;margin-bottom:10px;background:#fff}
.ctmup-task__top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.ctmup-task__title{font-weight:1000;font-size:16px}
.ctmup-badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.ctmup-badge{padding:6px 10px;border-radius:999px;font-weight:900;border:1px solid #dde4f0;background:#f7f9fd}
.ctmup-badge.low{background:#eafff1;border-color:#c8f4d8}
.ctmup-badge.mid{background:#fff6e7;border-color:#ffe1b5}
.ctmup-badge.high{background:#ffecec;border-color:#ffc2c2}
.ctmup-task__meta{color:#6b768a;font-weight:700;margin-top:6px}
.ctmup-task__body{display:none;margin-top:10px}
.ctmup-task.is-open .ctmup-task__body{display:block}
.ctmup-task__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}

.ctmup-userbar{display:flex;align-items:center;gap:10px}
.ctmup-userbar__name{font-weight:900;color:#1b2333;padding:8px 12px;border:1px solid #e8ecf3;border-radius:999px;background:#fff}

.ctmup-toast{margin-top:10px;padding:10px 12px;border-radius:14px;font-weight:900;border:1px solid transparent}
.ctmup-toast.ok{background:#eafff1;border-color:#c8f4d8;color:#0b6b2b}
.ctmup-toast.err{background:#fff1f1;border-color:#ffd2d2;color:#a30018}

@media (max-width: 900px){
  .ctmup-header{flex-direction:column;align-items:flex-start}
  .ctmup-grid{grid-template-columns:1fr}
}


/* CTMUP MOBILE FIX v3.0.2 */
.ctmup-wrap,
.ctmup-card{max-width:100%;overflow-x:hidden;}
@media (max-width: 900px){
  .ctmup-grid{grid-template-columns:1fr !important;}
  .ctmup-field,.ctmup-field--grow{min-width:0 !important;}
  .ctmup-priority{flex-wrap:wrap;gap:8px;}
  .ctmup-prio{flex:1 1 auto;max-width:100%;white-space:nowrap;}
  .ctmup-field input[type="file"]{max-width:100% !important;width:100% !important;}
  .ctmup-task__actions{flex-direction:column;align-items:stretch;}
  .ctmup-btn{max-width:100%;width:100%;}
  .ctmup-wrap{padding:12px;}
  .ctmup-card{padding:12px;}
}