.item-view,.item-setup{color:#fff;text-align:left;max-width:1320px;margin:auto}
.sg-rowan-theme #popup:has(.item-view),.sg-rowan-theme #popup:has(.item-setup){width:min(1320px,96vw);max-width:96vw}
.item-quantity label{display:grid;gap:6px;font-size:.95rem;min-width:0}
.item-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.item-columns{display:grid;grid-template-columns:minmax(200px,.8fr) minmax(280px,1.15fr) minmax(280px,1fr);gap:12px}
.item-card{border:1px solid #21b6ef;border-radius:17px;padding:16px;background:linear-gradient(135deg,#063e7b,#051c3c);min-width:0}
.item-card h3{margin:0 0 16px;font-size:1.35rem}
.item-photo{display:flex;justify-content:center;align-items:center;min-height:170px;max-height:320px;overflow:hidden;background:#061d38;border-radius:12px;margin-bottom:14px}
.item-photo .inv-picture{width:100%;height:260px;max-height:320px;object-fit:contain;filter:none}
.item-code{display:block;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:1.2rem;margin:10px 0}
.item-stock{font-size:1.5rem;margin:12px 0}.item-stock strong{font-size:2.3rem}
.item-quantity{display:grid;grid-template-columns:58px minmax(80px,1fr) 58px;align-items:center;gap:9px;margin:16px 0}
.item-quantity input{text-align:center;width:100%;font-size:1.6rem;min-width:0;padding:12px}
.item-quantity button{font-size:2rem;min-width:0;min-height:58px;padding:4px!important}
.item-total{font-size:1.7rem;font-weight:bold;text-align:center;border:2px solid #51f6ff;border-radius:15px;box-shadow:0 0 7px #00d7ff;padding:15px;margin:15px 0}
.item-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.item-fields label,.item-card>label{display:grid;gap:6px;min-width:0;margin:10px 0}
.item-fields input,.item-fields select,.item-fields textarea,.item-card input:not([type=checkbox]),.item-card select,.item-card textarea{min-width:0;max-width:100%;width:100%;padding:10px;border:1px solid #69b8e7;border-radius:9px;background:#f1f7ff;color:#08234c;font-size:1rem}
.item-card label.item-check{display:flex;align-items:center;gap:10px}.item-check input{width:23px;height:23px;flex-shrink:0}
.item-date-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #4085b366;flex-wrap:wrap}
.item-date-row strong{overflow-wrap:anywhere}.item-actions{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.item-actions button{flex:1;min-width:120px}
.item-setup .item-columns{grid-template-columns:minmax(210px,.7fr) minmax(320px,1.4fr)}
.item-setup details{margin-top:16px;padding:12px;border:1px solid #3684bd;border-radius:12px}.item-setup summary{cursor:pointer;font-size:1.2rem}
.item-notice{padding:12px;border:1px solid #ffb347;border-radius:10px;background:#382e21}
.item-small{font-size:.95rem;color:#bfd8ed;line-height:1.4}
.item-type-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.item-type-picker button{min-height:90px}
.item-card [hidden],.item-setup [hidden]{display:none!important}
@media(max-width:1050px){.item-columns{grid-template-columns:minmax(180px,.8fr) minmax(260px,1.2fr)}.item-dates{grid-column:1/-1}.item-photo .inv-picture{height:220px}}
@media(max-width:650px){.item-columns,.item-setup .item-columns,.item-fields{grid-template-columns:minmax(0,1fr)}.item-dates{grid-column:auto}.item-photo .inv-picture{height:180px}.item-topline{align-items:flex-start;flex-wrap:wrap}.item-card{padding:12px}.item-total{font-size:1.4rem}.item-type-picker{grid-template-columns:1fr}}

/* Keep settings in short sections, with Save always available. */
.item-setup-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 16px}
.item-setup-tabs button{flex:1;min-width:150px;padding:10px 14px;border:1px solid #69b8e7;border-radius:10px;background:#063e7b;color:#fff}
.item-setup-tabs button[aria-selected="true"]{background:#116b9c;border-color:#51f6ff;box-shadow:0 0 5px #00d7ff}
.item-setup [role="tabpanel"]>.item-card{min-width:0}
.item-setup [role="tabpanel"]:not(.item-columns) .item-fields{grid-template-columns:repeat(3,minmax(0,1fr))}
#popup:has(.item-setup) .dialog-foot{position:sticky;bottom:0;background:#051c3c;z-index:2;padding:12px}
@media(max-width:850px){.item-setup [role="tabpanel"]:not(.item-columns) .item-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.item-setup [role="tabpanel"]:not(.item-columns) .item-fields{grid-template-columns:1fr}}