/*
 * Sysfix SecureNote — brand override stylesheet
 * Loaded AFTER PrivateBin's own bootstrap5 CSS, so these rules win.
 * Add the <link> for this file into tpl/bootstrap5.php — see README.
 *
 * Replace the placeholder colour values below with your actual
 * Sysfix brand colours before deploying.
 */

:root {
  --sysfix-primary:   #0B5FFF;  /* TODO: replace with real Sysfix brand blue */
  --sysfix-primary-dark: #0842B0;
  --sysfix-accent:    #10B981;  /* used for "secure/success" states, e.g. burn confirmation */
  --sysfix-bg:         #F7F8FA;
  --sysfix-text:       #1A1A1A;
}

body {
  background-color: var(--sysfix-bg);
  color: var(--sysfix-text);
}

/* Top navbar branding */
.navbar,
.navbar-default {
  background-color: var(--sysfix-primary) !important;
  border-color: var(--sysfix-primary-dark) !important;
}

.navbar-brand {
  font-weight: 600;
}

/* Replace PrivateBin's default logo with the Sysfix logo.
   Drop your logo file at img/sysfix-logo.svg (see README) — this hides
   PrivateBin's own logo element and shows ours instead via background-image,
   since bootstrap5.php's logo markup is left untouched to keep future
   PrivateBin updates easy to re-merge. */
#logo {
  background-image: url('../../img/sysfix-logo.svg');
  background-repeat: no-repeat;
  background-size: contain;
}

/* Primary action buttons (Send button etc.) */
.btn-primary {
  background-color: var(--sysfix-primary);
  border-color: var(--sysfix-primary-dark);
}

.btn-primary:hover {
  background-color: var(--sysfix-primary-dark);
}

/* Burn-after-reading badge / confirmation colour */
#pasteSuccess .alert,
.burnafterreading-notice {
  border-left: 4px solid var(--sysfix-accent);
}

/* Sysfix label field (js/sysfix-widget.js) - prevents the create-page
   toolbar from ever forcing a horizontal scrollbar, belt-and-braces
   alongside the flex sizing already set directly on the elements in JS. */
.navbar-form {
  min-width: 0 !important;
}
#sysfixLabelWrapper input {
  min-width: 0 !important;
}