/* Discord Timestamp Generator — scoped.
   Inputs, labels, buttons and messages come from the shared .ftb-tool block in
   core.css so every tool looks like one product. */

.ftb-tool-discord .ftb-dt-controls{display:grid;gap:var(--ftb-space-4);
	grid-template-columns:1fr;margin-bottom:var(--ftb-space-5)}
@media (min-width:768px){
	.ftb-tool-discord .ftb-dt-controls{grid-template-columns:1fr 1fr 1.4fr auto;align-items:end}
}
.ftb-tool-discord .ftb-dt-controls .ftb-field{margin-bottom:0}
.ftb-dt-nowfield{display:flex;align-items:flex-end}
.ftb-dt-nowfield .ftb-btn{width:100%}

.ftb-dt-unix{margin:0 0 var(--ftb-space-4);font-family:var(--ftb-mono);
	font-size:var(--ftb-text-sm);color:var(--ftb-text-muted)}

/* Reserve height so the table appearing never shifts the page (§10 CLS). */
.ftb-dt-results{min-height:400px}

.ftb-dt-table{width:100%;border-collapse:collapse;font-size:var(--ftb-text-sm)}
.ftb-dt-table th,.ftb-dt-table td{padding:var(--ftb-space-3) var(--ftb-space-4);
	text-align:left;border-bottom:1px solid var(--ftb-border);vertical-align:middle;
	line-height:var(--ftb-lh-snug)}
.ftb-dt-table th{font-weight:var(--ftb-fw-semi);background:var(--ftb-surface-2);
	white-space:nowrap}
.ftb-dt-table code{font-family:var(--ftb-mono);font-size:var(--ftb-text-code);
	overflow-wrap:anywhere}
.ftb-dt-preview{font-weight:var(--ftb-fw-medium);color:var(--ftb-text)}

/* The relative format is the one most people came for, so it is marked with a
   tint AND a label — never colour alone (§9). */
.ftb-dt-table tr.is-featured{background:var(--ftb-primary-soft)}
.ftb-dt-tag{display:inline-block;margin-left:var(--ftb-space-2);padding:2px 8px;
	font-size:var(--ftb-text-xs);font-weight:var(--ftb-fw-semi);
	background:var(--ftb-primary);color:var(--ftb-on-primary);
	border-radius:var(--ftb-radius-full);white-space:nowrap}

.ftb-dt-copy{min-height:var(--ftb-tap);min-width:var(--ftb-tap);
	padding:var(--ftb-space-1) var(--ftb-space-3);font-family:inherit;
	font-size:var(--ftb-text-xs);font-weight:var(--ftb-fw-semi);
	color:var(--ftb-text);background:var(--ftb-bg);
	border:1px solid var(--ftb-border-strong);border-radius:var(--ftb-radius);
	cursor:pointer}
.ftb-dt-copy:hover{border-color:var(--ftb-primary);color:var(--ftb-primary)}
.ftb-dt-copy:focus-visible{outline:2px solid var(--ftb-primary);outline-offset:2px}

.ftb-dt-note{margin:var(--ftb-space-5) 0 0;padding:var(--ftb-space-4);
	font-size:var(--ftb-text-sm);line-height:var(--ftb-lh-snug);
	color:var(--ftb-text-muted);background:var(--ftb-surface);
	border-left:3px solid var(--ftb-primary);border-radius:var(--ftb-radius-sm)}