/* Flammepunkt Kunder - dashboardet (dashboard.flammepunkt.dk). Siderne tegnes af pluginet, ikke af temaet. */
:root { --papir: #F7F3EC; --hvid: #FFFDF9; --kul: #1C1917; --aske: #57534E; --roeg: #D6C9B8; --gloed: #B93A0E; --gnist: #F08A5D; --emmer: #FBE6DA; }
* { box-sizing: border-box; }
body.fpd { margin: 0; background: var(--papir); color: var(--kul); font-family: "Public Sans", system-ui, -apple-system, "Segoe UI", sans-serif; font-size: 1.0625rem; line-height: 1.6; }
.fpd a { color: var(--gloed); }
.fpd a:focus-visible, .fpd button:focus-visible { outline: 3px solid var(--gnist); outline-offset: 2px; }
.fpd-top { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem clamp(1rem, 4vw, 2.5rem); background: var(--kul); color: var(--papir); }
.fpd-logo { font-family: "Big Shoulders Display", "Public Sans", sans-serif; font-weight: 800; font-size: 1.75rem; letter-spacing: .02em; text-transform: uppercase; text-decoration: none; }
.fpd .fpd-logo, .fpd .fpd-hvem a { color: var(--papir); }
.fpd-hvem { font-size: .9375rem; display: flex; gap: 1rem; align-items: center; }
.fpd-main { max-width: 880px; margin: 0 auto; padding: 2.5rem clamp(1rem, 4vw, 2.5rem) 3rem; }
.fpd-main h1 { font-family: "Big Shoulders Display", "Public Sans", sans-serif; font-weight: 800; font-size: clamp(2rem, 5vw, 2.75rem); line-height: 1.1; margin: 0 0 .5rem; text-transform: uppercase; }
.fpd-main h2 { font-size: 1.375rem; margin: 0 0 1rem; }
.fpd-main h3 { font-size: 1.0625rem; margin: 2rem 0 .75rem; }
.fpd-lead { color: var(--aske); margin: 0 0 2rem; }
.fpd-svag { color: var(--aske); font-size: .9375rem; font-weight: 400; }
.fpd-bund { text-align: center; color: var(--aske); font-size: .875rem; padding: 0 1rem 2.5rem; }

.fpd-fliser { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1rem; margin: 0 0 2rem; }
.fpd-flise { display: flex; flex-direction: column; gap: .35rem; padding: 1.5rem; background: var(--hvid); border: 1px solid var(--roeg); border-radius: 6px; text-decoration: none; color: var(--kul); }
.fpd a.fpd-flise { color: var(--kul); }
.fpd a.fpd-flise strong::after { content: " →"; color: var(--gloed); }
.fpd a.fpd-flise:hover { border-color: var(--gloed); background: #fff; }
.fpd-flise strong { font-size: 1.25rem; }
.fpd-flise span { color: var(--aske); font-size: .9375rem; }
.fpd a.fpd-flise--admin { border-color: var(--kul); }
.fpd a.fpd-flise--admin strong::after { color: var(--kul); }
.fpd-flise--stille { background: transparent; }

.fpd .wp-element-button, .fpd-knap { display: inline-block; font: inherit; font-weight: 600; cursor: pointer; text-decoration: none; border-radius: 4px; }
.fpd .wp-element-button { background: var(--gloed); color: #fff; border: 0; padding: .75rem 1.4rem; }
.fpd .wp-element-button:hover { background: var(--kul); }
.fpd-knap { background: transparent; color: var(--kul); border: 1px solid var(--kul); padding: .5rem 1rem; }
.fpd-knap:hover { background: var(--kul); color: var(--papir); }
.fpd-knap--lille { font-size: .875rem; padding: .3rem .7rem; font-weight: 500; }
.fpd-knap--fare { border-color: var(--gloed); color: var(--gloed); }
.fpd-knap--fare:hover { background: var(--gloed); color: #fff; }
.fpd-inline { display: inline-block; margin: 0 .4rem .4rem 0; }

.fpd-tabel { width: 100%; border-collapse: collapse; margin: 0 0 1rem; }
.fpd-tabel th, .fpd-tabel td { text-align: left; padding: .5rem .75rem .5rem 0; border-bottom: 1px solid var(--roeg); }
.fpd-tabel th { font-size: .875rem; color: var(--aske); font-weight: 600; }
.fpd-person { padding: 1.1rem 0; border-top: 1px solid var(--roeg); }
.fpd-person header { margin-bottom: .6rem; }
.fpd-adgange { display: flex; flex-wrap: wrap; gap: .4rem 1.25rem; align-items: center; margin: 0 0 .75rem; }
.fpd .fpd-adgange label { display: inline-flex; gap: .45rem; align-items: center; font-weight: 400; margin: 0; }
.fpd-handlinger { display: flex; flex-wrap: wrap; gap: .25rem .5rem; align-items: center; }
.fpd-handlinger > .fpd-svag { margin-right: .5rem; }
.fpd-ny { max-width: 520px; }
.fpd .fpk-besked .fpd-inline { margin: 0 0 0 .5rem; }
.fpd-note { color: var(--aske); font-size: .9375rem; margin: -1rem 0 2rem; }
.fpd-note strong { color: var(--kul); }
.fpd-dialog { width: min(1200px, 96vw); height: min(900px, 92vh); min-width: 480px; min-height: 360px; max-width: 98vw; max-height: 96vh; padding: 0; border: 1px solid var(--kul); border-radius: 8px; background: var(--papir); resize: both; overflow: hidden; box-shadow: 0 24px 60px rgba(28, 25, 23, .35); }
.fpd-dialog[open] { display: flex; flex-direction: column; }
.fpd-dialog::backdrop { background: rgba(28, 25, 23, .6); }
.fpd-dialog iframe { flex: 1 1 auto; width: 100%; border: 0; background: var(--papir); }
.fpd-dialog-top { padding: .5rem .75rem; background: var(--emmer); font-size: .9375rem; }