/* =============================================================
   Stelda - Sales Order Agent - Custom styling
   Da includere in webapp/css/style.css e referenziato nel manifest:
   "sap.ui5": {
     "resources": {
       "css": [ { "uri": "css/style.css" } ]
     }
   }
   ============================================================= */
 
/* ---------- Page ---------- */
.f2mPage .sapMPageBgStandard {
    background: linear-gradient(180deg, #f7f9fc 0%, #eef2f8 100%);
}
 
/* ---------- Brand bar ---------- */
.f2mBrandBar {
    background: linear-gradient(90deg, #003d7a 0%, #0a6ed1 100%);
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0, 61, 122, 0.18);
    padding: 0.25rem 0.5rem;
}
.f2mBrandBar .sapMBarPH,
.f2mBrandBar .sapMTitle,
.f2mBrandBar .sapMObjectStatusText,
.f2mBrandBar .sapMObjectStatusIcon {
    color: #ffffff !important;
}
.f2mBrandIcon {
    color: #ffffff !important;
}
.f2mBrandTitle {
    letter-spacing: 0.3px;
}
 
/* ---------- IconTabBar ---------- */
.f2mTabBar .sapMITBHead {
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    margin-top: 0.25rem;
}
.f2mTabBar .sapMITBFilter {
    transition: background-color 160ms ease, transform 160ms ease;
}
.f2mTabBar .sapMITBFilter:hover {
    background-color: #f0f6ff;
}
.f2mTabBar .sapMITBSelected {
    background-color: #eaf3ff !important;
}
 
/* ---------- Section panels (un panel per tab) ---------- */
.f2mTabContent {
    padding: 0.25rem;
}
.f2mSectionPanel {
    background-color: #ffffff !important;
    border-radius: 10px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
    margin-bottom: 0.5rem;
}
.f2mSectionToolbar {
    border-bottom: 1px solid #e5e9f0;
    background-color: #fbfcfe !important;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
 
/* ---------- Smart Tables ---------- */
.f2mSmartTable .sapMListTblHeader {
    background-color: #f4f7fb !important;
}
.f2mDataTable .sapMListTblRow:hover {
    background-color: #f5faff !important;
}
 
/* ---------- Footer ---------- */
.f2mFooterBar {
    background: #ffffff !important;
    border-top: 1px solid #e5e9f0;
    box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.04);
}
.f2mFooterBtn {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
}
 
/* ---------- Compact spacing helper ---------- */
.sapUiNoContentPadding > .sapMPanelContent {
    padding: 0 !important;
}
 
/* ---------- New Order / Product List Dialog ---------- */
.f2mNewOrderDialog .sapMDialogTitle,
.f2mNewOrderDialog .sapMDialogTitleGroup,
.f2mProductDialog .sapMDialogTitle,
.f2mProductDialog .sapMDialogTitleGroup {
    background: linear-gradient(90deg, #003d7a 0%, #0a6ed1 100%);
    color: #ffffff !important;
}
.f2mNewOrderDialog .sapMDialogTitle .sapMTitle,
.f2mNewOrderDialog .sapMIBar-CTX .sapMTitle,
.f2mProductDialog .sapMDialogTitle .sapMTitle,
.f2mProductDialog .sapMIBar-CTX .sapMTitle {
    color: #ffffff !important;
}
.f2mDialogSubHeader {
    background: #eaf3ff !important;
    border-bottom: 1px solid #cfe0f5;
}
.f2mDialogSubText {
    color: #0a3a78;
    font-style: italic;
}
.f2mNewOrderDialog .sapUiFormTitle {
    color: #0a6ed1;
    border-bottom: 1px solid #e5e9f0;
    padding-bottom: 4px;
    margin-bottom: 6px;
}