.dm24-trust-dashboard { display: grid; gap: 22px; color: #102c3d; }
.dm24-trust-dashboard *, .dm24-trust-public * { box-sizing: border-box; }
.dm24-trust-dashboard__hero { display: grid; grid-template-columns: minmax(0,1fr) 64px; align-items: center; gap: 24px; padding: 26px 28px; border-radius: 20px; background: linear-gradient(135deg,#082b43,#0a4166); color: #fff; }
.dm24-trust-dashboard__hero h2 { margin: 5px 0 8px; color: #fff; font-size: clamp(24px,3vw,34px); line-height: 1.18; }
.dm24-trust-dashboard__hero p { max-width: 760px; margin: 0; color: #c7dce9; font-size: 15px; line-height: 1.65; }
.dm24-trust-dashboard__hero > i { display: grid; width: 64px; height: 64px; border: 1px solid rgba(255,255,255,.2); border-radius: 18px; background: rgba(255,255,255,.1); color: #48b7ff; font-size: 27px; place-items: center; }
.dm24-trust-notice { padding: 14px 17px; border: 1px solid #addfc7; border-radius: 12px; background: #effbf5; color: #11643c; font-size: 15px; font-weight: 700; }
.dm24-trust-notice.is-error { border-color: #efbec4; background: #fff3f4; color: #a32c3b; }
.dm24-trust-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.dm24-trust-metrics article { min-width: 0; padding: 18px; border: 1px solid #d5e1eb; border-radius: 15px; background: #f7fafc; }
.dm24-trust-metrics span { display: block; min-height: 36px; color: #687e90; font-size: 13px; line-height: 1.4; }
.dm24-trust-metrics strong { display: block; margin-top: 4px; color: #087ef5; font-size: 25px; line-height: 1.1; }
.dm24-trust-card { padding: 24px; border: 1px solid #d4e1eb; border-radius: 18px; background: #fff; box-shadow: 0 12px 30px rgba(10,42,64,.05); }
.dm24-trust-card > header { display: flex; margin-bottom: 18px; justify-content: space-between; align-items: flex-start; gap: 20px; }
.dm24-trust-card > header span { color: #087ef5; font-size: 12px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.dm24-trust-card > header h3 { margin: 5px 0 5px; color: #0a2b41; font-size: 21px; line-height: 1.3; }
.dm24-trust-card > header p { max-width: 760px; margin: 0; color: #61778a; font-size: 14px; line-height: 1.55; }
.dm24-trust-card > header > strong { flex: 0 0 auto; padding: 7px 10px; border-radius: 999px; background: #edf6ff; color: #0873d9; font-size: 13px; }
.dm24-trust-copy { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px; }
.dm24-trust-copy input, .dm24-trust-inline-form input, .dm24-trust-reference-form input, .dm24-trust-reference-form textarea, .dm24-trust-list textarea { width: 100%; min-height: 48px; padding: 11px 14px; border: 1px solid #cbd9e4; border-radius: 10px; background: #fff; color: #17354a; font: inherit; font-size: 16px; }
.dm24-trust-copy input:focus, .dm24-trust-inline-form input:focus, .dm24-trust-reference-form input:focus, .dm24-trust-reference-form textarea:focus, .dm24-trust-list textarea:focus { border-color: #087ef5; outline: 3px solid rgba(8,126,245,.12); }
.dm24-trust-inline-form { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.2fr) auto; align-items: end; gap: 12px; }
.dm24-trust-inline-form label, .dm24-trust-reference-form label, .dm24-trust-list form label { display: grid; gap: 7px; color: #183950; font-size: 14px; font-weight: 700; }
.dm24-trust-inline-form small, .dm24-trust-reference-form small { color: #789; font-weight: 500; }
.dm24-trust-upsell { display: grid; grid-template-columns: 46px minmax(0,1fr) auto; align-items: center; gap: 15px; padding: 18px; border: 1px solid #bdd9f7; border-radius: 15px; background: #eff7ff; }
.dm24-trust-upsell > i { display: grid; width: 46px; height: 46px; border-radius: 13px; background: #087ef5; color: #fff; place-items: center; }
.dm24-trust-upsell strong { display: block; color: #0a2b41; font-size: 16px; }
.dm24-trust-upsell p { margin: 4px 0 0; color: #5f778a; font-size: 14px; line-height: 1.5; }
.dm24-trust-upsell a { color: #0873d9; font-weight: 800; text-decoration: none; }
.dm24-trust-list { display: grid; gap: 12px; }
.dm24-trust-list > article { min-width: 0; padding: 18px; border: 1px solid #dbe5ed; border-radius: 13px; background: #fbfdff; }
.dm24-trust-list > article > header { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; }
.dm24-trust-list header > span { flex: 0 0 auto; padding: 5px 8px; border-radius: 999px; background: #fff5da; color: #8c5d00; font-size: 12px; font-weight: 750; }
.dm24-trust-list header > span.is-publish { background: #e8f8ef; color: #087445; }
.dm24-trust-list h4 { margin: 10px 0 5px; font-size: 18px; }
.dm24-trust-list p { margin: 7px 0; color: #405d71; line-height: 1.6; }
.dm24-trust-list > article > small { color: #74889a; }
.dm24-trust-list form { display: grid; margin-top: 15px; gap: 9px; }
.dm24-trust-rating { color: #f2a900; letter-spacing: .06em; }
.dm24-trust-empty { margin: 0; padding: 18px; border-radius: 12px; background: #f6f9fb; color: #6b7f91; }
.dm24-trust-reference-form { display: grid; margin-top: 20px; padding-top: 20px; gap: 15px; border-top: 1px solid #dde6ed; }
.dm24-trust-reference-form > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.dm24-trust-reference-form .is-wide { grid-column: 1 / -1; }
.dm24-trust-reference-form textarea { min-height: 110px; resize: vertical; }
.dm24-trust-check { display: flex !important; grid-template-columns: none !important; align-items: flex-start; gap: 10px !important; font-weight: 500 !important; line-height: 1.5; }
.dm24-trust-check input { flex: 0 0 auto; width: 18px !important; min-height: 18px !important; margin: 2px 0 0; }
.dm24-trust-link-button { padding: 0; border: 0; background: transparent; color: #a02b37; font: inherit; font-size: 13px; cursor: pointer; text-decoration: underline; }

.dm24-trust-public { min-height: 70vh; padding: clamp(46px,7vw,92px) 18px; background: #f2f6f9; }
.dm24-trust-public > section { max-width: 780px; margin: 0 auto; padding: clamp(26px,5vw,48px); border: 1px solid #d5e1ea; border-radius: 22px; background: #fff; box-shadow: 0 24px 60px rgba(8,39,58,.1); }
.dm24-trust-public > section > i { display: grid; width: 58px; height: 58px; margin-bottom: 18px; border-radius: 17px; background: #087ef5; color: #fff; font-size: 24px; place-items: center; }
.dm24-trust-public h1 { margin: 7px 0 12px; color: #082b43; font-size: clamp(31px,5vw,48px); line-height: 1.08; overflow-wrap: anywhere; hyphens: auto; }
.dm24-trust-public > section > p { color: #587082; font-size: 17px; line-height: 1.7; }
.dm24-trust-public aside { margin: 20px 0; padding: 14px 16px; border-radius: 11px; background: #fff0f1; color: #a32c3b; font-weight: 700; }
.dm24-trust-public aside.is-success { background: #eaf9f1; color: #0b7444; }
.dm24-trust-public form { display: grid; gap: 17px; margin-top: 26px; }
.dm24-trust-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px; }
.dm24-trust-form-grid label, .dm24-trust-public fieldset { display: grid; min-width: 0; gap: 7px; color: #183950; font-size: 15px; font-weight: 750; }
.dm24-trust-form-grid .is-wide { grid-column: 1 / -1; }
.dm24-trust-form-grid input, .dm24-trust-form-grid textarea { width: 100%; min-height: 50px; padding: 12px 14px; border: 1px solid #c9d8e4; border-radius: 11px; color: #16364c; font: inherit; font-size: 16px; }
.dm24-trust-form-grid textarea { min-height: 150px; resize: vertical; }
.dm24-trust-form-grid input:focus, .dm24-trust-form-grid textarea:focus { border-color: #087ef5; outline: 3px solid rgba(8,126,245,.13); }
.dm24-trust-public fieldset { padding: 0; border: 0; }
.dm24-trust-stars { display: flex; width: max-content; flex-direction: row-reverse; gap: 5px; }
.dm24-trust-stars input { position: absolute; opacity: 0; pointer-events: none; }
.dm24-trust-stars label { color: #cbd6de; font-size: 29px; cursor: pointer; }
.dm24-trust-stars label:hover, .dm24-trust-stars label:hover ~ label, .dm24-trust-stars input:checked ~ label, .dm24-trust-stars input:focus-visible + label { color: #f2a900; }
.dm24-trust-honeypot { position: absolute !important; left: -9999px !important; }

.dm24b-profile-rating { display: inline-flex; margin-top: 10px; align-items: center; gap: 8px; color: #17364b; font-size: 14px; }
.dm24b-profile-rating b { color: #f2a900; letter-spacing: .04em; }
.dm24b-review-summary { display: grid; grid-template-columns: 180px minmax(0,1fr); gap: 24px; margin-bottom: 22px; padding: 20px; border: 1px solid #d7e3ec; border-radius: 16px; background: #f8fbfd; }
.dm24b-review-summary strong { display: block; color: #082b43; font-size: 42px; line-height: 1; }
.dm24b-review-summary span { color: #f2a900; letter-spacing: .07em; }
.dm24b-review-grid, .dm24b-reference-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.dm24b-review-card, .dm24b-reference-card { min-width: 0; padding: 21px; border: 1px solid #d8e3eb; border-radius: 16px; background: #fff; }
.dm24b-review-card header, .dm24b-reference-card header { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.dm24b-review-card header b { color: #f2a900; }
.dm24b-review-card header span, .dm24b-reference-card header span { padding: 5px 8px; border-radius: 999px; background: #eaf8f1; color: #087445; font-size: 11px; font-weight: 800; }
.dm24b-review-card h3, .dm24b-reference-card h3 { margin: 14px 0 7px; font-size: 19px; }
.dm24b-review-card p, .dm24b-reference-card p { color: #4d6678; line-height: 1.65; }
.dm24b-review-card footer { margin-top: 14px; color: #75899a; font-size: 13px; }
.dm24b-review-reply { margin-top: 16px; padding: 13px 15px; border-left: 3px solid #087ef5; border-radius: 0 10px 10px 0; background: #f2f7fc; }
.dm24b-review-reply strong { display: block; margin-bottom: 4px; font-size: 13px; }

@media (max-width: 900px) {
	.dm24-trust-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
	.dm24-trust-inline-form { grid-template-columns: 1fr 1fr; }
	.dm24-trust-inline-form button { grid-column: 1 / -1; width: 100%; }
	.dm24b-review-grid, .dm24b-reference-grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
	.dm24-trust-dashboard__hero { grid-template-columns: 1fr; padding: 21px; }
	.dm24-trust-dashboard__hero > i { display: none; }
	.dm24-trust-metrics { grid-template-columns: 1fr 1fr; gap: 8px; }
	.dm24-trust-metrics article { padding: 14px; }
	.dm24-trust-card { padding: 18px; }
	.dm24-trust-card > header, .dm24-trust-list > article > header { flex-direction: column; }
	.dm24-trust-copy, .dm24-trust-inline-form, .dm24-trust-reference-form > div, .dm24-trust-form-grid { grid-template-columns: 1fr; }
	.dm24-trust-copy .dm24b-button, .dm24-trust-inline-form button { width: 100%; }
	.dm24-trust-reference-form .is-wide, .dm24-trust-form-grid .is-wide { grid-column: auto; }
	.dm24-trust-upsell { grid-template-columns: 40px minmax(0,1fr); }
	.dm24-trust-upsell > i { width: 40px; height: 40px; }
	.dm24-trust-upsell a { grid-column: 2; }
	.dm24-trust-public { padding: 28px 12px; }
	.dm24-trust-public > section { padding: 22px 17px; border-radius: 17px; }
	.dm24b-review-summary { grid-template-columns: 1fr; }
}