/* Aryen order UI. Uses existing brand and the shared order-model controls. */
.order-role-label{display:flex;align-items:center;gap:8px;white-space:nowrap;color:#687083;font-size:13px}.order-role-label select{width:155px}
.product-workspace .order-streams,.product-workspace .order-list-tabs{display:flex;gap:6px;margin:0 0 24px;padding:5px;background:#eaf0f9;border-radius:12px;overflow:auto}
.order-streams button,.order-streams>span{flex:1;min-width:140px;white-space:nowrap;text-align:center;padding:13px 20px;font-size:16px;border:0;background:transparent;color:#174c91;font-weight:600}
.order-streams button[aria-selected=true],.order-streams>span.active{background:#ffca05;color:#123b70;border-radius:9px;box-shadow:0 2px 4px #123b7010}
.order-list-tabs button{background:transparent;border:0;white-space:nowrap;color:#174c91;padding:11px 14px;display:flex;align-items:center;gap:10px}
.order-list-tabs button[aria-selected=true]{background:white;box-shadow:0 2px 6px #174c9114}
.order-list-tabs button>span{background:#dbe7f7;border-radius:5px;font-size:12px;min-width:24px;padding:2px 6px}.order-list-tabs button[aria-selected=true]>span{background:#ffca05;color:#123b70}
.product-workspace .order-account,.product-workspace .order-catalog{margin-bottom:20px}
.order-account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) minmax(240px,1.2fr) 125px;gap:20px;align-items:start}.order-account-grid>.formrow{margin:0}.order-account-grid .formrow{margin-top:0;margin-bottom:0}.order-account-grid:has(>.formrow:only-of-type){grid-template-columns:minmax(0,1fr) minmax(240px,1.2fr) 150px}
.order-account-grid .formrow>span,.order-tier>span{font-size:13px;color:#687083}.order-tier{display:flex;flex-direction:column;gap:12px}.order-tier strong{border-radius:8px;background:#edf4ff;min-height:48px;display:flex;align-items:center;padding:10px 14px;color:#174c91;font-size:17px}
.order-date-shortcuts{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.order-date-shortcuts button{font-size:11px;padding:5px 8px;font-weight:500;color:#174c91;min-height:30px}.order-date-hint{display:block;color:#986116;font-size:12px;margin-top:6px;line-height:1.5}
.order-catalog-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.product-workspace .order-catalog-heading h2{margin:0}.order-unit{display:flex;gap:12px;align-items:center;color:#687083;font-size:13px}.order-unit select{width:110px}
.order-product-search{display:flex;gap:8px;margin-bottom:20px}.order-product-search input{flex:1;min-width:0}.order-product-search button{color:#174c91}.order-product-search button#order-search-button{background:#edf4ff;border-color:#d5e3f6}
.order-categories{display:flex;gap:8px;overflow-x:auto;padding-bottom:12px;margin-bottom:8px}.order-categories button{white-space:nowrap;border-radius:8px;padding:10px 14px;font-size:13px;color:#687083;background:white}.order-categories button[aria-selected=true]{color:#174c91;background:#edf4ff;border-color:#174c91}.order-categories span{font-size:11px;margin-left:6px;color:#687083}
.order-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.order-product{min-width:0;padding:18px;border:1px solid #e3e6ef;border-radius:10px;background:#fff;transition:border-color .15s,background .15s}.order-product[hidden]{display:none}.order-product.has-quantity{border-color:#174c91;background:#f8fbff;box-shadow:inset 0 0 0 1px #174c91}
.order-product-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px;font-size:11px;color:#687083}.order-product-code{overflow-wrap:anywhere}.order-product-mrp{white-space:nowrap}.order-product h3{font-size:16px;line-height:1.4;margin:0 0 10px;color:#242735;min-height:23px}.order-product-rate{font-size:19px;color:#174c91;font-weight:650}.order-product-rate>span:not(.error){font-size:12px;font-weight:400;color:#687083}.order-product-rate .error{font-size:13px}.order-product-facts{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:11px;color:#687083;margin:8px 0 16px;min-height:18px;line-height:1.5}.order-quantity{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#687083}.order-quantity input{width:100%;background:#fff!important}.order-line-value{display:flex;justify-content:space-between;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid #e3e6ef;font-size:12px;color:#687083}.order-line-value strong{font-size:15px;color:#242735}
.order-summary{position:sticky;bottom:12px;z-index:5;padding:18px 22px;border:1px solid #d8e2f0;border-radius:12px;background:#fff;box-shadow:0 -4px 24px #123b701a;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0 0}.order-summary-metrics{display:flex;gap:40px;min-width:0}.order-summary-metrics>div{display:flex;flex-direction:column;gap:5px;min-width:0}.order-summary-metrics span{font-size:12px;color:#687083}.order-summary-metrics strong{font-size:23px;font-weight:700;color:#174c91;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.order-summary-actions{display:flex;gap:8px;align-items:center}.order-summary-actions button{white-space:nowrap}.order-error:not(:empty){background:#fff3ee;padding:16px;border-radius:8px;border:1px solid #e6b7a5;margin:16px 0}
.order-list-toolbar{display:flex;gap:12px;align-items:flex-end;margin-bottom:20px}.order-search{display:flex;flex-direction:column;gap:6px;flex:1;font-size:12px;color:#687083}.order-search input{max-width:500px}.order-list-card td:last-child{min-width:170px}.order-list-card td:last-child button{margin:3px 2px}.order-drafts .task{flex-wrap:wrap}.order-drafts .task div{flex:1;min-width:180px}
.order-dashboard-links{margin-bottom:24px}.order-dashboard-links h2{margin-bottom:14px}.order-dashboard-links>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.order-dashboard-links button{padding:18px;text-align:left;background:#fff;border:1px solid #e3e6ef;border-radius:10px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#174c91;font-size:14px}.order-dashboard-links button strong{font-size:24px;background:#ffed98;border-radius:8px;padding:6px 12px}
@media(max-width:1200px){.order-account-grid,.order-account-grid:has(>.formrow:only-of-type){grid-template-columns:repeat(2,minmax(0,1fr))}.order-tier strong{width:max-content;min-width:100px}.order-summary-metrics{gap:24px}.order-summary{padding:16px}.order-summary-metrics strong{font-size:20px}}
@media(max-width:700px){.order-account-grid,.order-account-grid:has(>.formrow:only-of-type){grid-template-columns:minmax(0,1fr);gap:16px}.order-tier{flex-direction:row;align-items:center;gap:12px}.order-tier strong{min-height:32px;min-width:50px;font-size:14px;padding:5px 10px}.order-role-label{font-size:12px}.order-role-label select{width:135px}.product-workspace .heading:has(#order-preview-role){gap:14px}.product-workspace .heading:has(#order-preview-role) .actions{width:100%;justify-content:space-between;align-items:center}.order-streams button,.order-streams>span{padding:12px 10px;font-size:14px;min-width:0}.product-workspace .order-streams,.product-workspace .order-list-tabs{margin-bottom:18px}.order-products{grid-template-columns:minmax(0,1fr);gap:12px}.order-product{padding:16px}.order-catalog-heading{gap:8px}.order-unit{font-size:12px;gap:8px}.order-unit select{width:100px}.product-workspace .order-catalog-heading h2{font-size:18px}.order-product-search{flex-wrap:wrap;gap:8px}.order-product-search input{flex-basis:100%;width:100%}.order-product-search button{font-size:13px;padding:8px 12px}.order-categories button{padding:9px 11px}.order-summary{bottom:8px;padding:14px;flex-direction:column;align-items:stretch;gap:12px;border-color:#b9cde5}.order-summary-metrics{justify-content:space-between;gap:12px}.order-summary-metrics strong{font-size:21px}.order-summary-actions{display:grid;grid-template-columns:auto 1fr}.order-summary-actions button{font-size:13px;padding:11px 12px}.order-summary-metrics span{font-size:11px}.order-dashboard-links>div{grid-template-columns:minmax(0,1fr);gap:10px}.order-dashboard-links button{padding:14px 16px}.order-dashboard-links button strong{font-size:20px}.order-list-toolbar{align-items:flex-end}.order-list-toolbar>button{font-size:12px}.order-list-tabs button{font-size:13px;padding:10px}.order-search input{width:100%}}
@media(min-width:851px){.product-workspace header>.workspace-options{display:flex;flex:1;align-items:center;gap:16px;min-width:0}.product-workspace header>.workspace-options .context{flex-wrap:nowrap;min-width:0}.product-workspace header>.workspace-options .context #org{width:clamp(150px,17vw,240px)}.product-workspace header>.workspace-options .context #branch{width:clamp(160px,19vw,272px)}.product-workspace header>.workspace-options .context #division{width:88px}.product-workspace header>.workspace-options .role{flex-shrink:0}}
.order-review-facts{display:flex;flex-direction:column;gap:10px;padding:14px;background:#edf4ff;border-radius:8px;color:#174c91;margin-bottom:20px;font-size:14px}.order-review-facts .tag{display:inline-block;width:max-content}.order-list-card table{min-width:1020px}.order-list-card td{white-space:nowrap}.order-list-card td:last-child{white-space:normal}
.product-workspace .order-account>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;list-style:none}.product-workspace .order-account>summary::-webkit-details-marker{display:none}.product-workspace .order-account>summary h2{margin:0}.product-workspace .order-account>summary>span{font-size:13px;color:#687083}.product-workspace .order-account[open]>summary{margin-bottom:20px}.product-workspace .order-account:not([open])>.order-account-grid{display:none}.order-history-row{font-size:12px;color:#687083;padding:9px 0;border-bottom:1px solid #e3e6ef;overflow-wrap:anywhere}
@media(max-width:700px){.product-workspace .order-account>summary{align-items:flex-start;flex-direction:column;gap:6px;padding-right:20px;position:relative}.product-workspace .order-account>summary::after{content:'⌄';position:absolute;right:0;top:0;color:#174c91;font-size:20px}.product-workspace .order-account[open]>summary::after{content:'⌃'}.product-workspace .order-account>summary h2{font-size:17px}.product-workspace .order-account>summary>span{font-size:12px}}
@media(max-width:700px){.order-product-search{flex-wrap:nowrap}.order-product-search input{flex:1 1 0;width:0;min-width:0}.order-product-search button{padding:8px}.order-product-search #order-clear-search{font-size:0;min-width:32px;padding:4px}.order-product-search #order-clear-search::after{content:'×';font-size:20px}}
@media(min-width:851px){.product-workspace header>.workspace-options{display:block;flex:1;min-width:0}.product-workspace .workspace-options-content{display:flex;gap:16px;align-items:center;min-width:0;width:100%}.product-workspace .workspace-options-content .context{flex:1;min-width:0}.product-workspace .workspace-options-content .role{flex-shrink:0}}
@media(max-width:700px){.order-role-label select{width:150px}}

/* Shared compact header from the approved UI preview. */

.product-workspace main,.product-workspace .card,.product-workspace .grid>*{min-width:0}
.product-workspace .brand{flex-shrink:0}
@media(max-width:850px){
 .product-workspace header{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:start}
 .product-workspace #menu{min-height:48px;width:36px}
 .product-workspace .context{display:grid;grid-template-columns:minmax(0,1fr) 6rem;width:auto;gap:8px}
 .product-workspace .context #org{grid-column:1/-1}
 .product-workspace .context #org,.product-workspace .context #branch,.product-workspace .context #division{width:100%;max-width:100%}
 .product-workspace .role{grid-column:2;margin:0;justify-self:end}
 .product-workspace .role select{min-width:0}
 .product-workspace aside{height:100dvh;max-width:calc(100vw - 52px);box-shadow:8px 0 24px #17243f26}
 .product-workspace .heading .actions{flex-direction:row}
}
@media(max-width:460px){
 .product-workspace .toolbar input{flex-basis:100%;max-width:100%;width:100%}
 .product-workspace .metric strong{font-size:22px;overflow-wrap:anywhere}
 .product-workspace .hero,.product-workspace .route{flex-wrap:wrap;gap:12px}
 .product-workspace footer{gap:16px;flex-wrap:wrap}
 .product-workspace dialog{padding:20px 16px;max-height:calc(100dvh - 32px);overflow:auto}
 .product-workspace .formgrid{grid-template-columns:minmax(0,1fr)}
}


.product-workspace .workspace-options{display:contents}
.product-workspace .workspace-options>summary{display:none}
@media(max-width:850px){
 .product-workspace header{grid-template-columns:36px minmax(0,1fr);padding:8px 12px;gap:8px;align-items:start}
 .product-workspace #menu{min-height:40px;height:40px}
 .product-workspace .workspace-options{display:block;min-width:0;border:1px solid #dfe3ee;border-radius:8px;background:#fff}
 .product-workspace .workspace-options>summary{display:list-item;cursor:pointer;min-height:40px;padding:9px 12px;font-size:14px;font-weight:600;color:#174c91;list-style-position:inside}
 .product-workspace .workspace-options[open]>summary{border-bottom:1px solid #e3e6ef}
 .product-workspace .workspace-options .context{margin:10px;grid-template-columns:minmax(0,1fr) 5rem;gap:8px}
 .product-workspace .workspace-options .role{margin:0 10px 10px;display:flex;justify-content:flex-end}
 .product-workspace .workspace-options .role select{width:100%}
 .product-workspace .demo{padding:6px 12px}
}

.order-preview-account{display:flex;gap:8px;align-items:center;font-size:13px;color:#687083}.order-preview-account select{max-width:220px}

.shared-entry{font-size:12px;letter-spacing:0;white-space:nowrap;text-decoration:underline;color:#174c91;font-weight:600;margin-left:auto}.demo .shared-entry+button{margin-left:0}