/* FLOWIX 585 — PROFESSIONAL ITEM DETAILS */

@media (min-width:1101px){

 body:has(#itemDetailsScreen584C:not(.hide)) main.wrap{
   width:calc(100% - 48px)!important;
   max-width:none!important;
   margin:18px 24px!important;
   padding-top:0!important;
 }

 #itemDetailsScreen584C{
   width:100%!important;
   max-width:none!important;
 }

 #itemDetailsScreen584C .item-details-head584C{
   display:flex!important;
   flex-direction:row!important;
   align-items:center!important;
   justify-content:space-between!important;
   gap:24px!important;
   min-height:auto!important;
   height:auto!important;
   margin:0 0 14px!important;
   padding:0!important;
   background:transparent!important;
 }

 #itemDetailsScreen584C .item-details-head584C h1{
   margin:0!important;
   font-size:24px!important;
   line-height:1.25!important;
   font-weight:800!important;
   color:#102f49!important;
 }

 #itemDetailsScreen584C .item-details-head584C .sub{
   margin-top:4px!important;
   font-size:12px!important;
   color:#718096!important;
 }

 #itemDetailsScreen584C .item-details-actions584C{
   display:flex!important;
   flex-direction:row!important;
   align-items:center!important;
   gap:8px!important;
   flex-wrap:nowrap!important;
 }

 #itemDetailsScreen584C .item-details-card584C{
   width:100%!important;
   box-sizing:border-box!important;
   padding:20px!important;
   border:1px solid #dfe7ee!important;
   border-radius:14px!important;
   background:#fff!important;
   box-shadow:0 3px 14px rgba(15,35,55,.05)!important;
 }

 /* Main identity row */
 #itemDetailsScreen584C .item-details-summary584C{
   display:grid!important;
   grid-template-columns:180px minmax(420px,1fr) 130px!important;
   gap:12px!important;
   margin:0 0 14px!important;
 }

 #itemDetailsScreen584C .item-details-summary584C > div{
   display:flex!important;
   flex-direction:column!important;
   justify-content:center!important;
   min-width:0!important;
   min-height:82px!important;
   padding:13px 16px!important;
   border:1px solid #dbe5ee!important;
   border-radius:11px!important;
   background:#f8fbfd!important;
   box-sizing:border-box!important;
 }

 #itemDetailsScreen584C .item-details-summary584C span{
   display:block!important;
   margin-bottom:5px!important;
   color:#64748b!important;
   font-size:11px!important;
   font-weight:700!important;
 }

 #itemDetailsScreen584C .item-details-summary584C b{
   display:block!important;
   color:#102f49!important;
   font-size:15px!important;
   line-height:1.55!important;
   overflow-wrap:anywhere!important;
 }

 #itemDetailsScreen584C .item-details-name584C b{
   font-size:18px!important;
   font-weight:800!important;
 }

 #itemDetailsActive584C{
   display:inline-flex!important;
   align-self:flex-start!important;
   width:auto!important;
   padding:4px 11px!important;
   border-radius:999px!important;
   background:#eaf7ef!important;
   color:#18794e!important;
   font-size:13px!important;
 }

 /* Information cards */
 #itemDetailsScreen584C .item-details-grid584C{
   display:grid!important;
   grid-template-columns:repeat(4,minmax(0,1fr))!important;
   gap:10px!important;
 }

 #itemDetailsScreen584C .item-detail-field584C{
   display:flex!important;
   flex-direction:column!important;
   justify-content:flex-start!important;
   min-width:0!important;
   min-height:78px!important;
   padding:12px 14px!important;
   box-sizing:border-box!important;
   border:1px solid #e1e8ef!important;
   border-radius:10px!important;
   background:#fff!important;
 }

 #itemDetailsScreen584C .item-detail-field584C span{
   display:block!important;
   margin-bottom:6px!important;
   color:#718096!important;
   font-size:11px!important;
   font-weight:700!important;
 }

 #itemDetailsScreen584C .item-detail-field584C b{
   display:block!important;
   color:#18364e!important;
   font-size:13px!important;
   font-weight:700!important;
   line-height:1.65!important;
   white-space:pre-wrap!important;
   overflow-wrap:anywhere!important;
 }

 /* Long text fields */
 #itemDetailsScreen584C .item-detail-field584C.wide584C{
   grid-column:span 2!important;
   min-height:88px!important;
   background:#fbfcfd!important;
 }

 /* Make the last long field use remaining width cleanly */
 #itemDetailsScreen584C .item-details-grid584C
 .item-detail-field584C.wide584C:last-child{
   grid-column:span 2!important;
 }

}

/* Mobile remains independent and readable */
@media (max-width:1100px){

 #itemDetailsScreen584C{
   width:100%!important;
 }

 #itemDetailsScreen584C .item-details-head584C{
   display:flex!important;
   flex-direction:column!important;
   align-items:stretch!important;
   gap:10px!important;
 }

 #itemDetailsScreen584C .item-details-actions584C{
   display:flex!important;
   flex-direction:column!important;
   gap:8px!important;
 }

 #itemDetailsScreen584C .item-details-summary584C,
 #itemDetailsScreen584C .item-details-grid584C{
   display:grid!important;
   grid-template-columns:1fr!important;
   gap:9px!important;
 }

 #itemDetailsScreen584C .item-detail-field584C.wide584C{
   grid-column:auto!important;
 }

 #itemDetailsScreen584C .item-details-card584C{
   padding:12px!important;
 }
}


/* FLOWIX 586 — DESKTOP FIT TO SCREEN ONLY */

@media (min-width:1101px){

 body:has(#itemDetailsScreen584C:not(.hide)) main.wrap{
   margin:8px 24px!important;
 }

 #itemDetailsScreen584C .item-details-head584C{
   margin-bottom:8px!important;
   gap:14px!important;
 }

 #itemDetailsScreen584C .item-details-head584C h1{
   font-size:22px!important;
   line-height:1.15!important;
 }

 #itemDetailsScreen584C .item-details-head584C .sub{
   margin-top:2px!important;
   line-height:1.2!important;
 }

 #itemDetailsScreen584C .item-details-card584C{
   padding:12px!important;
 }

 #itemDetailsScreen584C .item-details-summary584C{
   gap:8px!important;
   margin-bottom:8px!important;
 }

 #itemDetailsScreen584C .item-details-summary584C > div{
   min-height:58px!important;
   padding:8px 12px!important;
 }

 #itemDetailsScreen584C .item-details-summary584C span{
   margin-bottom:2px!important;
   font-size:10.5px!important;
 }

 #itemDetailsScreen584C .item-details-summary584C b{
   font-size:14px!important;
   line-height:1.35!important;
 }

 #itemDetailsScreen584C .item-details-name584C b{
   font-size:17px!important;
 }

 #itemDetailsActive584C{
   padding:3px 10px!important;
   font-size:12px!important;
 }

 #itemDetailsScreen584C .item-details-grid584C{
   gap:8px!important;
 }

 #itemDetailsScreen584C .item-detail-field584C{
   min-height:54px!important;
   padding:7px 11px!important;
 }

 #itemDetailsScreen584C .item-detail-field584C.wide584C{
   min-height:58px!important;
 }

 #itemDetailsScreen584C .item-detail-field584C span{
   margin-bottom:2px!important;
   font-size:10.5px!important;
   line-height:1.2!important;
 }

 #itemDetailsScreen584C .item-detail-field584C b{
   font-size:12.5px!important;
   line-height:1.35!important;
 }

}