/* Container */
.mdms-card-outer{max-width:980px;margin:18px auto 28px;background:#ffffff;border-radius:16px;box-shadow:0 12px 28px rgba(0,0,0,.07);padding:22px;}

/* Title */
.mdms-title{display:flex;align-items:center;gap:10px}
.mdms-title .dashicons{font-size:28px;}

/* Cards */
.mdms-card{background:#fafafa;border:1px solid #eee;border-radius:14px;padding:16px 16px 12px;margin-bottom:16px;}
.mdms-card-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.mdms-card h3{margin:0;font-size:18px;color:#222;}
.mdms-hint{margin:.5em 0 0;color:#777;font-size:12px}

/* Inputs */
.mdms-label{font-weight:600;margin-bottom:6px;display:block;}
.mdms-input{width:100%;padding:11px 12px;border:1px solid #dcdcdc;border-radius:10px;outline:0;font-size:14px;background:#fff}
.mdms-input:focus{border-color:#2271b1;box-shadow:0 0 0 3px rgba(34,113,177,.15)}

/* Layout */
.mdms-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
@media(max-width:860px){.mdms-grid{grid-template-columns:1fr;}}
.mdms-row{display:flex;gap:12px;flex-wrap:wrap;}
.mdms-col{flex:1 1 250px}

/* Switches */
.mdms-switches{display:flex;flex-direction:column;gap:10px;margin-top:8px;}
.mdms-switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;user-select:none}
.mdms-switch input{display:none}
.mdms-slider{width:48px;height:26px;background:#d1d5db;border-radius:999px;position:relative;transition:.2s}
.mdms-slider:before{content:'';position:absolute;left:3px;top:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.mdms-switch input:checked + .mdms-slider{background:#2271b1}
.mdms-switch input:checked + .mdms-slider:before{transform:translateX(22px)}
.mdms-switch-label{font-weight:500;color:#333}

/* Radios & Color */
.mdms-radio-group{display:flex;align-items:center;gap:16px;margin-bottom:10px;flex-wrap:wrap}
.mdms-color{width:46px;height:38px;border-radius:10px;border:1px solid #dcdcdc;padding:0;}

/* Preset grid */
.mdms-preset-grid{display:grid;grid-template-columns:repeat(3, minmax(140px,1fr));gap:10px;margin-top:6px}
@media(max-width:760px){.mdms-preset-grid{grid-template-columns:repeat(2, minmax(140px,1fr));}}
.mdms-preset{padding:10px 12px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;font-weight:600}
.mdms-preset:hover{border-color:#2271b1;box-shadow:0 4px 12px rgba(34,113,177,.15)}

/* Actions */
.mdms-actions{text-align:right;margin-top:12px}
.mdms-btn-hero{display:inline-flex;align-items:center;gap:8px;padding:13px 20px;border-radius:12px;font-size:15px;box-shadow:0 6px 14px rgba(34,113,177,.2)}

/* Download button (bold + centered + attractive) */
.mdms-download{display:inline-block;font-weight:700;text-align:center;margin:18px auto;padding:14px 28px;font-size:16px;border-radius:12px;background:linear-gradient(135deg,#2271b1,#3299ff);color:#fff!important;box-shadow:0 6px 14px rgba(34,113,177,.35);transition:all .2s ease-in-out}
.mdms-download:hover{background:linear-gradient(135deg,#1b5a8c,#2271b1);transform:translateY(-2px)}
.mdms-download .dashicons{vertical-align:middle;margin-right:6px;font-size:18px}
.mdms-success .mdms-download{display:block;text-align:center}

/* v11: Spinner */
.mdms-download.mdms-loading{position:relative;pointer-events:none;opacity:.92}
.mdms-download.mdms-loading::after{content:'';display:inline-block;width:16px;height:16px;margin-left:8px;border-radius:50%;border:2px solid rgba(255,255,255,.6);border-top-color:#fff;animation:mdms-spin .6s linear infinite;vertical-align:-2px}
@keyframes mdms-spin{to{transform:rotate(360deg)}}