/* Migo CRM v8.5.21.214 — Orders / Fulfillment / Warehouses / Stock canonical Migo UI
   UI-only refinement over v211-v213. No business/API logic is changed. */
:root{
  --migo-orders-ink:#101828;
  --migo-orders-muted:#667085;
  --migo-orders-line:#d9e1ec;
  --migo-orders-soft:#f5f7fa;
  --migo-orders-panel:#fff;
  --migo-orders-blue:#2563eb;
  --migo-orders-green:#087f5b;
  --migo-orders-brand-green:#40a020;
  --migo-orders-brand-purple:#702090;
  --migo-orders-red:#b42318;
  --migo-orders-amber:#b54708;
  --migo-orders-radius:8px;
}

body.crm-app #migoOrdersView,
body.crm-app #migoFulfillmentView,
body.crm-app #migoWarehousesView,
body.crm-app #migoStockView{
  padding:0 0 26px!important;
  color:var(--migo-orders-ink);
}
body.crm-app #migoOrdersView *,
body.crm-app #migoFulfillmentView *,
body.crm-app #migoWarehousesView *,
body.crm-app #migoStockView *{box-sizing:border-box;letter-spacing:0}

/* Canonical workspace rhythm. */
body.crm-app .migo-orders-shell{
  width:100%;min-width:0;display:flex;flex-direction:column;gap:12px;
}

/* pageTitle already contains the route title; do not repeat it inside the page. */
body.crm-app .migo-orders-head{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  width:100%;min-width:0;min-height:48px;padding:5px 6px 5px 12px;
  background:var(--migo-orders-panel);border:1px solid var(--migo-orders-line);
  border-radius:var(--migo-orders-radius);box-shadow:none;
}
body.crm-app .migo-orders-head>div:first-child{min-width:0;flex:1 1 auto}
body.crm-app .migo-orders-head h2{display:none!important}
body.crm-app .migo-orders-head p{
  margin:0!important;color:var(--migo-orders-muted)!important;font-size:11px!important;
  line-height:1.35;font-weight:550;white-space:normal;
}
body.crm-app .migo-orders-actions{
  display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;flex:0 0 auto;
}

