:root{ --dcm-primary:#2271b1; --dcm-danger:#d63638; --dcm-border:#e5e7eb; --dcm-soft:#f6f8fb; }
.dcm-box{max-width:600px;margin:20px auto;padding:25px;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,0.05);}
.dcm-header{text-align:center;border-bottom:2px solid var(--dcm-primary);padding-bottom:10px;}
.dcm-header-danger{text-align:center;border-bottom:2px solid var(--dcm-danger);padding-bottom:10px;}
.dcm-box-danger{border-top-color:var(--dcm-danger);}
.dcm-row{display:flex;gap:15px;margin-bottom:15px;}
.dcm-grp{flex:1;margin-bottom:15px;}
.dcm-lbl{font-weight:bold;display:block;margin-bottom:5px;color:#333;}
.dcm-inp{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;}
.dcm-btn{background:var(--dcm-primary);color:#fff;padding:12px;border:none;width:100%;border-radius:4px;cursor:pointer;}
.dcm-btn-danger{background:var(--dcm-danger);}
.hidden{display:none;}
.mt-10{margin-top:10px;}
.dcm-bg-soft{background:var(--dcm-soft);padding:10px;}

/* Toggle UI */
.dcm-toggle-wrap{max-width:900px;margin:22px auto;}
.dcm-toggle-bar{display:flex;gap:12px;justify-content:center;margin-bottom:18px;}
.dcm-toggle-btn{padding:12px 22px;border-radius:999px;border:2px solid var(--dcm-primary);background:#fff;color:var(--dcm-primary);cursor:pointer;}
.dcm-toggle-btn.active{background:var(--dcm-primary);color:#fff;}
.dcm-toggle-btn.exp{border-color:var(--dcm-danger);color:var(--dcm-danger);}
.dcm-toggle-btn.exp.active{background:var(--dcm-danger);color:#fff;}
.dcm-pane{background:#fff;border:1px solid var(--dcm-border);border-radius:14px;padding:18px;animation:dcmFade .28s ease;}
@keyframes dcmFade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}