:root { --tblr-border-radius: .25rem; }
.navbar-brand a { color: inherit; text-decoration: none; }
.admin-sidebar-nav { gap:.15rem; }
.admin-sidebar-nav .nav-link { min-height:2.25rem; gap:.6rem; border-radius:.25rem; }
.admin-sidebar-nav .nav-link-icon { display:inline-flex; width:1.25rem; min-width:1.25rem; justify-content:center; opacity:.85; }
.admin-sidebar-nav .nav-link-icon .ti { font-size:1.05rem; line-height:1; }
.admin-sidebar-nav .nav-link.active { background:rgba(255,255,255,.1); color:#fff; font-weight:600; }
.admin-nav-group { margin-top:.2rem; }
.admin-nav-group__details { display:block; }
.admin-nav-group__summary { cursor:pointer; list-style:none; }
.admin-nav-group__summary::-webkit-details-marker { display:none; }
.admin-nav-group__summary .admin-nav-group__chevron { margin-left:auto; color:rgba(255,255,255,.55); transition:transform .15s ease; }
.admin-nav-group__details[open] .admin-nav-group__chevron { transform:rotate(180deg); }
.admin-nav-group__summary:focus-visible,.admin-sidebar-nav .nav-link:focus-visible { outline:2px solid rgba(255,255,255,.72); outline-offset:2px; }
.admin-nav-group__items { margin:.15rem 0 .4rem; padding:0 0 0 1.05rem; list-style:none; border-left:1px solid rgba(255,255,255,.14); }
.admin-nav-group__item { margin-left:.45rem; padding-left:.55rem; font-size:.78rem; color:rgba(255,255,255,.78); }
.admin-nav-group__item:hover,.admin-nav-group__summary:hover { background:rgba(255,255,255,.07); color:#fff; }
.admin-nav-group__item.active { color:#fff; background:rgba(32,107,196,.42); }
.account-menu { position: relative; }
.account-menu > summary { list-style: none; }
.account-menu > summary::-webkit-details-marker { display: none; }
.account-menu__trigger { display: flex; min-height: 3rem; padding: .35rem .5rem; align-items: center; gap: .6rem; border-radius: .25rem; color: #26384d; cursor: pointer; }
.account-menu__trigger:hover { background: #f1f5f9; }
.account-menu__trigger:focus-visible { outline: 2px solid #206bc4; outline-offset: 2px; }
.account-menu__identity { display: flex; max-width: 14rem; min-width: 0; flex-direction: column; line-height: 1.2; }
.account-menu__identity strong,.account-menu__identity small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.account-menu__identity strong { font-size: .8rem; font-weight: 600; }
.account-menu__identity small { margin-top: .15rem; color: #667382; font-size: .68rem; }
.account-menu__trigger > .ti { color: #667382; font-size: 1rem; transition: transform .15s ease; }
.account-menu[open] .account-menu__trigger > .ti { transform: rotate(180deg); }
.account-menu__panel { top: calc(100% + .25rem); right: 0; left: auto; min-width: 13rem; }
.account-menu:not([open]) .account-menu__panel { display: none; }
.account-menu__panel form,.account-menu__panel button { width: 100%; }
.recovery-codes { columns: 2; padding-left: 1.25rem; }
.recovery-codes li { margin-bottom: .25rem; }
@media (max-width: 576px) { .recovery-codes { columns: 1; } }
@media (max-width: 575.98px) { .account-menu__identity { display: none; } .account-menu__trigger { padding-inline: .25rem; } }
.app-error-dialog { width: min(30rem, calc(100% - 2rem)); padding: 1.5rem; border: 0; border-radius: .35rem; box-shadow: 0 1.25rem 4rem rgba(24,36,51,.28); color: #182433; }
.app-error-dialog::backdrop { background: rgba(16,29,44,.58); backdrop-filter: blur(2px); }
.app-error-dialog[open] { display: grid; grid-template-columns: 2.5rem 1fr; gap: 1rem; }
.app-error-dialog__mark { display: grid; width: 2.5rem; height: 2.5rem; place-items: center; border-radius: 50%; background: #fff0e6; color: #c2410c; font-size: 1.25rem; font-weight: 700; }
.app-error-dialog h2 { margin: .15rem 0 .5rem; font-size: 1.1rem; }
.app-error-dialog p { margin: 0; color: #52657a; line-height: 1.5; }
.app-error-dialog__reference { margin-top: .75rem !important; font-size: .8rem; }
.app-error-dialog form { grid-column: 2; margin-top: .25rem; }
.app-toast { position:fixed; z-index:1080; right:1rem; bottom:1rem; display:grid; width:min(24rem,calc(100% - 2rem)); grid-template-columns:2rem minmax(0,1fr) 2rem; gap:.65rem; padding:.85rem .85rem 1rem; overflow:hidden; border:1px solid #b9dcc9; border-radius:.3rem; background:#fff; color:#182433; box-shadow:0 .9rem 2.5rem rgba(24,36,51,.2); animation:app-toast-in .18s ease-out; }
.app-toast__icon { display:grid; width:2rem; height:2rem; place-items:center; border-radius:50%; background:#dff6e8; color:#18864b; font-size:1.1rem; }
.app-toast strong { display:block; font-size:.78rem; }
.app-toast p { margin:.12rem 0 0; color:#52657a; font-size:.76rem; line-height:1.4; }
.app-toast__close { display:grid; width:2rem; height:2rem; padding:0; place-items:center; border:0; border-radius:.2rem; background:transparent; color:#667382; }
.app-toast__close:hover { background:#edf3f7; color:#182433; }
.app-toast__close:focus-visible { outline:2px solid #206bc4; outline-offset:2px; }
.app-toast__timer { position:absolute; right:0; bottom:0; left:0; height:3px; transform-origin:left; background:#2fb66d; animation:app-toast-timer 4.5s linear forwards; }
.app-toast--paused .app-toast__timer { animation-play-state:paused; }
.app-toast--leaving { opacity:0; transform:translateY(.5rem); transition:opacity .18s ease,transform .18s ease; }
form[data-pending="true"] [aria-disabled="true"] { pointer-events:none; opacity:.72; }
@keyframes app-toast-in { from { opacity:0; transform:translateY(.75rem); } to { opacity:1; transform:translateY(0); } }
@keyframes app-toast-timer { from { transform:scaleX(1); } to { transform:scaleX(0); } }
@media (prefers-reduced-motion:reduce) { .app-toast,.app-toast__timer { animation:none; } .app-toast--leaving { transition:none; } }
.page-index { overflow: visible; border-color:#d8e0e9; box-shadow:0 .25rem 1rem rgba(24,36,51,.04); }
.page-index__header { min-height:4.25rem; }
.page-tree-heading,.page-tree-row { display:grid; grid-template-columns:minmax(18rem,2fr) 7rem minmax(8rem,10rem) 11rem 9rem 9rem; column-gap:1rem; align-items:center; }
.page-tree-heading { padding:.6rem 1rem; border-bottom:1px solid #d8e0e9; background:#f8fafc; color:#667382; font-size:.68rem; font-weight:600; letter-spacing:.035em; text-transform:uppercase; }
.page-tree-list { position:relative; }
.page-tree-row { position:relative; min-height:4.25rem; padding:.65rem 1rem; border-bottom:1px solid #e2e8ef; background:#fff; }
.page-tree-row:last-child { border-bottom:0; }
.page-tree-row:hover { z-index:2; background:#fbfdff; }
.page-tree-row__page { display:flex; min-width:0; padding-left:calc(var(--page-depth) * 1.35rem); align-items:center; gap:.35rem; }
.page-tree-row__branch { display:inline-flex; flex:0 0 auto; color:#8a98a8; }
.page-tree-row__page a { min-width:0; color:#182433; text-decoration:none; }
.page-tree-row__page a:hover strong { color:#206bc4; text-decoration:underline; text-underline-offset:2px; }
.page-tree-row__page strong,.page-tree-row__page a span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.page-tree-row__page strong { font-size:.82rem; font-weight:600; }
.page-tree-row__page a span { margin-top:.12rem; color:#667382; font-size:.7rem; }
.page-tree-row__author,.page-tree-row__updated { min-width:0; overflow:hidden; color:#52657a; font-size:.75rem; text-overflow:ellipsis; white-space:nowrap; }
.page-tree-row__move,.page-tree-row__actions { display:flex; align-items:center; gap:.3rem; }
.page-tree-row__move form,.page-tree-row__actions form { margin:0; }
.page-tree-row__actions { position:relative; justify-content:flex-end; }
.page-row-menu { position:relative; }
.page-row-menu > summary { display:flex; list-style:none; align-items:center; gap:.25rem; cursor:pointer; }
.page-row-menu > summary::-webkit-details-marker { display:none; }
.page-row-menu[open] > summary { border-color:#206bc4; color:#185ca5; }
.page-row-menu__panel { position:absolute; z-index:20; top:calc(100% + .3rem); right:0; width:12rem; padding:.35rem 0; border:1px solid #d8e0e9; border-radius:.25rem; background:#fff; box-shadow:0 .75rem 2rem rgba(24,36,51,.16); }
.page-row-menu__panel .dropdown-item { display:flex; width:100%; align-items:center; gap:.55rem; border:0; background:transparent; font-size:.78rem; text-align:left; }
.page-row-menu__panel .dropdown-item .ti { width:1rem; color:#667382; font-size:1rem; }
.page-index-empty { display:flex; min-height:18rem; padding:2rem; align-items:center; justify-content:center; flex-direction:column; text-align:center; }
.page-index-empty__icon { display:grid; width:3rem; height:3rem; margin-bottom:.75rem; place-items:center; border-radius:50%; background:#eaf3fc; color:#206bc4; font-size:1.4rem; }
.page-index-empty h3 { margin:0; font-size:1rem; }
.page-index-empty p { margin:.35rem 0 1rem; color:#667382; }
.forms-index,.forms-create { border-color:#d8e0e9; box-shadow:0 .25rem 1rem rgba(24,36,51,.04); }
.forms-list-row { display:grid; grid-template-columns:minmax(14rem,1fr) 6rem 5rem minmax(12rem,.8fr) auto; min-height:4.5rem; padding:.75rem 1rem; align-items:center; gap:1rem; border-bottom:1px solid #e2e8ef; }
.forms-list-row:last-child { border-bottom:0; }
.forms-list-row:hover { background:#fbfdff; }
.forms-list-row__identity { min-width:0; }
.forms-list-row__identity a { color:#182433; text-decoration:none; }
.forms-list-row__identity a:hover { color:#206bc4; text-decoration:underline; text-underline-offset:2px; }
.forms-list-row__identity strong,.forms-list-row__identity span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.forms-list-row__identity span { margin-top:.15rem; color:#667382; font-size:.72rem; }
.forms-list-row__count { display:flex; flex-direction:column; color:#667382; font-size:.68rem; }
.forms-list-row__count strong { color:#26384d; font-size:.85rem; }
.forms-list-row__actions { display:flex; justify-content:flex-end; gap:.4rem; }
.forms-empty { display:flex; min-height:18rem; padding:2rem; align-items:center; justify-content:center; flex-direction:column; text-align:center; }
.forms-empty > span { display:grid; width:3rem; height:3rem; margin-bottom:.75rem; place-items:center; border-radius:50%; background:#eaf3fc; color:#206bc4; font-size:1.4rem; }
.forms-empty h3 { margin:0; font-size:1rem; }
.forms-empty p { margin:.35rem 0 1rem; color:#667382; }
.forms-create > summary { display:flex; align-items:center; justify-content:space-between; cursor:pointer; list-style:none; }
.forms-create > summary::-webkit-details-marker { display:none; }
.forms-create__toggle { color:#206bc4; font-size:.75rem; font-weight:600; }
.forms-create[open] .forms-create__toggle { color:#667382; }
.forms-workspace-nav { display:flex; gap:.25rem; padding:.35rem; overflow-x:auto; border:1px solid #d8e0e9; border-radius:.25rem; background:#fff; }
.forms-workspace-nav a { display:flex; padding:.5rem .75rem; align-items:center; gap:.4rem; border-radius:.2rem; color:#52657a; font-size:.78rem; font-weight:600; text-decoration:none; white-space:nowrap; }
.forms-workspace-nav a:hover,.forms-workspace-nav a:focus-visible { background:#eaf3fc; color:#185ca5; }
.form-field-row { display:grid; grid-template-columns:minmax(14rem,1fr) auto auto; padding:.75rem 1rem; align-items:center; gap:.75rem; border-bottom:1px solid #e2e8ef; }
.form-field-row__summary { display:flex; min-width:0; align-items:center; gap:.7rem; }
.form-field-row__summary > div { min-width:0; }
.form-field-row__summary strong,.form-field-row__summary span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.form-field-row__summary span { margin-top:.15rem; color:#667382; font-size:.72rem; }
.form-field-row__icon { display:grid; width:2.25rem; height:2.25rem; flex:0 0 auto; place-items:center; border-radius:.2rem; background:#edf3f9; color:#52657a; }
.form-field-row__move { display:flex; gap:.3rem; }
.form-field-row__move form { margin:0; }
.form-field-editor { position:relative; }
.form-field-editor > summary { list-style:none; cursor:pointer; }
.form-field-editor > summary::-webkit-details-marker { display:none; }
.form-field-editor[open] { grid-column:1/-1; }
.form-field-editor[open] > summary { position:absolute; top:-2.85rem; right:0; }
.form-field-editor > form { margin-top:.75rem; padding:1rem; border:1px solid #d8e0e9; background:#f8fafc; }
.form-add-field { padding:1rem; background:#f8fafc; }
.form-add-field > summary { display:inline-flex; align-items:center; gap:.4rem; color:#206bc4; cursor:pointer; font-size:.8rem; font-weight:600; list-style:none; }
.form-add-field > summary::-webkit-details-marker { display:none; }
.form-add-field > form { margin-top:1rem; padding-top:1rem; border-top:1px solid #d8e0e9; }
.form-fields-empty { display:flex; padding:1.25rem; align-items:center; gap:.8rem; color:#667382; }
.form-fields-empty > span { display:grid; width:2.5rem; height:2.5rem; flex:0 0 auto; place-items:center; border-radius:50%; background:#edf3f9; color:#52657a; }
.form-fields-empty p { margin:.2rem 0 0; }
.forms-shortcode { display:inline-block; padding:.55rem .7rem; border:1px solid #d8e0e9; border-radius:.2rem; background:#f8fafc; color:#26384d; }
.form-response { border-bottom:1px solid #e2e8ef; }
.form-response:last-child { border-bottom:0; }
.form-response > summary { display:grid; grid-template-columns:minmax(12rem,1fr) 14rem auto; padding:.85rem 1rem; align-items:center; gap:1rem; cursor:pointer; list-style:none; }
.form-response > summary::-webkit-details-marker { display:none; }
.form-response > summary:hover { background:#fbfdff; }
.form-response > summary strong,.form-response > summary span { display:block; }
.form-response > summary div span,.form-response__expiry { color:#667382; font-size:.72rem; }
.form-response dl { margin:0; padding:1rem; border-top:1px solid #e2e8ef; background:#f8fafc; }
.form-response dl > div { display:grid; grid-template-columns:minmax(10rem,14rem) minmax(0,1fr); padding:.55rem 0; border-bottom:1px solid #e2e8ef; }
.form-response dl > div:last-child { border-bottom:0; }
.form-response dt { color:#52657a; font-size:.75rem; }
.form-response dd { margin:0; color:#182433; overflow-wrap:anywhere; }
@media (max-width:991.98px) { .forms-list-row { grid-template-columns:minmax(12rem,1fr) 6rem 5rem auto; } .forms-list-row > code { display:none; } }
@media (max-width:767.98px) { .forms-list-row { grid-template-columns:minmax(0,1fr) auto; gap:.6rem; } .forms-list-row__count { display:none; } .forms-list-row__actions { grid-column:1/-1; justify-content:flex-start; } .form-field-row { grid-template-columns:minmax(0,1fr) auto; } .form-field-editor { grid-column:1/-1; } .form-field-editor[open] > summary { position:static; margin-bottom:.5rem; } .form-response > summary { grid-template-columns:1fr auto; } .form-response__expiry { display:none !important; } .form-response dl > div { grid-template-columns:1fr; gap:.2rem; } }
@media (max-width:1199.98px) { .page-tree-heading,.page-tree-row { grid-template-columns:minmax(16rem,1fr) 7rem 9rem 9rem; } .page-tree-heading span:nth-child(3),.page-tree-heading span:nth-child(4),.page-tree-row__author,.page-tree-row__updated { display:none; } }
@media (max-width:767.98px) { .page-tree-heading { display:none; } .page-tree-row { grid-template-columns:minmax(0,1fr) auto; gap:.65rem; padding:.75rem; } .page-tree-row__page { padding-left:calc(var(--page-depth) * .7rem); } .page-tree-row__status { justify-self:end; } .page-tree-row__move { grid-column:1; } .page-tree-row__actions { grid-column:2; } .page-tree-row__move .btn { width:1.8rem; height:1.8rem; } }
.media-browser { overflow: hidden; border: 1px solid #d8e0e9; border-radius: .3rem; background: #fff; box-shadow: 0 .35rem 1.25rem rgba(24,36,51,.05); }
.media-filters { display: grid; grid-template-columns: minmax(14rem,1fr) 10rem 9rem 8rem auto; gap: .5rem; padding: 1rem; border-bottom: 1px solid #e2e8ef; }
.media-bulk { display:grid; grid-template-columns:auto 10rem minmax(9rem,1fr) minmax(9rem,1fr) auto; gap:.5rem; padding:.75rem 1rem; align-items:center; border-bottom:1px solid #e2e8ef; background:#f7f9fc; }
.media-gallery { display: grid; grid-template-columns: repeat(auto-fill,minmax(11rem,1fr)); gap: .85rem; padding: 1rem; }
.media-tile-wrap { position:relative; min-width:0; }
.media-tile-wrap .media-tile { width:100%; height:100%; }
.media-tile-select { position:absolute; z-index:2; top:.5rem; left:.5rem; display:grid; width:1.7rem; height:1.7rem; place-items:center; border-radius:.25rem; background:#fff; box-shadow:0 .15rem .45rem rgba(15,30,46,.18); }
.media-tile { min-width: 0; padding: 0; overflow: hidden; border: 1px solid #dbe2ea; border-radius: .25rem; background: #fff; color: #182433; text-align: left; transition: transform .16s ease,border-color .16s ease,box-shadow .16s ease; }
.media-tile:hover { transform: translateY(-2px); border-color: #8db4dd; box-shadow: 0 .5rem 1rem rgba(31,73,115,.1); }
.media-tile:active { transform: translateY(0); }
.media-tile:focus-visible { outline: 2px solid #206bc4; outline-offset: 2px; }
.media-tile__preview { display: grid; aspect-ratio: 4/3; place-items: center; overflow: hidden; background: #edf1f5; }
.media-tile__preview img { width: 100%; height: 100%; object-fit: cover; }
.media-tile__body { display: flex; min-width: 0; flex-direction: column; gap: .15rem; padding: .65rem .7rem .75rem; }
.media-tile__body strong,.media-tile__body small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.media-tile__body strong { font-size: .85rem; font-weight: 600; }
.media-tile__body small { color: #667382; font-size: .72rem; }
.media-file-mark { display: grid; min-width: 3.25rem; min-height: 3.75rem; padding: .4rem; place-items: center; border: 1px solid #b9c5d2; border-radius: .2rem; background: #fff; color: #52657a; font-size: .72rem; font-weight: 700; }
.media-empty { display: flex; min-height: 20rem; align-items: center; justify-content: center; flex-direction: column; gap: .3rem; color: #667382; }
.media-empty strong { color: #26384d; }
.media-dialog { width: min(68rem,calc(100% - 2rem)); max-height: calc(100dvh - 2rem); padding: 0; overflow: hidden; border: 0; border-radius: .35rem; background: #f7f9fb; box-shadow: 0 1.5rem 5rem rgba(15,30,46,.35); color: #182433; }
.media-dialog::backdrop { background: rgba(15,29,44,.66); backdrop-filter: blur(2px); }
.media-dialog[open] { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(20rem,.85fr); }
.media-dialog__close { position: absolute; z-index: 2; top: .7rem; right: .7rem; display: grid; width: 2rem; height: 2rem; padding: 0; place-items: center; border: 0; border-radius: 50%; background: rgba(24,36,51,.82); color: #fff; font-size: 1.25rem; line-height: 1; }
.media-dialog__close:hover { background: #182433; }
.media-dialog__close:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.media-dialog__preview { display: grid; min-height: 34rem; max-height: calc(100dvh - 2rem); padding: 1.5rem; place-items: center; overflow: auto; background: #182433; }
.media-dialog__preview img { display: block; max-width: 100%; max-height: calc(100dvh - 5rem); object-fit: contain; box-shadow: 0 .75rem 2.5rem rgba(0,0,0,.24); }
.media-file-mark--large { min-width: 7rem; min-height: 9rem; font-size: 1rem; }
.media-dialog__details { max-height: calc(100dvh - 2rem); padding: 1.25rem; overflow-y: auto; background: #fff; }
.media-dialog__heading { padding-right: 2rem; }
.media-dialog__heading h2 { margin: 0; font-size: 1rem; font-weight: 600; }
.media-dialog__heading p { margin: .2rem 0 1rem; overflow-wrap: anywhere; color: #667382; font-size: .75rem; }
.media-edit-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .7rem; }
.media-edit-grid label { min-width: 0; color: #26384d; font-size: .75rem; font-weight: 600; }
.media-edit-grid input { margin-top: .3rem; }
.media-choice-list { display: flex; flex-wrap: wrap; gap: .4rem .75rem; margin: .9rem 0 0; padding: 0; border: 0; }
.media-choice-list legend { width: 100%; margin-bottom: .1rem; color: #26384d; font-size: .75rem; font-weight: 600; }
.media-choice-list label { color: #52657a; font-size: .75rem; }
.media-dialog__actions { margin-top: .9rem; }
.media-lifecycle { display:flex; gap:.5rem; margin-top:1rem; padding-top:1rem; border-top:1px solid #e2e8ef; }
.media-organisation-row { display:grid; grid-template-columns:1fr 1fr auto auto; gap:.35rem; margin-bottom:.5rem; }
.media-organisation-row--new { grid-template-columns:1fr 1fr auto; padding-top:.5rem; border-top:1px solid #e2e8ef; }
.content-permission-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.5rem; margin:1rem 0 .5rem; }
.content-permission-grid div { display:flex; min-width:0; padding:.6rem .7rem; flex-direction:column; gap:.2rem; border:1px solid #e2e8ef; background:#f8fafc; }
.content-permission-grid code { overflow-wrap:anywhere; }
.content-field-definitions { display:grid; gap:.5rem; margin-top:.75rem; }
.content-field-definition { border:1px solid #e2e8ef; border-radius:.25rem; }
.content-field-definition > summary { display:flex; padding:.65rem .75rem; align-items:center; justify-content:space-between; gap:1rem; cursor:pointer; list-style:none; }
.content-field-definition > summary span:first-child { display:flex; min-width:0; flex-direction:column; }
.content-field-definition > summary small { color:#667382; }
.content-field-definition > form { padding:.75rem; border-top:1px solid #e2e8ef; background:#fbfcfe; }
.structured-group { padding:.85rem; border:1px solid #dbe2ea; border-radius:.25rem; background:#fbfcfe; }
.structured-repeater { grid-column:1/-1; }
.structured-repeater__row { margin-bottom:.65rem; padding:.85rem; border:1px solid #dbe2ea; border-radius:.25rem; background:#fbfcfe; }
.structured-repeater__row legend { width:auto; margin:0 0 .5rem; padding:0; font-size:.8rem; font-weight:600; }
.media-replace { margin-top: 1rem; padding-top: .75rem; border-top: 1px solid #e2e8ef; color: #52657a; font-size: .75rem; }
.media-replace summary { cursor: pointer; font-weight: 600; }
.media-replace form { display: grid; grid-template-columns: 1fr auto; gap: .5rem; margin-top: .65rem; }
.media-facts { display: grid; grid-template-columns: 1fr 1fr; gap: .55rem; margin: 1rem 0 0; padding-top: .85rem; border-top: 1px solid #e2e8ef; }
.media-facts div { min-width: 0; }
.media-facts dt { color: #667382; font-size: .68rem; font-weight: 500; }
.media-facts dd { margin: .1rem 0 0; color: #26384d; font-size: .78rem; font-variant-numeric: tabular-nums; }
.editor-workspace { min-height: 48rem; overflow: hidden; border-color: #d8e0e9; box-shadow: 0 .5rem 1.5rem rgba(24,36,51,.06); }
.page-design-launch { border-color: #cddaea; background: linear-gradient(120deg,#fff,#f5f9fd); }
.page-design-launch__mark { display: grid; width: 2.75rem; height: 2.75rem; flex: 0 0 auto; place-items: center; border-radius: .3rem; background: #e7f1fb; color: #206bc4; font-size: 1.5rem; }
.page-appearance { border-color:#d8e0e9; }
.theme-choice-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.75rem; }
.theme-choice,.page-width-choice { position:relative; display:flex; margin:0; cursor:pointer; }
.theme-choice > input,.page-width-choice > input { position:absolute; top:.8rem; right:.8rem; z-index:1; }
.theme-choice__content,.page-width-choice > span { display:flex; width:100%; min-width:0; padding:.8rem 2.5rem .8rem .8rem; flex-direction:column; gap:.2rem; border:1px solid #d8e0e9; border-radius:.25rem; background:#fff; color:#26384d; }
.theme-choice input:checked + .theme-choice__content,.page-width-choice input:checked + span { border-color:#206bc4; box-shadow:inset 0 0 0 1px #206bc4; background:#f5f9fd; }
.theme-choice input:focus-visible + .theme-choice__content,.page-width-choice input:focus-visible + span { outline:2px solid #206bc4; outline-offset:2px; }
.theme-choice strong,.page-width-choice strong { font-size:.82rem; }
.theme-choice small,.page-width-choice small { color:#667382; font-size:.72rem; line-height:1.4; }
.theme-choice__palette { display:flex; height:1.7rem; margin-bottom:.35rem; overflow:hidden; border:1px solid #cbd5e1; border-radius:.15rem; }
.theme-choice__palette i { flex:1; }
.page-width-choices { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.75rem; }
.content-controls { overflow: hidden; border-color: #d8e0e9; box-shadow: 0 .25rem 1rem rgba(24,36,51,.04); }
.content-controls .card-body { padding: 0; }
.content-controls__primary { display: grid; grid-template-columns: minmax(16rem,5fr) minmax(12rem,3fr) minmax(8rem,2fr) minmax(11rem,2fr); gap: .85rem; padding: 1rem 1.1rem; align-items: end; }
.content-controls__secondary { display: flex; min-height: 3.7rem; padding: .65rem 1.1rem; align-items: end; gap: .85rem; border-top: 1px solid #e5eaf0; background: #f8fafc; }
.content-field { min-width: 0; }
.content-field .form-label { margin-bottom: .35rem; color: #34465a; font-size: .72rem; font-weight: 600; }
.content-field .form-label span { color: #7a8796; font-weight: 400; }
.content-field--order { width: 5rem; flex: 0 0 auto; }
.content-field--revision { width: min(24rem,30vw); margin-left: auto; }
.content-field--excerpt { flex: 1 1 24rem; }
.content-controls__navigation { margin: 0 0 .35rem; white-space: nowrap; }
.content-secondary-panel { overflow: hidden; }
.content-secondary-panel > summary { display: flex; cursor: pointer; align-items: center; justify-content: space-between; list-style: none; }
.content-secondary-panel > summary::-webkit-details-marker { display: none; }
.content-secondary-panel > summary span:first-child { display: flex; flex-direction: column; gap: .15rem; }
.content-secondary-panel > summary small { color: #748192; font-size: .72rem; font-weight: 400; }
.content-secondary-panel__action { color: #206bc4; font-size: .75rem; font-weight: 600; }
.content-secondary-panel[open] .content-secondary-panel__action { color: #667382; }
.page-builder-dialog { width: 100vw; max-width: none; height: 100dvh; max-height: none; margin: 0; padding: 0; overflow: hidden; border: 0; background: #edf1f6; }
.page-builder-dialog::backdrop { background: #182433; }
.page-builder-dialog .editor-workspace { height: 100dvh; min-height: 0; border: 0; box-shadow: none; }
.page-builder-toolbar { display: flex; height: 4.25rem; padding: .65rem 1rem; align-items: center; justify-content: space-between; gap: 1rem; border-bottom: 1px solid #d5dde6; background: #fff; }
.page-builder-toolbar h2 { margin: 0; font-size: 1rem; }
.page-builder-toolbar span { color: #667382; font-size: .72rem; }
.page-builder-dialog .cms-editor-layout { grid-template-columns: 17rem minmax(0,1fr); height: calc(100dvh - 4.25rem); min-height: 0; }
.page-builder-dialog .cms-editor-panel,.page-builder-dialog .cms-editor-canvas { height: calc(100dvh - 4.25rem); }
.page-builder-dialog .cms-editor-canvas { min-height: 0; padding: .75rem; }
.page-builder-dialog .cms-editor-canvas #gjs,.page-builder-dialog .cms-editor-canvas .gjs-editor,.page-builder-dialog .cms-editor-canvas .gjs-cv-canvas { min-height: calc(100dvh - 5.75rem); }
.cms-editor-layout { display: grid; grid-template-columns: 15.5rem minmax(0, 1fr); min-height: 44rem; background: #fff; }
.cms-editor-panel { min-width: 0; overflow: auto; background: #f7f9fc; color: #182433; }
.cms-editor-tools { border-right: 1px solid #d8e0e9; }
.cms-editor-tabs { display: grid; grid-template-columns: repeat(3,1fr); padding: .5rem; gap: .25rem; border-bottom: 1px solid #d8e0e9; background: #fff; }
.cms-editor-tabs button { padding: .55rem .35rem; border: 0; border-radius: .2rem; background: transparent; color: #667382; font-size: .78rem; font-weight: 600; }
.cms-editor-tabs button:hover { background: #eef3f8; color: #182433; }
.cms-editor-tabs button[aria-selected="true"] { background: #e9f2fc; color: #185ca5; }
.cms-editor-tabs button:focus-visible { outline: 2px solid #206bc4; outline-offset: 1px; }
.cms-editor-pane[hidden] { display: none !important; }
.cms-editor-panel-header { display: flex; flex-direction: column; gap: .2rem; padding: 1rem; border-bottom: 1px solid #e2e8ef; background: #f7f9fc; }
.cms-editor-panel-header strong { font-size: .875rem; }
.cms-editor-panel-header span { color: #667382; font-size: .75rem; line-height: 1.4; }
.cms-editor-canvas { position: relative; min-width: 0; min-height: 44rem; padding: 1.25rem; background: #edf1f6; }
.cms-editor-canvas #gjs, .cms-editor-canvas .gjs-editor { min-height: 41.5rem; overflow: hidden; border-radius: .2rem; background: #fff; box-shadow: 0 .25rem 1rem rgba(24,36,51,.08); }
.cms-editor-canvas .gjs-cv-canvas { top: 0; width: 100%; min-height: 41.5rem; background: #fff; }
.cms-editor-empty { position: absolute; z-index: 2; top: 50%; left: 50%; display: flex; width: min(25rem, 75%); transform: translate(-50%, -50%); flex-direction: column; gap: .4rem; padding: 1.75rem; border: 1px dashed #9aa8b8; border-radius: .25rem; background: rgba(255,255,255,.97); color: #52657a; text-align: center; pointer-events: none; }
.cms-editor-empty strong { color: #182433; font-size: 1rem; }
.cms-editor-empty[hidden] { display: none !important; }
.cms-editor-layout #gjs-blocks, .cms-editor-layout .gjs-blocks-c, .cms-editor-layout .gjs-block-category { background: #f7f9fc !important; color: #182433 !important; }
.cms-editor-layout .gjs-blocks-c { display: grid; grid-template-columns: 1fr 1fr; padding: .5rem .65rem .9rem; gap: .4rem; }
.cms-editor-layout .gjs-block-category { border: 0 !important; border-bottom: 1px solid #e2e8ef !important; }
.cms-editor-layout .gjs-title { padding: .8rem .35rem .45rem !important; border: 0 !important; background: transparent !important; color: #52657a !important; font-size: .72rem !important; font-weight: 600 !important; letter-spacing: .02em; }
.cms-editor-layout .gjs-block { display: flex !important; width: 100% !important; min-height: 5.4rem !important; margin: 0 !important; padding: .65rem .4rem !important; align-items: center; justify-content: center; border: 1px solid #d6dee8 !important; border-radius: .2rem !important; box-shadow: 0 1px 2px rgba(24,36,51,.04) !important; background: #fff !important; color: #26384d !important; font-size: .72rem !important; text-align: center !important; transition: border-color .16s ease, background .16s ease, transform .16s ease; }
.cms-editor-layout .gjs-block:hover, .cms-editor-layout .gjs-block:focus { transform: translateY(-1px); border-color: #79a9dc !important; background: #f8fbff !important; color: #185ca5 !important; }
.cms-editor-layout .gjs-block:active { transform: translateY(0); }
.cms-editor-layout .gjs-block-label { display:flex; width:100%; align-items:center; flex-direction:column; gap:.4rem; }
.cms-block-icon { display:flex; width:2rem; height:2rem; align-items:center; justify-content:center; color:#52657a; }
.cms-block-icon .ti { font-size:2rem; line-height:1; }
.cms-editor-layers { min-height:12rem; padding:.5rem; background:#f7f9fc; color:#26384d; --gjs-primary-color:#f7f9fc; --gjs-secondary-color:#26384d; --gjs-secondary-dark-color:#fff; --gjs-main-dark-color:#d8e0e9; --gjs-main-light-color:#e4f0fd; }
.cms-editor-layers .gjs-layer,
.cms-editor-layers .gjs-layer-children,
.cms-editor-layers .gjs-layer-title { background:#fff !important; color:#26384d !important; }
.cms-editor-layers .gjs-layer-title { min-height:2.2rem; border:0 !important; border-bottom:1px solid #d8e0e9 !important; }
.cms-editor-layers .gjs-layer-item { min-height:2.2rem; border-bottom:1px solid #d8e0e9 !important; background-color:#fff !important; color:#26384d !important; }
.cms-editor-layers .gjs-layer-item:hover { background-color:#eef4fa !important; color:#185ca5 !important; }
.cms-editor-layers .gjs-layer.gjs-selected > .gjs-layer-item { background-color:#e4f0fd !important; color:#124f8c !important; box-shadow:inset 3px 0 #206bc4; }
.cms-editor-layers .gjs-layer-title:focus-visible,
.cms-editor-layers .gjs-layer-title:focus-within,
.cms-editor-layers .gjs-layer-item:focus-visible,
.cms-editor-layers .gjs-layer-item:focus-within { position:relative; z-index:1; outline:2px solid #206bc4 !important; outline-offset:-2px; }
.cms-editor-layers .gjs-layer-name,
.cms-editor-layers .gjs-layer-vis,
.cms-editor-layers .gjs-layer-caret,
.cms-editor-layers .gjs-layer-move { color:inherit !important; }
.cms-nav-links { display:flex; flex-direction:column; gap:.5rem; padding-top:.75rem; border-top:1px solid #e2e8ef; }
.cms-nav-link { display:grid; grid-template-columns:1fr; gap:.35rem; padding:.55rem; border:1px solid #d8e0e9; background:#fff; }
.cms-editor-settings { padding: 1rem; }
.cms-setting-field { display: flex; flex-direction: column; gap: .35rem; margin-bottom: 1rem; color: #26384d; font-size: .78rem; font-weight: 600; }
.cms-setting-field small { color: #667382; font-weight: 400; line-height: 1.4; }
.cms-settings-note { display: flex; flex-direction: column; gap: .3rem; padding: .75rem; border-left: 3px solid #79a9dc; background: #edf5fd; color: #52657a; font-size: .78rem; line-height: 1.45; }
.cms-settings-note strong { color: #26384d; }
.cms-block-actions { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; margin-top: 1.25rem; padding-top: 1rem; border-top: 1px solid #e2e8ef; }
.authoring-sidebar { position: sticky; top: 1rem; }
.cms-block-placeholder, .cms-form-preview { padding: 2rem; border: 1px dashed #9ba9be; background: #f6f8fb; text-align: center; color: #52657a; }
.cms-form-preview p { margin: .5rem 0 0; }
@media (max-width: 1199.98px) { .authoring-sidebar { position: static; } .editor-workspace { min-height: 38rem; } .cms-editor-layout { grid-template-columns: 14rem minmax(0,1fr); } }
@media (max-width: 767.98px) { .cms-editor-layout { display: block; } .cms-editor-panel { max-height: none; border: 0; border-bottom: 1px solid #d8e0e9; } .cms-editor-canvas { padding: .75rem; } .cms-editor-canvas, .cms-editor-canvas #gjs, .cms-editor-canvas .gjs-editor, .cms-editor-canvas .gjs-cv-canvas { min-height: 32rem; } }
@media (max-width: 991.98px) { .media-filters { grid-template-columns: 1fr 1fr; } .media-filters input { grid-column: 1/-1; } .media-bulk { grid-template-columns:1fr 1fr; } .media-bulk strong,.media-bulk button { grid-column:1/-1; } .media-dialog[open] { display: block; overflow-y: auto; } .media-dialog__preview { min-height: 18rem; max-height: 45dvh; } .media-dialog__details { max-height: none; } }
@media (max-width: 575.98px) { .media-filters,.media-edit-grid,.media-bulk,.media-organisation-row,.media-organisation-row--new { grid-template-columns: 1fr; } .media-filters input,.media-bulk strong,.media-bulk button { grid-column: auto; } .media-gallery { grid-template-columns: repeat(2,minmax(0,1fr)); gap: .6rem; padding: .75rem; } .media-replace form { grid-template-columns: 1fr; } }
@media (min-width: 1200px) { .content-authoring > .row { display: grid; grid-template-columns: minmax(0,1fr); } .content-authoring > .row > .col-xl-9,.content-authoring > .row > .authoring-sidebar { width: auto; max-width: none; } .content-authoring > .row > .col-xl-9 { grid-row: 2; } .content-authoring > .row > .authoring-sidebar { grid-row: 1; position: static; } }
@media (max-width: 767.98px) { .page-design-launch .card-body { align-items: flex-start !important; flex-wrap: wrap; } .page-design-launch .btn { width: 100%; margin-left: 0 !important; } .page-builder-toolbar { height: auto; min-height: 5.5rem; align-items: flex-start; flex-direction: column; } .page-builder-dialog .cms-editor-layout { display: grid; grid-template-columns: 12rem minmax(0,1fr); height: calc(100dvh - 5.5rem); } .page-builder-dialog .cms-editor-panel,.page-builder-dialog .cms-editor-canvas { height: calc(100dvh - 5.5rem); } }
@media (max-width: 1199.98px) { .content-controls__primary { grid-template-columns: 1fr 1fr; } .content-controls__secondary { flex-wrap: wrap; } .content-field--revision { width: min(28rem,100%); margin-left: 0; } }
@media (max-width: 575.98px) { .content-controls__primary { grid-template-columns: 1fr; } .content-controls__secondary { align-items: stretch; flex-direction: column; } .content-field--order,.content-field--revision { width: 100%; } .content-controls__navigation { margin: .25rem 0; } }
@media (max-width: 767.98px) { .theme-choice-grid,.page-width-choices { grid-template-columns:1fr; } }
.blog-editor-card { overflow:hidden; border-color:#d8e0e9; box-shadow:0 .25rem 1rem rgba(24,36,51,.04); }
.blog-editor-card .card-header { min-height:4.25rem; align-items:center; background:#fff; }
.blog-editor-card .card-body { padding:0; background:#f2f5f8; }
.blog-editor-source { min-height:38rem; border:0; border-radius:0; }
.blog-authoring .tox-tinymce { border:0; border-radius:0; }
.blog-authoring .tox .tox-editor-header { border-bottom:1px solid #d8e0e9; box-shadow:none; }
.blog-authoring .tox .tox-toolbar-overlord,.blog-authoring .tox .tox-toolbar__primary { background:#fff; }
.blog-media-dialog { width:min(64rem,calc(100% - 2rem)); max-height:calc(100dvh - 2rem); padding:0; overflow:hidden; border:0; border-radius:.3rem; background:#f7f9fb; box-shadow:0 1.5rem 5rem rgba(15,30,46,.35); color:#182433; }
.blog-media-dialog::backdrop { background:rgba(15,29,44,.66); backdrop-filter:blur(2px); }
.blog-media-dialog[open] { display:flex; flex-direction:column; }
.blog-media-dialog > header,.blog-media-dialog > footer { display:flex; padding:1rem 1.25rem; align-items:center; justify-content:space-between; gap:1rem; background:#fff; }
.blog-media-dialog > header { border-bottom:1px solid #d8e0e9; }
.blog-media-dialog > footer { justify-content:flex-end; border-top:1px solid #d8e0e9; }
.blog-media-dialog h3 { margin:0; font-size:1rem; }
.blog-media-dialog header p { margin:.2rem 0 0; color:#667382; font-size:.75rem; }
.blog-media-actions { display:grid; grid-template-columns:minmax(0,1fr) 18rem; gap:1rem; padding:1rem 1.25rem; border-bottom:1px solid #d8e0e9; background:#fff; }
.blog-media-upload { display:grid; grid-template-columns:minmax(12rem,1fr) minmax(12rem,1fr) auto; gap:.5rem; align-items:end; }
.blog-media-upload > div { grid-column:1/-1; display:flex; flex-direction:column; gap:.15rem; }
.blog-media-upload strong,.blog-media-size > span { color:#26384d; font-size:.78rem; font-weight:600; }
.blog-media-upload small,.blog-media-size small { color:#667382; font-size:.7rem; font-weight:400; line-height:1.4; }
.blog-media-upload-status { grid-column:1/-1; min-height:1rem; color:#52657a; font-size:.72rem; }
.blog-media-size { display:flex; flex-direction:column; gap:.3rem; }
.blog-media-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(10rem,1fr)); gap:.75rem; padding:1rem; overflow-y:auto; }
.blog-media-choice { min-width:0; padding:0; overflow:hidden; border:1px solid #d8e0e9; border-radius:.2rem; background:#fff; color:#26384d; text-align:left; }
.blog-media-choice:hover { border-color:#79a9dc; box-shadow:0 .35rem 1rem rgba(24,36,51,.08); }
.blog-media-choice:focus-visible { outline:2px solid #206bc4; outline-offset:2px; }
.blog-media-choice img { display:block; width:100%; aspect-ratio:4/3; object-fit:cover; background:#edf1f5; }
.blog-media-choice span,.blog-media-choice small { display:block; padding-inline:.65rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.blog-media-choice span { padding-top:.6rem; font-size:.8rem; font-weight:600; }
.blog-media-choice small { padding-top:.15rem; padding-bottom:.65rem; color:#667382; font-size:.7rem; }
.blog-media-empty { display:flex; min-height:20rem; padding:2rem; align-items:center; justify-content:center; flex-direction:column; text-align:center; }
.blog-media-empty p { color:#667382; }
@media (min-width:1200px) {
  .blog-authoring > .row { grid-template-columns:minmax(0,1fr) 20rem; gap:1rem; }
  .blog-authoring > .row > .col-xl-9 { grid-row:1; grid-column:1; }
  .blog-authoring > .row > .authoring-sidebar { grid-row:1; grid-column:2; position:sticky; top:1rem; }
  .blog-authoring .content-controls__primary { grid-template-columns:1fr; }
  .blog-authoring .content-controls__secondary { align-items:stretch; flex-direction:column; }
  .blog-authoring .content-field--revision { width:100%; margin-left:0; }
}
@media (max-width:575.98px) { .blog-media-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:767.98px) { .blog-media-actions,.blog-media-upload { grid-template-columns:1fr; } .blog-media-upload > div,.blog-media-upload-status { grid-column:auto; } }
.editor-block-list { display:grid; grid-template-columns:repeat(auto-fill,minmax(14rem,1fr)); gap:.75rem; padding:1rem; }
.editor-block-row { display:grid; grid-template-columns:2.25rem minmax(0,1fr) auto; gap:.65rem; align-items:center; padding:.75rem; border:1px solid #d8e0e9; border-radius:.25rem; background:#fff; }
.editor-block-row span:not(.avatar):not(.badge),.editor-library-item summary small,.theme-admin-card summary small { display:block; color:#667382; font-size:.72rem; }
.editor-library-item summary,.theme-admin-card summary { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.75rem; align-items:center; cursor:pointer; list-style:none; }
.theme-admin-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(18rem,1fr)); gap:.75rem; padding:1rem; }
.theme-admin-card { padding:.85rem; border:1px solid #d8e0e9; border-radius:.25rem; background:#fff; }
.theme-admin-card summary { grid-template-columns:4.5rem minmax(0,1fr) auto; }
.theme-admin-form { margin-top:.85rem; padding-top:.85rem; border-top:1px solid #e2e8ef; }
.shortcode-row { display:grid; grid-template-columns:9rem 7rem minmax(12rem,1fr) auto auto; gap:.5rem; align-items:center; }
.response-filters { display:grid; grid-template-columns:minmax(12rem,1fr) 10rem 10rem auto; gap:.75rem; align-items:end; }
.response-filters__actions { display:flex; gap:.5rem; }
@media (max-width:767.98px) { .shortcode-row,.response-filters { grid-template-columns:1fr; } .response-filters__actions { flex-wrap:wrap; } }
.search-toolbar { display:grid; grid-template-columns:minmax(14rem,1fr) 10rem 10rem 10rem auto; gap:.75rem; align-items:end; }
.search-result { display:grid; gap:.35rem; }
.search-result__meta { display:flex; flex-wrap:wrap; gap:.35rem; margin-top:.25rem; }
.source-list,.webhook-list { display:grid; gap:.75rem; }
.source-card,.webhook-card { padding:.85rem; border:1px solid #d8e0e9; border-radius:.25rem; background:#fff; }
.source-card summary,.webhook-card summary { cursor:pointer; list-style:none; }
.source-card summary small,.webhook-card summary small { display:block; color:#667382; font-size:.72rem; }
.api-doc-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(14rem,1fr)); gap:.75rem; }
.api-doc-grid div { padding:.75rem; border:1px solid #d8e0e9; border-radius:.25rem; background:#f8fafc; }
.api-doc-grid code { display:block; margin-top:.35rem; white-space:normal; overflow-wrap:anywhere; }
.api-token-row { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.webhook-events { display:grid; grid-template-columns:repeat(auto-fit,minmax(12rem,1fr)); gap:.35rem .75rem; }
@media (max-width:991.98px) { .search-toolbar { grid-template-columns:1fr 1fr; } .search-toolbar > div:first-child { grid-column:1/-1; } }
@media (max-width:575.98px) { .search-toolbar,.api-token-row { display:block; } .api-token-row form { margin-top:.75rem; } }