/* Backoffice only: shared application palette, no changes to public pages. */
.fb-workspace { margin: 1rem auto; max-width: 1440px; }
.fb-area-nav { display: flex; flex-wrap: wrap; gap: .35rem; padding: .6rem; border: 1px solid #d9e1ed; border-radius: .5rem; background: #fff; }
.fb-area-nav a { padding: .4rem .65rem; color: var(--agid-primary, #2b4c81); font-weight: 600; border-radius: .3rem; text-decoration: none; }
.fb-area-nav a:hover { background: #edf2f9; text-decoration: underline; }
.fb-area-nav a[aria-current] { color: #fff; background: var(--agid-primary, #2b4c81); }
.fb-page-help { display: flex; gap: .85rem; padding: 1rem 1.2rem; margin-top: .7rem; border-left: 4px solid var(--agid-secondary, #5b86cc); border-radius: .3rem; background: #f0f4fa; color: #263b57; }
.fb-page-help p { margin: .25rem 0 0; line-height: 1.5; }
.fb-help-icon { padding-top: .15rem; color: var(--agid-primary, #2b4c81); font-size: 1.2rem; }
.fb-help-note, .fb-card-note { font-size: .95rem; color: #475b72; }
.fb-console-toolbar { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; margin-bottom: 1.2rem; }
.fb-console-toolbar > div { width: min(100%, 34rem); }
.fb-console-toolbar label { font-weight: 600; margin-bottom: .3rem; }
.fb-console-toolbar small { display: block; margin-top: .25rem; color: #475b72; }
.fb-role { border-radius: 2rem; padding: .4rem .85rem; background: #edf2f9; color: #2b4c81; font-weight: 600; }
.fb-workflow { display: flex; flex-wrap: wrap; align-items: center; gap: .65rem 1rem; padding: 1rem 1.2rem; margin-bottom: 1.5rem; border: 1px solid #d9e1ed; border-radius: .5rem; background: #fff; }
.fb-workflow strong, .fb-workflow small { flex-basis: 100%; }
.fb-workflow small { color: #475b72; }
.fb-workflow i { color: #5b86cc; font-size: .8rem; }
.fb-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.1rem; }
.fb-function-card { display: flex; flex-direction: column; margin: 0 !important; border-top: 3px solid var(--agid-primary, #2b4c81); min-width: 0; }
.fb-card-heading { display: flex; gap: .75rem; align-items: baseline; margin-bottom: .8rem; }
.fb-card-heading > i { font-size: 1.25rem; color: var(--agid-primary, #2b4c81); }
.fb-card-heading h2 { margin-bottom: 0; }
.fb-function-card > .agid-btn { align-self: flex-start; margin-top: auto; }
.fb-related { margin: .9rem 0 0; padding: .7rem 0 0; list-style: none; border-top: 1px solid #e1e7ef; }
.fb-related li { margin: .35rem 0; }
.fb-related a { color: #2b4c81; text-underline-offset: .15em; }
.fb-function-card[hidden], #fb-no-areas[hidden] { display: none !important; }
.fb-table-scroll { max-width: 100%; overflow-x: auto; margin-bottom: 1rem; }
.fb-select-search { margin: .35rem 0; }
.fb-select-search label, .fb-select-search small { display: block; font-size: .85rem; color: #475b72; }
.fb-select-search input { width: 100%; padding: .45rem .65rem; border: 1px solid #adb7c8; border-radius: .3rem; }
.fb-backoffice :is(a, button, input, select, summary, [tabindex]):focus-visible { outline: 3px solid #a66300; outline-offset: 3px; }
.fb-backoffice .form-control, .fb-backoffice .form-select { max-width: 100%; }
@media (max-width: 1050px) { .fb-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 650px) {
  .fb-card-grid { grid-template-columns: minmax(0, 1fr); }
  .fb-console-toolbar { flex-direction: column-reverse; }
  .fb-page-help { padding: .8rem; }
  .fb-area-nav a { padding: .45rem; }
  .fb-workflow { align-items: flex-start; flex-direction: column; }
  .fb-workflow i { display: none; }
}
@media print { .fb-area-nav, .fb-console-toolbar, .fb-select-search { display: none; } }