/* Canonical buttons: compact secondary + Migo brand primary. */
body.crm-app .migo-orders-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  min-height:36px;margin:0;padding:0 11px;
  border:1px solid var(--migo-orders-line);border-radius:7px;background:#fff;
  color:#344054;box-shadow:none;font:inherit;font-size:11px;font-weight:720;line-height:1;
  cursor:pointer;transition:background .14s,border-color .14s,color .14s,transform .14s;
}
body.crm-app .migo-orders-btn:hover{background:#f8fafc;border-color:#c7d1de;color:#101828;transform:none}
body.crm-app .migo-orders-btn:focus-visible{outline:0;border-color:#94b6f8;box-shadow:0 0 0 3px rgba(37,99,235,.10)}
body.crm-app .migo-orders-btn.primary{
  color:#fff;border-color:transparent;
  background:linear-gradient(105deg,var(--migo-orders-brand-green),#318d2b 48%,var(--migo-orders-brand-purple));
  box-shadow:none;
}
body.crm-app .migo-orders-btn.primary:hover{filter:brightness(.97);color:#fff}
body.crm-app .migo-orders-btn.danger{color:var(--migo-orders-red)}
body.crm-app .migo-orders-btn.small{min-height:30px;padding:0 9px;border-radius:6px;font-size:10px}
body.crm-app .migo-orders-btn:disabled{opacity:.55;cursor:not-allowed}

/* One joined KPI strip, same language as canonical Migo workspaces. */
body.crm-app .migo-orders-metrics{
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0!important;
  width:100%;margin:0;overflow:hidden;background:#fff;
  border:1px solid var(--migo-orders-line);border-radius:var(--migo-orders-radius);box-shadow:none;
}
body.crm-app .migo-order-metric{
  position:relative;min-width:0;min-height:78px;margin:0!important;padding:13px 14px!important;
  background:transparent!important;border:0!important;border-right:1px solid var(--migo-orders-line)!important;
  border-radius:0!important;box-shadow:none!important;
}
body.crm-app .migo-order-metric:last-child{border-right:0!important}
body.crm-app .migo-order-metric::before{
  position:absolute;left:0;top:14px;width:3px;height:30px;content:"";background:#98a2b3;
}
body.crm-app .migo-order-metric:nth-child(1)::before{background:#64748b}
body.crm-app .migo-order-metric:nth-child(2)::before{background:#2563eb}
body.crm-app .migo-order-metric:nth-child(3)::before{background:#7c3aed}
body.crm-app .migo-order-metric:nth-child(4)::before{background:#0284c7}
body.crm-app .migo-order-metric:nth-child(5)::before{background:#087f5b}
body.crm-app .migo-order-metric.bad::before{background:#dc2626}
body.crm-app .migo-order-metric span{
  display:block;overflow:hidden;color:var(--migo-orders-muted)!important;font-size:10px!important;
  line-height:1.25;font-weight:760!important;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;
}
body.crm-app .migo-order-metric strong{
  display:block;max-width:100%;margin:5px 0 0!important;overflow:hidden;color:var(--migo-orders-ink)!important;
  font-size:18px!important;line-height:1.15;font-weight:760!important;text-overflow:ellipsis;white-space:nowrap;
}
body.crm-app .migo-order-metric.bad strong{color:var(--migo-orders-red)!important}

/* Search/filter bar. */
body.crm-app .migo-orders-toolbar{
  display:flex;align-items:center;gap:6px;flex-wrap:nowrap;width:100%;min-width:0;min-height:48px;
  padding:5px;background:#fff;border:1px solid var(--migo-orders-line);border-radius:var(--migo-orders-radius);box-shadow:none;
}
body.crm-app .migo-orders-toolbar input,
body.crm-app .migo-orders-toolbar select,
body.crm-app .migo-orders-form input,
body.crm-app .migo-orders-form select,
body.crm-app .migo-orders-form textarea,
body.crm-app .migo-order-detail-panel select,
body.crm-app .migo-fulfill-item input{
  min-height:36px;margin:0;padding:0 10px;color:#101828;background:#fff;
  border:1px solid var(--migo-orders-line);border-radius:6px;box-shadow:none;outline:0;
  font:inherit;font-size:12px;font-weight:540;
}
body.crm-app .migo-orders-form textarea{min-height:82px;padding:9px 10px;line-height:1.45;resize:vertical}
body.crm-app .migo-orders-toolbar input:focus,
body.crm-app .migo-orders-toolbar select:focus,
body.crm-app .migo-orders-form input:focus,
body.crm-app .migo-orders-form select:focus,
body.crm-app .migo-orders-form textarea:focus,
body.crm-app .migo-order-detail-panel select:focus,
body.crm-app .migo-fulfill-item input:focus{
  border-color:#94b6f8;box-shadow:0 0 0 3px rgba(37,99,235,.10);
}
body.crm-app .migo-orders-toolbar .grow{
  flex:1 1 360px;min-width:220px;border-color:transparent;background:#fff;
}
body.crm-app .migo-orders-toolbar .grow:focus{border-color:#94b6f8}
body.crm-app .migo-orders-toolbar select{flex:0 1 210px;min-width:165px}

/* Order board: dense, clean, no oversized rounded cards. */
body.crm-app .migo-orders-board-wrap{
  width:100%;min-width:0;overflow:auto;padding:0 0 5px;scrollbar-width:thin;scrollbar-color:#aab5c3 transparent;
}
body.crm-app .migo-orders-board{display:flex;gap:8px;min-width:max-content;align-items:stretch}
body.crm-app .migo-order-column{
  width:278px;min-height:330px;overflow:hidden;background:#f8fafc;
  border:1px solid var(--migo-orders-line);border-radius:var(--migo-orders-radius);box-shadow:none;
}
body.crm-app .migo-order-column.is-over{border-color:#86b7ff;box-shadow:inset 0 0 0 1px rgba(37,99,235,.20)}
body.crm-app .migo-order-column-head{
  min-height:42px;padding:9px 10px;display:flex;align-items:center;justify-content:space-between;gap:7px;
  background:#fff;border-bottom:1px solid var(--migo-orders-line);
}
body.crm-app .migo-order-column-title{display:flex;align-items:center;gap:7px;min-width:0}
body.crm-app .migo-order-stage-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%}
body.crm-app .migo-order-column h3{margin:0;overflow:hidden;color:#344054;font-size:11px;font-weight:760;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
body.crm-app .migo-order-column-meta{color:#7c889b;font-size:9px;font-weight:650;white-space:nowrap}
body.crm-app .migo-order-column-body{min-height:285px;padding:7px;display:grid;align-content:start;gap:6px;background:#f8fafc}
body.crm-app .migo-order-card{
  display:grid;gap:7px;padding:9px 10px;background:#fff;border:1px solid #e1e6ed;border-radius:7px;
  box-shadow:none;cursor:pointer;transition:border-color .14s,background .14s;
}
body.crm-app .migo-order-card:hover{background:#fff;border-color:#c4cfdd;box-shadow:none}
body.crm-app .migo-order-card.is-dragging{opacity:.48}
body.crm-app .migo-order-card-top{display:flex;align-items:center;justify-content:space-between;gap:7px}
body.crm-app .migo-order-card-top strong{color:#101828;font-size:11px;font-weight:780}
body.crm-app .migo-order-card-client{overflow:hidden;color:#344054;font-size:11px;font-weight:680;text-overflow:ellipsis;white-space:nowrap}
body.crm-app .migo-order-card-value{display:flex;align-items:end;justify-content:space-between;gap:7px}
body.crm-app .migo-order-card-value b{color:#101828;font-size:12px;font-weight:760}
body.crm-app .migo-order-card-value small{color:#98a2b3;font-size:9px}
body.crm-app .migo-order-card-meta{display:flex;gap:5px 8px;flex-wrap:wrap;color:#7c889b;font-size:9px;line-height:1.25}
body.crm-app .migo-order-pill{
  display:inline-flex;align-items:center;min-height:20px;padding:0 6px;background:#f8fafc;
  border:1px solid #e3e8ef;border-radius:999px;color:#475467;font-size:9px;font-weight:680;
}
body.crm-app .migo-order-progress{height:4px;overflow:hidden;background:#e9edf2;border-radius:999px}
body.crm-app .migo-order-progress>i{display:block;height:100%;background:linear-gradient(90deg,var(--migo-orders-brand-green),var(--migo-orders-brand-purple));border-radius:999px}
body.crm-app .migo-order-empty{padding:32px 12px;text-align:center;color:#98a2b3;font-size:11px;line-height:1.45}

/* Strong empty state for whole fulfillment page. */
body.crm-app .migo-fulfill-list{display:grid;gap:10px}
body.crm-app .migo-fulfill-list>.migo-order-empty{
  min-height:190px;display:grid;place-items:center;padding:32px;background:#fff;
  border:1px solid var(--migo-orders-line);border-radius:var(--migo-orders-radius);color:#7c889b;
}

/* Tables follow canonical Migo compact table language. */
body.crm-app .migo-orders-table-wrap{
  width:100%;min-width:0;overflow:auto;background:#fff;border:1px solid var(--migo-orders-line);
  border-radius:var(--migo-orders-radius);box-shadow:none;
}
body.crm-app .migo-orders-table{width:100%;min-width:760px;border-collapse:collapse;background:#fff}
body.crm-app .migo-orders-table th,
body.crm-app .migo-orders-table td{
  min-height:38px;padding:8px 10px;text-align:left;vertical-align:middle;border-bottom:1px solid #edf0f4;
  color:#344054;font-size:10px;line-height:1.35;
}
body.crm-app .migo-orders-table th{
  position:sticky;top:0;z-index:1;background:#f8fafc;color:#7c889b;font-size:9px;font-weight:780;
  text-transform:uppercase;letter-spacing:.02em;
}
body.crm-app .migo-orders-table tr:last-child td{border-bottom:0}
body.crm-app .migo-orders-table tbody tr:hover td{background:#fbfcfe}
body.crm-app .migo-orders-table td strong{color:#101828;font-size:10px;font-weight:720}
body.crm-app .migo-orders-table td small{color:#98a2b3;font-size:9px}
body.crm-app .migo-stock-available.negative{color:var(--migo-orders-red)!important;font-weight:760}
body.crm-app #migoStockView .migo-orders-shell>div>h3{
  margin:1px 0 7px!important;color:#344054;font-size:11px!important;font-weight:760!important;
}

/* Fulfillment cards. */
body.crm-app .migo-fulfill-order{overflow:hidden;background:#fff;border:1px solid var(--migo-orders-line);border-radius:var(--migo-orders-radius);box-shadow:none}
body.crm-app .migo-fulfill-order-head{
  min-height:48px;padding:9px 11px;display:flex;align-items:center;justify-content:space-between;gap:10px;
  background:#f8fafc;border-bottom:1px solid var(--migo-orders-line);
}
body.crm-app .migo-fulfill-order-head h3{margin:0;color:#101828;font-size:11px;font-weight:760}
body.crm-app .migo-fulfill-order-head small{color:#7c889b;font-size:9px}
body.crm-app .migo-fulfill-items{padding:3px 11px}
body.crm-app .migo-fulfill-item{
  display:grid;grid-template-columns:minmax(190px,1fr) 82px 120px auto;gap:9px;align-items:center;
  min-height:48px;padding:7px 0;border-bottom:1px solid #edf0f4;
}
body.crm-app .migo-fulfill-item:last-child{border-bottom:0}
body.crm-app .migo-fulfill-item strong{color:#344054;font-size:10px;font-weight:720}
body.crm-app .migo-fulfill-item small{color:#98a2b3;font-size:9px}
body.crm-app .migo-fulfill-item input{width:82px;min-height:32px;font-size:10px}
body.crm-app .migo-fulfill-progress{min-width:110px}

/* Warehouses: restrained fixed-width cards rather than large floating tiles. */
body.crm-app .migo-warehouse-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,330px));gap:10px;align-items:start;justify-content:start;
}
body.crm-app .migo-warehouse-card{
  position:relative;min-height:156px;padding:13px;display:grid;grid-template-rows:auto auto auto auto 1fr;gap:7px;
  background:#fff;border:1px solid var(--migo-orders-line);border-radius:var(--migo-orders-radius);box-shadow:none;
}
body.crm-app .migo-warehouse-card::before{
  position:absolute;left:-1px;top:14px;width:3px;height:31px;content:"";background:#98a2b3;
}
body.crm-app .migo-warehouse-card:has(.migo-warehouse-badge)::before{background:var(--migo-orders-brand-green)}
body.crm-app .migo-warehouse-card h3{margin:0;color:#101828;font-size:13px;font-weight:760}
body.crm-app .migo-warehouse-card p{min-height:17px;margin:0;color:#667085;font-size:10px;line-height:1.4}
body.crm-app .migo-warehouse-card>small{color:#7c889b;font-size:9px}
body.crm-app .migo-warehouse-card>.migo-orders-btn{align-self:end;justify-self:start;min-width:84px}
body.crm-app .migo-warehouse-badge{
  display:inline-flex;align-items:center;width:max-content;min-height:20px;padding:0 6px;
  color:#067647;background:#ecfdf3;border:1px solid #abefc6;border-radius:999px;font-size:9px;font-weight:760;
}

/* Dialogs/forms: same compact language as the rest of Migo CRM. */
body.crm-app .migo-orders-dialog{
  width:min(900px,94vw);max-width:900px;margin:auto;padding:0;overflow:hidden;
  background:#fff;border:1px solid #cfd8e4;border-radius:10px;box-shadow:0 24px 70px rgba(15,23,42,.22);
}
body.crm-app .migo-orders-dialog::backdrop{background:rgba(15,23,42,.30);backdrop-filter:blur(3px)}
body.crm-app .migo-orders-dialog header{
  min-height:52px;padding:8px 12px 8px 15px;display:flex;align-items:center;justify-content:space-between;gap:10px;
  background:#fff;border-bottom:1px solid var(--migo-orders-line);
}
body.crm-app .migo-orders-dialog header h3{margin:0;color:#101828;font-size:14px;font-weight:760}
body.crm-app .migo-orders-dialog header [data-close-dialog]{width:32px;min-width:32px;height:32px;padding:0;font-size:16px;color:#667085}
body.crm-app .migo-orders-dialog-body{max-height:72vh;overflow:auto;padding:13px 15px;background:#fbfcfd}
body.crm-app .migo-orders-dialog footer{
  min-height:50px;padding:7px 12px;display:flex;align-items:center;justify-content:flex-end;gap:6px;
  background:#fff;border-top:1px solid var(--migo-orders-line);
}
body.crm-app .migo-orders-form{display:grid;gap:11px}
body.crm-app .migo-orders-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}
body.crm-app .migo-orders-form label{display:grid;gap:5px;margin:0;color:#475467;font-size:10px;font-weight:680;line-height:1.3}
body.crm-app .migo-orders-form label.full{grid-column:1/-1}
body.crm-app .migo-order-lines{display:grid;gap:7px}
body.crm-app .migo-order-line{display:grid;grid-template-columns:minmax(220px,1fr) 78px 104px 86px auto;gap:7px;align-items:end}
body.crm-app .migo-order-line label{font-size:9px}

body.crm-app .migo-order-detail-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:10px}
body.crm-app .migo-order-detail-panel{padding:11px;background:#fff;border:1px solid var(--migo-orders-line);border-radius:8px}
body.crm-app .migo-order-detail-panel h4{margin:0 0 9px;color:#344054;font-size:11px;font-weight:760}
body.crm-app .migo-order-kv{display:grid;grid-template-columns:110px minmax(0,1fr);gap:7px;margin:5px 0;font-size:10px;line-height:1.4}
body.crm-app .migo-order-kv span:first-child{color:#7c889b}
body.crm-app .migo-order-kv strong{min-width:0;color:#344054;font-weight:680;overflow-wrap:anywhere}
body.crm-app .migo-order-event{padding:7px 0;border-bottom:1px solid #edf0f4;color:#344054;font-size:10px}
body.crm-app .migo-order-event:last-child{border-bottom:0}
body.crm-app .migo-order-event small{color:#98a2b3;font-size:9px}
body.crm-app .migo-orders-notice{
  padding:9px 10px;color:#7a5411;background:#fffaf0;border:1px solid #f1d28a;border-radius:7px;font-size:10px;line-height:1.45;
}

/* Stage editor rows are command rows, not full generic toolbars. */
body.crm-app .migo-orders-dialog [data-stage-row]{min-height:44px;padding:4px}
body.crm-app .migo-orders-dialog [data-stage-row] input[type="color"]{width:36px;min-width:36px;padding:4px}

@media(max-width:1180px){
  body.crm-app .migo-orders-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.crm-app .migo-order-metric:nth-child(3n){border-right:0!important}
  body.crm-app .migo-order-metric:nth-child(-n+3){border-bottom:1px solid var(--migo-orders-line)!important}
}
@media(max-width:820px){
  body.crm-app .migo-orders-head{align-items:flex-start;flex-direction:column;padding:8px}
  body.crm-app .migo-orders-actions{width:100%;justify-content:flex-start}
  body.crm-app .migo-orders-toolbar{flex-wrap:wrap}
  body.crm-app .migo-orders-toolbar .grow{flex-basis:100%;min-width:100%;border-color:var(--migo-orders-line)}
  body.crm-app .migo-orders-toolbar select{flex:1 1 180px}
  body.crm-app .migo-order-detail-grid,body.crm-app .migo-orders-form-grid{grid-template-columns:1fr}
  body.crm-app .migo-fulfill-item{grid-template-columns:minmax(0,1fr) 74px auto}
  body.crm-app .migo-fulfill-progress{display:none}
  body.crm-app .migo-warehouse-grid{grid-template-columns:1fr}
  body.crm-app .migo-order-line{grid-template-columns:1fr 70px 90px auto}
  body.crm-app .migo-order-line .tax-field{display:none}
}
@media(max-width:560px){
  body.crm-app .migo-orders-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.crm-app .migo-order-metric{border-right:1px solid var(--migo-orders-line)!important;border-bottom:1px solid var(--migo-orders-line)!important}
  body.crm-app .migo-order-metric:nth-child(2n){border-right:0!important}
  body.crm-app .migo-order-metric:nth-last-child(-n+2){border-bottom:0!important}
  body.crm-app .migo-orders-actions .migo-orders-btn{flex:1 1 auto}
}

/* Migo CRM v8.5.21.216 — Orders uses the real shared Migo component language.
   Values below are copied from the current compact application dialog/module-button standard,
   instead of inventing a parallel Orders visual system. */

/* Page actions: same geometry as current Migo module actions. */
body.crm-app .migo-orders-btn{
  display:inline-flex!important;
  min-height:36px!important;
  height:36px!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  margin:0!important;
  padding:7px 11px!important;
  border-radius:7px!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
  box-shadow:none!important;
  cursor:pointer!important;
}
body.crm-app .migo-orders-btn.secondary-btn{
  border:1px solid #d7dde5!important;
  background:#fff!important;
  color:#334155!important;
}
body.crm-app .migo-orders-btn.secondary-btn:hover{
  border-color:#b9c3cf!important;
  background:#f7f9fb!important;
  color:#172033!important;
}
body.crm-app .migo-orders-btn.primary-btn{
  border:1px solid #111c34!important;
  background:#111c34!important;
  color:#fff!important;
}
body.crm-app .migo-orders-btn.primary-btn:hover{
  border-color:#1d2a44!important;
  background:#1d2a44!important;
}
body.crm-app .migo-orders-btn.mini-btn.danger{
  color:#b42318!important;
  border:1px solid #f0c9c5!important;
  background:#fff!important;
}
body.crm-app .migo-orders-btn.mini-btn.danger:hover{background:#fff7f6!important;border-color:#e6aaa4!important}

/* Real compact Migo dialog shell. */
html body.crm-app dialog.migo-orders-dialog-v216{
  width:min(720px,calc(100vw - 32px))!important;
  max-width:none!important;
  max-height:min(760px,calc(100dvh - 32px))!important;
  margin:auto!important;
  padding:0!important;
  overflow:hidden!important;
  color:#101828!important;
  background:#fff!important;
  border:1px solid #d9e1ea!important;
  border-radius:8px!important;
  box-shadow:0 24px 72px rgba(15,23,42,.22)!important;
}
html body.crm-app dialog.migo-orders-dialog-v216[open]{display:flex!important;flex-direction:column!important}
html body.crm-app dialog.migo-orders-dialog-v216::backdrop{background:rgba(15,23,42,.42)!important;backdrop-filter:blur(2px)!important}
body.crm-app .migo-orders-dialog-shell-v216{
  width:100%!important;
  max-height:min(760px,calc(100dvh - 32px))!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  background:#fff!important;
}
body.crm-app .migo-orders-dialog-v216 .migo-dialog-header{
  flex:0 0 auto!important;
  min-height:58px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding:12px 16px 12px 18px!important;
  background:#fff!important;
  border-bottom:1px solid #e2e8f0!important;
}
body.crm-app .migo-orders-dialog-v216 .migo-dialog-header h2{
  min-width:0!important;
  margin:0!important;
  overflow:hidden!important;
  color:#101828!important;
  font-size:18px!important;
  font-weight:700!important;
  line-height:1.3!important;
  letter-spacing:0!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body.crm-app .migo-orders-dialog-v216 .dialog-close{
  position:static!important;
  inset:auto!important;
  float:none!important;
  flex:0 0 34px!important;
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  color:#475467!important;
  background:#fff!important;
  border:1px solid #d9e1ea!important;
  border-radius:6px!important;
  font-size:18px!important;
  font-weight:500!important;
  line-height:1!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
body.crm-app .migo-orders-dialog-v216 .dialog-close:hover{color:#101828!important;background:#f5f7fa!important;border-color:#c5cfdb!important}
body.crm-app .migo-orders-dialog-v216 .dialog-close:focus-visible{outline:2px solid #2563eb!important;outline-offset:2px!important}
body.crm-app .migo-orders-dialog-v216 .migo-dialog-body{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable!important;
  padding:18px!important;
  color:#475467!important;
  background:#fff!important;
}
body.crm-app .migo-orders-dialog-v216 .migo-dialog-footer{
  flex:0 0 auto!important;
  min-height:62px!important;
  padding:12px 18px!important;
  background:#f8fafc!important;
  border-top:1px solid #e2e8f0!important;
}
body.crm-app .migo-orders-dialog-v216 .migo-dialog-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
}
body.crm-app .migo-orders-dialog-v216 .migo-dialog-actions button{
  min-height:38px!important;
  height:38px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  margin:0!important;
  padding:0 13px!important;
  border-radius:6px!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:700!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
body.crm-app .migo-orders-dialog-v216 .migo-dialog-actions .secondary-btn{color:#344054!important;background:#fff!important;border:1px solid #cfd8e3!important}
body.crm-app .migo-orders-dialog-v216 .migo-dialog-actions .secondary-btn:hover{background:#f7f9fb!important;border-color:#b9c3cf!important;color:#172033!important}
body.crm-app .migo-orders-dialog-v216 .migo-dialog-actions .primary-btn{color:#fff!important;background:#111c34!important;border:1px solid #111c34!important}
body.crm-app .migo-orders-dialog-v216 .migo-dialog-actions .primary-btn:hover{background:#1d2a44!important;border-color:#1d2a44!important}
body.crm-app .migo-orders-dialog-v216 .migo-dialog-actions button:disabled{cursor:wait!important;opacity:.65!important}

/* Canonical fields. */
body.crm-app .migo-orders-dialog-v216 .migo-orders-form{display:flex!important;flex-direction:column!important;gap:16px!important;margin:0!important}
body.crm-app .migo-orders-dialog-v216 .migo-dialog-fields{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px 16px!important;
}
body.crm-app .migo-orders-dialog-v216 .migo-dialog-fields label,
body.crm-app .migo-orders-dialog-v216 .migo-order-line label{
  min-width:0!important;
  display:grid!important;
  align-content:start!important;
  gap:6px!important;
  margin:0!important;
  color:#344054!important;
  font-size:12px!important;
  font-weight:650!important;
  line-height:1.35!important;
  letter-spacing:0!important;
}
body.crm-app .migo-orders-dialog-v216 .migo-dialog-field-wide{grid-column:1/-1!important}
body.crm-app .migo-orders-dialog-v216 input,
body.crm-app .migo-orders-dialog-v216 select,
body.crm-app .migo-orders-dialog-v216 textarea{
  width:100%!important;
  min-width:0!important;
  min-height:40px!important;
  margin:0!important;
  padding:9px 11px!important;
  color:#101828!important;
  background:#fff!important;
  border:1px solid #cfd8e3!important;
  border-radius:6px!important;
  box-shadow:none!important;
  font:inherit!important;
  font-size:14px!important;
  font-weight:450!important;
  line-height:1.4!important;
  box-sizing:border-box!important;
}
body.crm-app .migo-orders-dialog-v216 textarea{min-height:82px!important;height:auto!important;resize:vertical!important}
body.crm-app .migo-orders-dialog-v216 input:focus,
body.crm-app .migo-orders-dialog-v216 select:focus,
body.crm-app .migo-orders-dialog-v216 textarea:focus{outline:0!important;border-color:#2563eb!important;box-shadow:0 0 0 3px rgba(37,99,235,.12)!important}

/* Products = a form section, not a second pseudo-modal. */
body.crm-app .migo-orders-form-section-v216{
  display:grid!important;
  gap:10px!important;
  margin:0!important;
  padding:14px 0 0!important;
  border-top:1px solid #e7ecf2!important;
}
body.crm-app .migo-orders-form-section-head-v216{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:12px!important}
body.crm-app .migo-orders-form-section-head-v216>div{min-width:0!important}
body.crm-app .migo-orders-form-section-head-v216 h4{margin:0!important;color:#101828!important;font-size:13px!important;font-weight:700!important}
body.crm-app .migo-orders-form-section-head-v216 p{margin:3px 0 0!important;color:#667085!important;font-size:11px!important;line-height:1.4!important}
body.crm-app .migo-orders-dialog-v216 .migo-order-lines{display:grid!important;gap:8px!important}
body.crm-app .migo-orders-dialog-v216 .migo-order-line{
  display:grid!important;
  grid-template-columns:minmax(190px,1fr) 70px 86px 68px 34px!important;
  gap:8px!important;
  align-items:end!important;
}
body.crm-app .migo-orders-dialog-v216 .migo-order-line label{gap:5px!important;font-size:11px!important}
body.crm-app .migo-orders-dialog-v216 .migo-order-line [data-remove-line]{width:34px!important;min-width:34px!important;height:40px!important;min-height:40px!important;padding:0!important}
body.crm-app .migo-orders-dialog-v216 [data-add-order-line]{min-height:32px!important;height:32px!important;padding:0 10px!important;border-radius:7px!important;font-size:11.5px!important}

/* Details/stage dialogs keep the same shell. */
body.crm-app .migo-orders-dialog-v216 .migo-order-detail-panel{padding:12px!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:6px!important;box-shadow:none!important}
body.crm-app .migo-orders-dialog-v216 [data-stage-row]{border-radius:6px!important}

@media(max-width:760px){
  html body.crm-app dialog.migo-orders-dialog-v216{width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important}
  body.crm-app .migo-orders-dialog-shell-v216{max-height:calc(100dvh - 16px)!important}
  body.crm-app .migo-orders-dialog-v216 .migo-dialog-header{min-height:54px!important;padding:10px 10px 10px 14px!important}
  body.crm-app .migo-orders-dialog-v216 .migo-dialog-header h2{font-size:17px!important}
  body.crm-app .migo-orders-dialog-v216 .migo-dialog-body{padding:14px!important}
  body.crm-app .migo-orders-dialog-v216 .migo-dialog-fields{grid-template-columns:1fr!important;gap:12px!important}
  body.crm-app .migo-orders-dialog-v216 .migo-dialog-field-wide{grid-column:auto!important}
  body.crm-app .migo-orders-dialog-v216 input,
  body.crm-app .migo-orders-dialog-v216 select,
  body.crm-app .migo-orders-dialog-v216 textarea{font-size:16px!important}
  body.crm-app .migo-orders-dialog-v216 .migo-dialog-footer{padding:10px 14px!important}
  body.crm-app .migo-orders-dialog-v216 .migo-dialog-actions button{flex:1 1 0!important}
  body.crm-app .migo-orders-dialog-v216 .migo-orders-form-section-head-v216{align-items:flex-start!important;flex-direction:column!important}
  body.crm-app .migo-orders-dialog-v216 .migo-order-line{grid-template-columns:1fr 66px 80px 34px!important}
  body.crm-app .migo-orders-dialog-v216 .migo-order-line .tax-field{display:none!important}
}

/* Migo CRM v8.5.21.218 — real compact Migo button standard.
   Values copied from the current Migo commercial/module components:
   36px height, 7px radius, 12px type, neutral secondary, #172033 primary. */

html body.crm-app dialog.migo-orders-dialog-v218 {
  width:min(720px,calc(100vw - 32px)) !important;
  max-width:none !important;
  max-height:min(760px,calc(100dvh - 32px)) !important;
  margin:auto !important;
  padding:0 !important;
  overflow:hidden !important;
  color:#101828 !important;
  background:#fff !important;
  border:1px solid #d9e1ea !important;
  border-radius:8px !important;
  box-shadow:0 24px 72px rgba(15,23,42,.22) !important;
}
html body.crm-app dialog.migo-orders-dialog-v218::backdrop {
  background:rgba(15,23,42,.42) !important;
  backdrop-filter:blur(2px) !important;
}
html body.crm-app dialog.migo-orders-dialog-v218[open] {
  display:flex !important;
  flex-direction:column !important;
}
html body.crm-app dialog.migo-orders-dialog-v218 > .migo-orders-dialog-shell-v218 {
  width:100% !important;
  min-height:0 !important;
  max-height:min(760px,calc(100dvh - 32px)) !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:0 !important;
  overflow:hidden !important;
  background:#fff !important;
}
html body.crm-app dialog.migo-orders-dialog-v218 .migo-dialog-header {
  flex:0 0 auto !important;
  min-height:58px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  margin:0 !important;
  padding:12px 16px 12px 18px !important;
  background:#fff !important;
  border:0 !important;
  border-bottom:1px solid #e2e8f0 !important;
}
html body.crm-app dialog.migo-orders-dialog-v218 .migo-dialog-header h2 {
  margin:0 !important;
  padding:0 !important;
  color:#101828 !important;
  font-size:18px !important;
  font-weight:700 !important;
  line-height:1.3 !important;
  letter-spacing:0 !important;
}
html body.crm-app dialog.migo-orders-dialog-v218 button.dialog-close {
  -webkit-appearance:none !important;
  appearance:none !important;
  position:static !important;
  inset:auto !important;
  float:none !important;
  flex:0 0 34px !important;
  width:34px !important;
  min-width:34px !important;
  max-width:34px !important;
  height:34px !important;
  min-height:34px !important;
  max-height:34px !important;
  display:grid !important;
  place-items:center !important;
  margin:0 !important;
  padding:0 !important;
  color:#475467 !important;
  background:#fff !important;
  border:1px solid #d9e1ea !important;
  border-radius:6px !important;
  font-size:0 !important;
  line-height:0 !important;
  cursor:pointer !important;
  box-shadow:none !important;
  transform:none !important;
}
html body.crm-app dialog.migo-orders-dialog-v218 button.dialog-close:hover {
  color:#101828 !important;
  background:#f5f7fa !important;
  border-color:#c5cfdb !important;
}
html body.crm-app dialog.migo-orders-dialog-v218 button.dialog-close > .migo-ui-icon {
  display:block !important;
  width:17px !important;
  height:17px !important;
  margin:0 !important;
}
html body.crm-app dialog.migo-orders-dialog-v218 .migo-dialog-body {
  flex:1 1 auto !important;
  min-height:0 !important;
  overflow:auto !important;
  margin:0 !important;
  padding:18px !important;
  color:#475467 !important;
  background:#fff !important;
}
html body.crm-app dialog.migo-orders-dialog-v218 .migo-dialog-fields {
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px 16px !important;
}
html body.crm-app dialog.migo-orders-dialog-v218 .migo-dialog-fields label,
html body.crm-app dialog.migo-orders-dialog-v218 .migo-order-line label {
  min-width:0 !important;
  display:grid !important;
  align-content:start !important;
  gap:6px !important;
  margin:0 !important;
  color:#344054 !important;
  font-size:12px !important;
  font-weight:650 !important;
  line-height:1.35 !important;
}
html body.crm-app dialog.migo-orders-dialog-v218 .migo-dialog-field-wide { grid-column:1/-1 !important; }
html body.crm-app dialog.migo-orders-dialog-v218 .migo-dialog-fields input,
html body.crm-app dialog.migo-orders-dialog-v218 .migo-dialog-fields select,
html body.crm-app dialog.migo-orders-dialog-v218 .migo-dialog-fields textarea,
html body.crm-app dialog.migo-orders-dialog-v218 .migo-order-line input,
html body.crm-app dialog.migo-orders-dialog-v218 .migo-order-line select {
  width:100% !important;
  min-width:0 !important;
  min-height:40px !important;
  margin:0 !important;
  padding:9px 11px !important;
  color:#101828 !important;
  background:#fff !important;
  border:1px solid #cfd8e3 !important;
  border-radius:6px !important;
  box-shadow:none !important;
  font:inherit !important;
  font-size:14px !important;
  font-weight:450 !important;
  line-height:1.4 !important;
}
html body.crm-app dialog.migo-orders-dialog-v218 .migo-dialog-fields textarea {
  min-height:82px !important;
  resize:vertical !important;
}
html body.crm-app dialog.migo-orders-dialog-v218 input:focus,
html body.crm-app dialog.migo-orders-dialog-v218 select:focus,
html body.crm-app dialog.migo-orders-dialog-v218 textarea:focus {
  outline:0 !important;
  border-color:#2563eb !important;
  box-shadow:0 0 0 3px rgba(37,99,235,.12) !important;
}
html body.crm-app dialog.migo-orders-dialog-v218 .migo-dialog-footer {
  flex:0 0 auto !important;
  margin:0 !important;
  padding:10px 12px !important;
  background:#f8f9fb !important;
  border:0 !important;
  border-top:1px solid #dfe5ec !important;
}
html body.crm-app dialog.migo-orders-dialog-v218 .migo-dialog-actions {
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:6px !important;
}
html body.crm-app dialog.migo-orders-dialog-v218 .migo-dialog-actions button {
  -webkit-appearance:none !important;
  appearance:none !important;
  width:auto !important;
  min-width:0 !important;
  height:36px !important;
  min-height:36px !important;
  max-height:36px !important;
  display:inline-flex !important;
  flex:0 0 auto !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  margin:0 !important;
  padding:0 12px !important;
  border-radius:7px !important;
  box-shadow:none !important;
  font:inherit !important;
  font-size:12px !important;
  font-weight:750 !important;
  line-height:1 !important;
  white-space:nowrap !important;
  cursor:pointer !important;
}
html body.crm-app dialog.migo-orders-dialog-v218 .migo-dialog-secondary-v218 {
  border:1px solid #d5dde6 !important;
  background:#fff !important;
  color:#253247 !important;
}
html body.crm-app dialog.migo-orders-dialog-v218 .migo-dialog-secondary-v218:hover {
  border-color:#aeb9c6 !important;
  background:#f7f8fa !important;
}
html body.crm-app dialog.migo-orders-dialog-v218 .migo-dialog-primary-v218 {
  border:1px solid #172033 !important;
  background:#172033 !important;
  color:#fff !important;
}
html body.crm-app dialog.migo-orders-dialog-v218 .migo-dialog-primary-v218:hover {
  border-color:#26344a !important;
  background:#26344a !important;
}
html body.crm-app dialog.migo-orders-dialog-v218 .migo-dialog-actions .migo-ui-icon {
  display:block !important;
  width:16px !important;
  height:16px !important;
  flex:0 0 16px !important;
  margin:0 !important;
}
html body.crm-app dialog.migo-orders-dialog-v218 .migo-dialog-actions button:disabled {
  cursor:wait !important;
  opacity:.65 !important;
}

/* Product-section actions use the same current Migo module button geometry. */
html body.crm-app dialog.migo-orders-dialog-v218 .migo-orders-form-section-v217 {
  margin:2px 0 0 !important;
  padding:14px 0 0 !important;
  background:transparent !important;
  border:0 !important;
  border-top:1px solid #e2e8f0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
html body.crm-app dialog.migo-orders-dialog-v218 .migo-orders-action-v218,
html body.crm-app .migo-orders-shell .migo-orders-action-v218 {
  -webkit-appearance:none !important;
  appearance:none !important;
  height:36px !important;
  min-height:36px !important;
  width:auto !important;
  min-width:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  margin:0 !important;
  padding:0 12px !important;
  border-radius:7px !important;
  box-shadow:none !important;
  font:inherit !important;
  font-size:12px !important;
  font-weight:750 !important;
  line-height:1 !important;
  white-space:nowrap !important;
}
html body.crm-app .migo-orders-action-v218.secondary-btn,
html body.crm-app dialog.migo-orders-dialog-v218 .migo-orders-action-v218.secondary-btn {
  border:1px solid #d5dde6 !important;
  background:#fff !important;
  color:#253247 !important;
}
html body.crm-app .migo-orders-action-v218.primary-btn,
html body.crm-app dialog.migo-orders-dialog-v218 .migo-orders-action-v218.primary-btn {
  border:1px solid #172033 !important;
  background:#172033 !important;
  color:#fff !important;
}
html body.crm-app .migo-orders-action-v218 .migo-ui-icon,
html body.crm-app dialog.migo-orders-dialog-v218 .migo-orders-action-v218 .migo-ui-icon {
  width:16px !important;
  height:16px !important;
  flex:0 0 16px !important;
}
html body.crm-app dialog.migo-orders-dialog-v218 .migo-orders-icon-command-v218 {
  -webkit-appearance:none !important;
  appearance:none !important;
  width:36px !important;
  min-width:36px !important;
  max-width:36px !important;
  height:36px !important;
  min-height:36px !important;
  max-height:36px !important;
  display:grid !important;
  place-items:center !important;
  padding:0 !important;
  border:1px solid #d5dde6 !important;
  border-radius:7px !important;
  background:#fff !important;
  color:#526176 !important;
  box-shadow:none !important;
  cursor:pointer !important;
}
html body.crm-app dialog.migo-orders-dialog-v218 .migo-orders-icon-command-v218.is-danger {
  color:#b42318 !important;
  border-color:#e0cbd0 !important;
}
html body.crm-app dialog.migo-orders-dialog-v218 .migo-orders-icon-command-v218:hover {
  background:#f7f8fa !important;
  border-color:#aeb9c6 !important;
}
html body.crm-app dialog.migo-orders-dialog-v218 .migo-orders-icon-command-v218 .migo-ui-icon {
  width:15px !important;
  height:15px !important;
  display:block !important;
}

@media (max-width:600px) {
  html body.crm-app dialog.migo-orders-dialog-v218 {
    width:calc(100vw - 16px) !important;
    max-height:calc(100dvh - 16px) !important;
  }
  html body.crm-app dialog.migo-orders-dialog-v218 .migo-dialog-header {
    min-height:54px !important;
    padding:10px 10px 10px 14px !important;
  }
  html body.crm-app dialog.migo-orders-dialog-v218 .migo-dialog-body {
    padding:14px !important;
  }
  html body.crm-app dialog.migo-orders-dialog-v218 .migo-dialog-fields {
    grid-template-columns:1fr !important;
    gap:12px !important;
  }
  html body.crm-app dialog.migo-orders-dialog-v218 .migo-dialog-field-wide {
    grid-column:1 !important;
  }
  html body.crm-app dialog.migo-orders-dialog-v218 .migo-dialog-footer {
    padding:9px 10px !important;
  }
}

/* Migo CRM v8.5.21.221 — Order Workspace / Payments / Unified Timeline */
html body.crm-app dialog.migo-orders-dialog-v218.migo-order-workspace-dialog {
  width:min(1080px,calc(100vw - 48px))!important;
  max-width:1080px!important;
}
html body.crm-app dialog.migo-order-workspace-dialog > .migo-orders-dialog-shell-v218 { width:100%!important; }
body.crm-app .migo-order-workspace{display:grid;gap:12px;min-width:0}
body.crm-app .migo-order-workspace-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid #e2e8f0;border-radius:7px;background:#fff;overflow:hidden}
body.crm-app .migo-order-workspace-summary>div{min-width:0;padding:10px 12px;border-right:1px solid #e8edf3}
body.crm-app .migo-order-workspace-summary>div:last-child{border-right:0}
body.crm-app .migo-order-workspace-summary span{display:block;margin-bottom:3px;color:#667085;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}
body.crm-app .migo-order-workspace-summary strong{display:block;color:#172033;font-size:13px;font-weight:760;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.crm-app .migo-order-workspace-summary strong.is-warn{color:#b54708}
body.crm-app .migo-order-workspace-tabs{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid #e2e8f0;border-radius:7px;background:#f7f9fb;overflow-x:auto}
body.crm-app .migo-order-workspace-tab{flex:0 0 auto;height:32px;padding:0 11px;border:0;border-radius:6px;background:transparent;color:#667085;font:700 11.5px/1 inherit;cursor:pointer;white-space:nowrap}
body.crm-app .migo-order-workspace-tab:hover{color:#172033;background:#fff}
body.crm-app .migo-order-workspace-tab.is-active{color:#172033;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.08)}
body.crm-app .migo-order-workspace-pane{display:none;min-width:0}
body.crm-app .migo-order-workspace-pane.is-active{display:block}
body.crm-app .migo-order-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 9px}
body.crm-app .migo-order-panel-head h4{margin:0!important}
body.crm-app .migo-order-panel-head>span{color:#98a2b3;font-size:10px;font-weight:700}
body.crm-app .migo-order-inline-field{display:grid;gap:5px;margin:0 0 9px;color:#475467;font-size:10.5px;font-weight:700}
body.crm-app .migo-order-inline-field select{height:36px!important;min-height:36px!important}
body.crm-app .migo-order-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px 10px}
body.crm-app .migo-order-edit-grid label{display:grid;gap:5px;color:#475467;font-size:10.5px;font-weight:700}
body.crm-app .migo-order-edit-grid label.full{grid-column:1/-1}
body.crm-app .migo-order-edit-grid input,body.crm-app .migo-order-edit-grid textarea{width:100%;border:1px solid #d0d9e5;border-radius:6px;background:#fff;color:#172033;font:500 12px/1.35 inherit;outline:0}
body.crm-app .migo-order-edit-grid input{height:36px;padding:0 10px}
body.crm-app .migo-order-edit-grid textarea{min-height:68px;padding:8px 10px;resize:vertical}
body.crm-app .migo-order-edit-grid input:focus,body.crm-app .migo-order-edit-grid textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.10)}
body.crm-app .migo-order-payment-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #e2e8f0;border-radius:7px;background:#fff;overflow:hidden;margin-bottom:10px}
body.crm-app .migo-order-payment-metric{padding:10px 12px;border-right:1px solid #e8edf3}
body.crm-app .migo-order-payment-metric:last-child{border-right:0}
body.crm-app .migo-order-payment-metric span{display:block;color:#667085;font-size:10px;font-weight:700;text-transform:uppercase}
body.crm-app .migo-order-payment-metric strong{display:block;margin-top:4px;color:#172033;font-size:15px;font-weight:780}
body.crm-app .migo-order-payment-metric.ok strong{color:#067647}
body.crm-app .migo-order-payment-metric.warn strong{color:#b54708}
body.crm-app .migo-orders-table .is-refund{color:#b42318}
body.crm-app .migo-order-workspace-actions{display:flex;justify-content:flex-end;gap:7px;margin-bottom:10px}
body.crm-app .migo-order-related-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #eef1f5}
body.crm-app .migo-order-related-row:last-child{border-bottom:0}
body.crm-app .migo-order-related-row>div{min-width:0}
body.crm-app .migo-order-related-row strong,body.crm-app .migo-order-related-row small{display:block}
body.crm-app .migo-order-related-row strong{color:#344054;font-size:11px;font-weight:760}
body.crm-app .migo-order-related-row small{margin-top:2px;color:#98a2b3;font-size:9.5px}
body.crm-app .migo-order-related-row>div:last-child{text-align:right}
body.crm-app .migo-order-timeline{display:grid;gap:0}
body.crm-app .migo-order-timeline-row{position:relative;display:grid;grid-template-columns:12px 1fr;gap:9px;padding:8px 0;border-bottom:1px solid #eef1f5}
body.crm-app .migo-order-timeline-row:last-child{border-bottom:0}
body.crm-app .migo-order-timeline-row>i{width:8px;height:8px;margin-top:3px;border-radius:50%;background:#64748b}
body.crm-app .migo-order-timeline-row>i.source-shipment{background:#2563eb}
body.crm-app .migo-order-timeline-row>i.source-return{background:#7c3aed}
body.crm-app .migo-order-timeline-row strong{display:block;color:#344054;font-size:11px;font-weight:750}
body.crm-app .migo-order-timeline-row small{display:block;margin-top:2px;color:#98a2b3;font-size:9.5px}
body.crm-app .migo-order-share-result{display:grid;gap:9px}
body.crm-app .migo-order-share-result>div{display:flex;gap:7px}
body.crm-app .migo-order-share-result input{flex:1;min-width:0;height:36px;border:1px solid #d0d9e5;border-radius:6px;padding:0 10px;background:#f8fafc;color:#344054;font-size:11px}
body.crm-app .migo-order-share-result p{margin:0;color:#667085;font-size:11px}
body.crm-app .migo-order-share-result small{color:#667085;font-size:10px}
@media (max-width:900px){
  html body.crm-app dialog.migo-order-workspace-dialog{width:calc(100vw - 16px)!important;max-width:none!important}
  body.crm-app .migo-order-workspace-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.crm-app .migo-order-workspace-summary>div{border-bottom:1px solid #e8edf3}
  body.crm-app .migo-order-payment-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.crm-app .migo-order-edit-grid{grid-template-columns:1fr}
  body.crm-app .migo-order-edit-grid label.full{grid-column:auto}
}