@import url("./tokens.css");
@font-face{font-family:Nicky;src:url('/brand/nicky-regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Nicky;src:url('/brand/nicky-medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Nicky;src:url('/brand/nicky-bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Nicky;src:url('/brand/nicky-semibold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}body{font-family:Nicky,sans-serif}.fi-header-heading,.fi-simple-header-heading{font-family:Nicky,sans-serif;font-weight:600}.fi-logo{height:2rem;max-width:100%;object-fit:contain}.fi-sidebar{border-right:1px solid #e5ddd0}.fi-body{background:var(--abba-paper)}
/* Preserve the group heading slot when the desktop sidebar is collapsed. */
@media(min-width:1024px){
 .fi-sidebar-group-btn{height:40px;min-height:40px;white-space:nowrap}
 .fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-group-btn{display:flex!important;visibility:hidden;position:relative;pointer-events:none;overflow:hidden}
 .fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-group-btn::after{content:"";position:absolute;left:8px;right:8px;top:20px;border-top:1px solid #d5cbbd;visibility:visible}
}
.dashboard-summary{display:flex;flex-direction:column;gap:12px;height:100%;min-height:160px;padding:20px;background:#fff;border:1px solid #e5ddd0;border-radius:8px;color:inherit;text-decoration:none}
.dashboard-summary:hover,.dashboard-task:hover,.dashboard-agenda-item:hover{background:#faf7f1}
.dashboard-summary:focus-visible,.dashboard-task:focus-visible,.dashboard-agenda-item:focus-visible{outline:2px solid var(--abba-wine);outline-offset:3px}
.dashboard-summary-label{display:flex;align-items:center;gap:8px;font-size:14px}
.dashboard-summary-label svg{width:20px;height:20px;flex:none;color:var(--abba-wine)}
.dashboard-summary-value{font-size:30px;line-height:1.2}
.dashboard-summary-title{font-size:18px;line-height:1.4}
.dashboard-description{display:block;font-size:14px;color:#625c54;line-height:1.5}
.dashboard-list{margin:0;padding:0;list-style:none}
.dashboard-list>li+li{border-top:1px solid #eee7dc}
.dashboard-agenda-item{display:flex;gap:20px;padding:16px 0;color:inherit;text-decoration:none}
.dashboard-agenda-item time{width:50px;flex:none;font-size:14px;color:#625c54}
.dashboard-agenda-item time strong{display:block;color:#241f1b;margin-top:4px}
.dashboard-agenda-item>div{min-width:0;overflow-wrap:anywhere}
.dashboard-agenda-status{display:block;font-size:13px;color:var(--abba-wine);margin-top:4px}
.dashboard-task{display:flex;justify-content:space-between;gap:16px;padding:14px 0;color:inherit;text-decoration:none}
.dashboard-empty{padding:20px 0;color:#625c54;font-size:14px}
.dashboard-actions{display:flex;flex-wrap:wrap;gap:12px}

/* Readable interface typography using the original brand font weights. */
.fi-body{font-size:16px;line-height:1.5;color:#292520}
.fi-sidebar-item-label,.fi-btn-label,.fi-fo-field-label-content{font-size:15px;font-weight:600;line-height:1.5}
.fi-sidebar-group-label{font-size:14px;font-weight:600;color:#554e45}
.fi-sidebar-item-label{color:#37312b}
.fi-input,.fi-select-input,.fi-ta-text-item,.fi-ta-header-cell-label,.fi-section-header-heading{font-size:15px;line-height:1.5}
.fi-input,.fi-select-input,.fi-ta-text-item{font-weight:400}
.fi-ta-header-cell-label,.fi-section-header-heading{font-weight:600}
.fi-header-subheading,.fi-fo-field-helper-text{font-size:15px;line-height:1.6;color:#554e45}
.dashboard-summary-label{font-size:15px;font-weight:500}
.dashboard-summary-title,.dashboard-summary-value{font-weight:600}
.dashboard-description,.dashboard-empty{font-size:15px;line-height:1.6;color:#554e45}
.dashboard-agenda-item time{font-size:15px;color:#554e45}
.dashboard-agenda-item strong,.dashboard-task strong{font-weight:600}
.dashboard-agenda-status{font-size:14px;font-weight:500}



.fi-topbar{position:relative}
.admin-area-tabs{position:absolute;left:50%;top:0;transform:translateX(-50%);display:flex;align-items:stretch;justify-content:center;gap:24px;height:var(--topbar-height);max-width:calc(100% - 480px)}
.admin-area-tab{display:flex;align-items:center;gap:8px;padding:0 12px;border-bottom:3px solid transparent;color:#625c54;font-size:16px;font-weight:500;text-decoration:none;white-space:nowrap}
.admin-area-tab:hover{color:var(--abba-wine);background:#faf7f1}
.admin-area-tab.is-active{color:var(--abba-wine);border-bottom-color:var(--abba-wine);font-weight:600}
.admin-area-tab:focus-visible{outline:2px solid var(--abba-wine);outline-offset:-5px}
@media(max-width:1023px){.admin-area-tabs{gap:8px;max-width:calc(100% - 112px)}.admin-area-tab{padding-inline:10px;font-size:15px}}
@media(max-width:380px){.admin-area-tabs{gap:0}.admin-area-tab{padding-inline:8px}}

.admin-area-icon{width:20px;height:20px;flex-shrink:0}
@media(max-width:480px){.admin-area-tab{flex-direction:column;justify-content:center;gap:2px;padding-inline:8px;font-size:14px}.admin-area-icon{width:18px;height:18px}}

.dashboard-agenda-grid{display:grid;grid-template-columns:minmax(0,1fr);column-gap:24px}
.dashboard-agenda-grid>li{min-width:0}
.dashboard-agenda-grid>.dashboard-empty{grid-column:1/-1}
@media(min-width:768px){
    .dashboard-agenda-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .dashboard-agenda-grid>li+li{border-top:0}
    .dashboard-agenda-grid>li:nth-child(n+3){border-top:1px solid #eee7dc}
}
@media(min-width:1280px){
    .dashboard-agenda-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
    .dashboard-agenda-grid>li:nth-child(3){border-top:0}
    .dashboard-agenda-grid>li:nth-child(n+4){border-top:1px solid #eee7dc}
}

/* Shared brand geometry; operational controls retain their compact sizing. */
.fi-btn:not(.abba-action-card):not(.fi-btn-group .fi-btn) { border-radius: var(--abba-radius-action); }
.fi-input-wrp { border-radius: var(--abba-radius-field); }
.fi-section, .fi-ta-ctn, .fi-modal-window, .dashboard-summary, .site-section-card { border-radius: var(--abba-radius-card); }
.fi-btn { transition: background-color var(--abba-motion) ease, opacity var(--abba-motion) ease; }
.fi-btn:focus-visible { outline: 2px solid var(--abba-wine); outline-offset: 3px; }
.fi-btn .fi-icon { flex-shrink: 0; }
@media (prefers-reduced-motion: reduce) { .fi-btn { transition: none; } }