/* Niner Serve management surfaces: neutral surfaces and clear product controls. */
html.niner-cafe-page .fi-page{font-family:"Instrument Sans",Arial,sans-serif;--serve-ink:#102e40;--serve-muted:#5a7180;--serve-line:#d4e0e7;--serve-soft:#f0f5f7}
html.niner-cafe-page .fi-resource-list-records-page:has(.cafe-management)>.fi-header{display:none!important}
html.niner-cafe-page .cf-banner{padding:18px 22px;border-radius:14px;gap:18px}
html.niner-cafe-page .cf-banner h2{font-size:23px;margin:6px 0}
html.niner-cafe-page .cf-banner p{font-size:13px;line-height:1.5}
html.niner-cafe-page .cf-eyebrow{color:#56d9cb;font-size:11px;letter-spacing:.12em}
html.niner-cafe-page .cf-eyebrow:before{background:#22c7b0}
html.niner-cafe-page .cf-tabs{border-radius:10px;padding:5px;gap:4px}
html.niner-cafe-page .cf-tab{min-height:36px;padding:7px 12px;font-size:13px}
html.niner-cafe-page .fi-ta-ctn{box-shadow:0 10px 30px #0002;overflow:hidden;background:#fff}
html.niner-cafe-page :is(.fi-ta-header,.fi-ta-header-toolbar){background:#fff!important;padding:14px 18px;border-color:var(--serve-line)}
html.niner-cafe-page .fi-ta-table thead{background:var(--serve-soft);color:var(--serve-muted)}
html.niner-cafe-page .fi-ta-header-cell{background:var(--serve-soft)!important;color:var(--serve-muted)!important;font-size:12px;font-weight:700}
html.niner-cafe-page .fi-ta-cell{padding-block:13px;color:var(--serve-ink);border-color:var(--serve-line)}
html.niner-cafe-page .fi-ta-row:nth-child(even){background:#f6f9fa}
html.niner-cafe-page .fi-ta-row:hover{background:#fff8e9}
html.niner-cafe-page :is(.fi-ta-content,.fi-ta-table-ctn){max-width:100%;overflow-x:auto}
html.niner-cafe-page .fi-btn{border-radius:9px;min-height:38px;font-weight:700}
html.niner-cafe-page .fi-btn.fi-color-primary{background:#0b5063!important;color:#fff!important;border-color:#0b5063!important}
html.niner-cafe-page .fi-input-wrp{border:1px solid #bfd0da;border-radius:9px;background:#fff}
html.niner-cafe-page .fi-section{background:#fff!important;box-shadow:0 5px 20px #0001}
html.niner-cafe-page .fi-section-header{background:#f1f6f8;border-bottom:1px solid var(--serve-line)}
html.niner-cafe-page .fi-section-header-heading,html.niner-cafe-page .fi-fo-field-label{color:var(--serve-ink)!important;font-weight:700}
html.niner-cafe-page .fi-pagination{padding:13px 18px;border-top:1px solid var(--serve-line);background:#fff}
html.niner-cafe-page :is(button,a,input,select,textarea):focus-visible{outline:3px solid #df9b08;outline-offset:3px}
.serve-record-cards .fi-ta-content{background:#f3f7fa!important;padding:14px}
.serve-record-cards .fi-ta-record{border:1px solid #d4e0e7!important;border-radius:14px!important;background:#fff!important;min-width:0;overflow:hidden;box-shadow:0 4px 14px #0002}
.serve-record-cards .fi-ta-record-content{padding:18px!important;color:#102e40;min-width:0}
.serve-record-cards :is(.fi-ta-record-content-ctn,.fi-ta-stack,.fi-ta-split){min-width:0}
.serve-record-cards .fi-ta-text{color:#102e40;overflow-wrap:anywhere}
.serve-record-cards .fi-ta-record .fi-ta-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:0!important;padding:12px!important;border-top:1px solid #d4e0e7;background:#f8fafb}
.serve-record-cards .fi-ta-actions .fi-btn{flex:1 1 110px;justify-content:center;font-size:12px;min-width:0}
.serve-record-cards .fi-btn.fi-color-info{background:#eaf2f6!important;color:#10394e!important;border:1px solid #c4d7e2}
.serve-record-cards .fi-btn.fi-color-warning{background:#fff0c9!important;color:#765007!important;border:1px solid #e9cd8a}
.serve-record-cards .fi-btn.fi-color-success{background:#e4f5eb!important;color:#15633e!important;border:1px solid #badbc8}
.serve-record-cards .fi-btn.fi-color-danger{background:#fff0ef!important;color:#a62c27!important;border:1px solid #ebbbb7}
.serve-record-cards .fi-btn .fi-icon{color:currentColor!important}
.serve-record-cards .fi-badge{background:#edf4f7;color:#274d62;padding:4px 8px;border-radius:7px;border:0}
.serve-record-cards .fi-badge.fi-color-success{background:#e4f4ea;color:#16623d}
.serve-record-cards .fi-badge.fi-color-warning{background:#fff1cc;color:#7b5300}
.serve-record-cards .fi-badge.fi-color-gray{background:#edf0f2;color:#596c76}
.serve-record-cards .fi-ta-group-header{background:#edf3f6!important;color:#102e40!important;border-color:#d4e0e7!important}
.serve-record-cards .fi-ta-group-header :is(h4,span){color:#102e40!important}
.serve-product-cards .fi-ta-image img{border-radius:12px;object-fit:cover;background:#edf3f5}
.serve-product-cards .fi-ta-split{gap:14px}
.serve-product-cards .serve-product-price{color:#073c50}
@media(max-width:600px){html.niner-cafe-page .cf-banner{padding:16px}.serve-record-cards .fi-ta-record-content{padding:15px!important}.serve-record-cards .fi-ta-content{padding:9px}}

html.niner-cafe-page :is(.fi-resource-create-record-page,.fi-resource-edit-record-page) .fi-section{border:1px solid var(--serve-line);border-radius:14px;overflow:hidden}
html.niner-cafe-page .fi-section-content{padding:20px}

/* Compact table cards: three per row, one descriptive heading. */
.cafe-table-cards .fi-ta-record-content{padding:13px 12px!important}
.cafe-table-summary{display:flex;align-items:center;gap:7px;min-width:0;width:100%;font-size:12px;line-height:20px;color:#183b4e}
.cafe-table-summary strong{font-size:14px;flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cafe-table-summary span{min-width:0;white-space:nowrap;border-left:1px solid #b4c7d2;padding-left:7px}
.cafe-table-summary .table-area{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis}
.cafe-table-summary .table-enabled{color:#166443;flex:0 0 auto}
.cafe-table-summary .table-disabled{color:#6b7d87;flex:0 0 auto}
.cafe-table-cards .fi-ta-record .fi-ta-actions{padding:9px!important;gap:6px!important}
.cafe-table-cards .fi-ta-record .fi-ta-actions .fi-btn{min-height:33px;font-size:11px}
@media(min-width:768px) and (max-width:1100px){.serve-product-cards .fi-ta-image img{width:64px!important;height:64px!important}.serve-product-cards .fi-ta-split{gap:10px}.serve-product-cards .fi-ta-record-content{padding:14px!important}}