/**
 * The Setup tab: the returns form and the tracking page, each with its
 * shortcode, its readiness list and a preview beside them.
 *
 * Loaded on the Setup tab only, after admin.css.
 */

.careback-setup-part {
	margin: 8px 0 4px;
	font-size: 1.3em;
}

.careback-setup-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
.careback-setup-preview{position:sticky;top:40px}
.careback-preview-frame{width:100%;min-height:640px;border:1px solid #dcdcde;background:#fff;border-radius:3px}
@media (max-width:1200px){.careback-setup-cols{grid-template-columns:1fr}}

/* The shortcode to copy: as wide as it needs, not a full field. */
.careback-setup .careback-shortcode {
	max-width: 260px;
}

/* Between the returns form and the tracking page. */
.careback-setup-rule {
	margin: 40px 0;
}

/* The steps beside the preview, wider than it (design §3.0). */
.careback-setup-cols{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}
@media (max-width:1200px){.careback-setup-cols{grid-template-columns:1fr}}
.careback-setup-legend{margin:4px 0 16px;max-width:760px}

/* One step's card: its number or tick, title, tag and state. */
.careback-setup-step{margin:0 0 16px;padding:16px 20px 18px;background:#fff;border:1px solid #dcdcde;border-radius:4px}
.careback-setup-step-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 8px}
.careback-setup-step-head h3{margin:0;font-size:15px}
.careback-setup-num{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:4px;border-radius:50%;background:#f0f0f1;border:1px solid #c3c4c7;font-size:12px;font-weight:600;vertical-align:middle}
.careback-setup-num.is-done{background:#00a32a;border-color:#00a32a;color:#fff}
.careback-setup-state{margin-left:auto;font-size:12px;font-weight:600}
.careback-setup-state.is-done,.careback-setup-state.is-on{color:#007017}
.careback-setup-state.is-todo{color:#b32d2e}
.careback-setup-state.is-off{color:#50575e}
.careback-setup-step p{margin:6px 0}
.careback-setup-how{margin:6px 0 6px 18px}
.careback-setup-how li{margin-bottom:4px}
.careback-other-ways{margin:8px 0 0}
.careback-other-ways>summary{cursor:pointer;color:#2271b1}

/* A field to copy, its button, and the line that says it was copied. */
.careback-copy{display:flex;align-items:center;gap:8px;margin:6px 0;flex-wrap:wrap}
.careback-copy label{min-width:90px;font-weight:600}
.careback-copy input[type=text]{flex:1 1 260px;max-width:420px;font-family:Consolas,Monaco,monospace;font-size:13px}
.careback-copied{color:#007017;font-size:12px}
.careback-found{margin:10px 0 0;padding:8px 12px;background:#f6f7f7;border-left:4px solid #c3c4c7}
.careback-found.is-ok{border-left-color:#00a32a}
.careback-found.is-todo{border-left-color:#dba617}
.careback-found p{margin:0 0 6px}
.careback-link-added label{margin-right:8px}
.careback-copy-button[hidden],.careback-link-added-save[hidden]{display:none}
.careback-inline-warning{margin:6px 0 0;padding:6px 10px;background:#fcf9e8;border-left:3px solid #dba617}

/* The readiness list (N-124): mark, item, tag. */
.careback-setup-ready-title{margin:24px 0 6px}
.careback-ready{margin:0;padding:0;list-style:none}
.careback-ready li{display:grid;grid-template-columns:22px 1fr auto;gap:6px;align-items:baseline;padding:7px 0;border-top:1px solid #f0f0f1}
.careback-ready li:first-child{border-top:0}
.careback-ready-mark{font-weight:700}
.careback-ready-mark.is-ok{color:#007017}
.careback-ready-mark.is-no{color:#b32d2e}
.careback-ready-mark.is-info{color:#646970;font-style:italic}
.careback-ready .careback-tag{margin-left:0}
.careback-ready .button-link{vertical-align:baseline}
.careback-ready-more{grid-column:2 / 4}
.careback-ready-more .careback-official-version{margin:2px 0 0}

/* WooCommerce's own withdrawal form is on (N-81): the card above the steps. */
.careback-warning{margin:0 0 16px;padding:14px 18px 16px;background:#fcf9e8;border:1px solid #f0c33c;border-left:4px solid #dba617;border-radius:2px}
.careback-warning h3{margin:0 0 6px;font-size:15px}
.careback-warning p{margin:6px 0;max-width:820px}
.careback-actions-row{margin-top:12px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}

/* The support report (N-125). */
.careback-setup-intro{max-width:900px}
.careback-report{display:block;width:100%;max-width:900px;min-height:300px;font-family:Consolas,Monaco,monospace;font-size:12px;line-height:1.5;background:#f6f7f7}
.careback-report-actions{display:flex;gap:10px;align-items:center;margin:8px 0 0}