/**
 * Admin screens of the plugin: what every tab shares.
 *
 * Loaded on the plugin's own tabs only (WooCommerce → Careback). Each tab
 * brings a stylesheet of its own beside this one: admin-requests.css,
 * admin-setup.css, admin-settings.css.
 */

/* The frame of every tab: the heading, "Careback", and the row of tabs under
   it (WordPress's nav-tab-wrapper). Notices land below the tabs. */
.careback-wrap .careback-tabs {
	margin-bottom: 16px;
}

/* The help icon (Admin_Tip): a question mark that keeps its dashicon glyph
   (::before) and a bubble in a span of its own, so the bubble never overrides
   that glyph. The bubble is fixed to the window and placed by admin.js at the
   moment it opens: an absolutely positioned one is clipped by any box that
   scrolls or hides its overflow — a settings table, a card, the request list —
   and near the left edge slides under the admin menu. */
.careback-tip{position:relative;display:inline-block;color:#787c82;cursor:help;font-size:18px;line-height:1;vertical-align:middle;outline:none;text-decoration:none}
.careback-tip:hover,.careback-tip:focus{color:#2271b1}
.careback-tip:focus-visible{outline:2px solid #2271b1;outline-offset:2px;border-radius:50%}
.careback-tip .careback-tip-bubble{position:fixed;left:0;top:0;min-width:240px;max-width:min(360px,calc(100vw - 24px));white-space:normal;text-align:left;background:#1d2327;color:#fff;font-size:12px;line-height:1.5;font-weight:400;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;padding:9px 11px;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.25);opacity:0;visibility:hidden;transition:opacity .08s ease;pointer-events:none;z-index:100000}
.careback-tip:hover .careback-tip-bubble,.careback-tip:focus .careback-tip-bubble{opacity:1;visibility:visible}
/* A wider bubble for a longer explanation (the statuses of the request list). */
.careback-tip.careback-tip-wide .careback-tip-bubble{min-width:min(340px,calc(100vw - 24px));max-width:min(420px,calc(100vw - 24px));font-weight:400;text-transform:none;letter-spacing:normal}
.careback-tip.careback-tip-wide .careback-tip-bubble strong{color:#72aee6}

/* The status cell of the request list: the status select, any field added
   beside it and the save button, stacked. Every select is capped at the cell
   width and an overlong option label is clipped. */
.careback-requests-table .careback-status-form {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	max-width: 100%;
}

.careback-requests-table .careback-status-form select {
	display: block;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* The browser a request was sent from, on the request card: one long string
   that wraps anywhere instead of widening the card. */
.careback-detail-ua {
	color: #50575e;
	overflow-wrap: anywhere;
	word-break: break-word;
}

/* "Required" and "Recommended" beside a setting or a step (N-124): written out,
   not only coloured — Required filled, Recommended outlined. Under the field name
   in a settings table. */
.careback-tag{display:inline-block;margin-left:6px;padding:0 7px;border:1px solid #1d2327;border-radius:9px;font-size:11px;font-weight:500;line-height:17px;vertical-align:1px;white-space:nowrap;color:#1d2327;background:#fff}
.careback-tag-required{background:#1d2327;color:#fff}
.careback-tag-recommended{border-color:#8c8f94}
th .careback-tag{display:block;width:max-content;margin:6px 0 0}