/**
* DartLogic shared styles and responsive layout.
* Include via:
*/
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: 'Inter', sans-serif;
background: #12171e;
min-height: 100vh;
padding: 20px;
color: #f5f7fb;
position: relative;
}
body::before {
content: '';
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url('../images/dartboard-bg.png') center center no-repeat;
background-size: contain;
opacity: 0.2;
pointer-events: none;
z-index: 0;
}
body > * { position: relative; z-index: 1; }
.container { max-width: 960px; margin: 0 auto; }
h1 {
font-family: 'Oswald', sans-serif;
font-size: 2rem;
color: #ff8a3d;
margin-bottom: 8px;
text-transform: uppercase;
letter-spacing: 2px;
}
.header-row { display: flex; align-items: center; gap: 16px; margin-bottom: 8px; }
.header-row img { height: 48px; width: auto; display: block; }
.header-row h1 { margin: 0; }
.card {
background: rgba(20, 27, 45, 0.95);
border-radius: 12px;
padding: 24px;
border: 1px solid rgba(255, 255, 255, 0.1);
margin-bottom: 16px;
}
.card:hover { border-color: rgba(255, 138, 61, 0.4); }
.muted { color: #a7b1c7; font-size: 0.9rem; }
.message, .error-msg, .flash-msg {
padding: 12px 16px;
border-radius: 8px;
margin-bottom: 20px;
}
.message.success, .flash-msg.success { background: rgba(34, 197, 94, 0.2); border: 1px solid rgba(34, 197, 94, 0.5); color: #86efac; }
.message.error, .error-msg, .flash-msg.error { background: rgba(239, 68, 68, 0.2); border: 1px solid rgba(239, 68, 68, 0.5); color: #fca5a5; }
.message.info, .flash-msg.info { background: rgba(59, 130, 246, 0.2); border: 1px solid rgba(59, 130, 246, 0.5); color: #93c5fd; }
.btn {
display: inline-block;
padding: 14px 24px;
border-radius: 10px;
font-size: 1rem;
font-weight: 600;
text-decoration: none;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
margin-right: 8px;
margin-bottom: 8px;
border: 1px solid transparent;
cursor: pointer;
box-sizing: border-box;
}
/* Legacy buttons (no site-pal-*): keep solid fills until pages are migrated */
.btn-primary:not([class*="site-pal-"]) { background: #ff8a3d; color: #0b0f14; border: none; }
.btn-primary:not([class*="site-pal-"]):hover { background: #ff6a00; }
.btn-secondary:not([class*="site-pal-"]) { background: rgba(255,255,255,0.15); color: #f5f7fb; border: none; }
.btn-secondary:not([class*="site-pal-"]):hover { background: rgba(255,255,255,0.25); }
/* Smaller controls: keep height; pair with site-pal-* for colours */
.btn.btn-small,
button.btn.btn-small {
padding: 6px 12px;
font-size: 0.75rem;
border-radius: 6px;
letter-spacing: 0.5px;
}
/* Table action column — same metrics as competition_list.php Actions */
form.inline {
display: inline;
}
td.btn-action-cell {
text-align: right;
vertical-align: middle;
}
td.btn-action-cell .btn,
td.btn-action-cell a.btn,
td.btn-action-cell button.btn,
td.btn-action-cell input.btn[type="submit"] {
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
min-width: 7.75rem;
padding: 6px 10px;
font-size: 0.75rem;
line-height: 1.25;
text-align: center;
border-radius: 6px;
margin-bottom: 0;
}
td.btn-action-cell form.inline {
display: inline-block;
vertical-align: middle;
margin: 0;
}
td.btn-action-cell form.move-board-form {
display: inline-flex;
align-items: center;
gap: 6px;
vertical-align: middle;
flex-wrap: wrap;
margin: 0;
}
td.btn-action-cell .match-actions-row {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
vertical-align: middle;
}
td.btn-action-cell .match-actions-row .btn {
margin-right: 0;
margin-bottom: 0;
}
/* Actions column heading — centred (cells stay right via .btn-action-cell) */
th.th-actions,
th.actions-col {
text-align: center;
}
/**
* Site button palette — use class "btn site-pal-N" (N = 0…15).
* Applies to nav links, ,