:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#18202a;background:#f4f6f8}*{box-sizing:border-box}body{margin:0}a{color:#0b5cab;text-decoration:none}.shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.side{background:#111820;color:#fff;padding:24px 16px}.brand{font-size:22px;font-weight:800;margin-bottom:30px}.side a{display:block;color:#dbe4ee;padding:10px 12px;border-radius:8px;margin:3px 0}.side a:hover{background:#263240}.main{padding:28px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card,.panel{background:#fff;border:1px solid #e0e5ea;border-radius:12px;padding:18px}.metric{font-size:30px;font-weight:800}.muted{color:#697786}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;padding:11px;border-bottom:1px solid #e7ebef}th{font-size:12px;text-transform:uppercase;color:#697786}.search{display:flex;gap:8px;margin-bottom:18px}.search input,input{padding:10px 12px;border:1px solid #cbd3dc;border-radius:8px;min-width:260px}.btn,button{background:#18202a;color:#fff;border:0;border-radius:8px;padding:10px 14px;cursor:pointer}.login{max-width:400px;margin:12vh auto;background:#fff;padding:28px;border-radius:14px;border:1px solid #dde3e9}.login input{display:block;width:100%;margin:10px 0;min-width:0}.error{background:#fff0f0;color:#9d1d1d;padding:10px;border-radius:8px}.swatch{display:inline-block;width:18px;height:18px;border:1px solid #bbb;border-radius:4px;vertical-align:middle;margin-right:8px}@media(max-width:850px){.shell{grid-template-columns:1fr}.side{display:flex;gap:8px;overflow:auto}.brand{margin:8px}.side a{white-space:nowrap}.cards,.grid2{grid-template-columns:1fr}.main{padding:16px}}
.builder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.builder-grid label,.dependent-fabric label{display:flex;flex-direction:column;gap:6px;font-weight:600}
select{padding:10px 12px;border:1px solid #cbd3dc;border-radius:8px;background:#fff;min-width:0}
.construction-card{margin-bottom:12px}
@media(max-width:900px){.builder-grid{grid-template-columns:1fr}}

.savebar{position:sticky;bottom:0;margin-top:18px;padding:18px 0;display:flex;justify-content:flex-end;gap:10px}
.btn.secondary{background:#697786}.check{display:flex!important;flex-direction:row!important;align-items:center;gap:8px!important}.check input{min-width:auto;width:auto}
.colour-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.colour-slot{border:1px solid #e0e5ea;border-radius:10px;padding:12px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.colour-slot b{grid-column:1/-1}.colour-slot input{min-width:0;width:100%}@media(max-width:900px){.colour-grid{grid-template-columns:1fr}.colour-slot{grid-template-columns:1fr}}

.construction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.construction-item{border:1px solid #e0e5ea;border-radius:10px;padding:14px}
.construction-item label{display:flex;flex-direction:column;gap:6px;font-weight:600}
.construction-item .cf{margin-top:12px}
#garmentFabrics .muted{grid-column:1/-1}
@media(max-width:1000px){.construction-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.construction-grid{grid-template-columns:1fr}}

.colour-toolbar{display:grid;grid-template-columns:2fr 1fr auto;gap:16px;align-items:end;margin-bottom:18px}.colour-toolbar label{display:flex;flex-direction:column;gap:6px;font-weight:600}.colour-count{font-weight:700;padding:11px 14px;border:1px solid #dfe4ea;border-radius:8px}.selected-colours{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.selected-colour{display:flex;align-items:center;gap:8px;border:1px solid #d9e0e7;border-radius:10px;padding:7px;min-width:230px}.selected-order,.colour-order{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#172033;color:#fff;font-weight:700;font-size:12px}.selected-swatch{width:34px;height:34px;border-radius:7px;border:1px solid #bbb}.selected-info{display:flex;flex-direction:column;flex:1}.selected-info small{opacity:.65}.selected-actions{display:flex;gap:3px}.selected-actions button{border:1px solid #d7dde4;background:#fff;border-radius:6px;height:28px}.colour-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.colour-tile{border:2px solid #e0e5ea;background:#fff;border-radius:11px;padding:7px;cursor:pointer;text-align:left}.colour-tile.selected{border-color:#172033;box-shadow:0 0 0 1px #172033}.colour-swatch{height:62px;border-radius:7px;border:1px solid rgba(0,0,0,.15);display:flex;justify-content:flex-end;padding:5px}.colour-name,.colour-code{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.colour-name{font-weight:700;margin:7px 3px 2px}.colour-code{font-size:12px;opacity:.65;margin:0 3px 3px}@media(max-width:800px){.colour-toolbar{grid-template-columns:1fr}}

/* v0.3.10 modal colour picker */
.colour-heading-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}
.colour-heading-row h3{margin:0 0 3px}
.rmodal{display:none;position:fixed;inset:0;z-index:2000}
.rmodal.open{display:block}
.rmodal-backdrop{position:absolute;inset:0;background:rgba(10,18,30,.58)}
.rmodal-dialog{position:relative;width:min(1050px,calc(100vw - 40px));max-height:calc(100vh - 60px);margin:30px auto;background:#fff;border-radius:14px;box-shadow:0 24px 70px rgba(0,0,0,.28);display:flex;flex-direction:column;overflow:hidden}
.rmodal-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:20px 22px 14px;border-bottom:1px solid #e4e8ed}
.rmodal-head h2{margin:0 0 4px}
.rmodal-head p{margin:0}
.rmodal-close{border:0;background:transparent;font-size:32px;line-height:1;cursor:pointer;padding:0 4px}
.colour-modal-toolbar{display:grid;grid-template-columns:2fr 1fr;gap:16px;padding:16px 22px;border-bottom:1px solid #e4e8ed;background:#fafbfc}
.colour-modal-toolbar label{display:flex;flex-direction:column;gap:6px;font-weight:600}
.modal-colour-grid{padding:20px 22px;overflow:auto;align-content:start}
body.modal-open{overflow:hidden}
@media(max-width:700px){
 .rmodal-dialog{width:calc(100vw - 20px);max-height:calc(100vh - 20px);margin:10px auto}
 .colour-modal-toolbar{grid-template-columns:1fr}
 .colour-heading-row{align-items:flex-end}
}

/* v0.3.11 colour names/codes */
.colour-hex{display:block;font-size:11px;opacity:.5;margin:0 3px 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.modal-colour-grid .colour-name{font-size:14px}
.modal-colour-grid .colour-code{font-size:12px;font-weight:600}

/* v0.3.12 - force colour tile text to remain visible below swatch */
.modal-colour-grid{
  grid-template-columns:repeat(auto-fill,minmax(145px,1fr));
  gap:12px;
}
.modal-colour-grid .colour-tile{
  display:grid;
  grid-template-rows:76px auto auto auto;
  align-content:start;
  min-height:150px;
  height:auto;
  padding:8px;
  overflow:visible;
  background:#fff;
}
.modal-colour-grid .colour-swatch{
  display:flex;
  width:100%;
  height:76px;
  min-height:76px;
  box-sizing:border-box;
  margin:0;
}
.modal-colour-grid .colour-name,
.modal-colour-grid .colour-code,
.modal-colour-grid .colour-hex{
  position:static;
  width:auto;
  height:auto;
  min-height:0;
  max-height:none;
  opacity:1;
  visibility:visible;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  line-height:1.25;
  box-sizing:border-box;
}
.modal-colour-grid .colour-name{
  display:block;
  margin:8px 3px 1px;
  font-size:14px;
  font-weight:700;
  color:#172033;
}
.modal-colour-grid .colour-code{
  display:block;
  margin:1px 3px 0;
  font-size:12px;
  font-weight:600;
  color:#4d5968;
}
.modal-colour-grid .colour-hex{
  display:block;
  margin:1px 3px 2px;
  font-size:11px;
  color:#7a8491;
}
@media(max-width:700px){
  .modal-colour-grid{grid-template-columns:repeat(auto-fill,minmax(125px,1fr))}
}

.colour-usage-section{padding:4px 0 16px}.colour-usage-section+.colour-usage-section{border-top:1px solid #e4e8ed;padding-top:18px;margin-top:2px}

/* v0.3.15 Style Builder */
.style-rule-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.rule-card{border:1px solid #dfe4ea;border-radius:10px;padding:14px;background:#fafbfc}.rule-card h3{margin:0 0 10px}
.rule-check{display:flex;gap:8px;align-items:flex-start;padding:5px 2px;font-weight:400}
.style-builder-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.style-builder-head h2{margin-bottom:4px}
.construction-rule-card{border:1px solid #dfe4ea;border-radius:10px;margin-top:10px;background:#fff}
.construction-rule-title{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#fafbfc;border-radius:10px}
.construction-rule-title label{display:flex;gap:9px;align-items:center}
.rule-toggle{border:1px solid #d7dde4;background:#fff;border-radius:6px;width:30px;height:30px;font-size:18px;cursor:pointer}
.construction-rule-options{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:2px 14px;padding:10px 16px 14px;border-top:1px solid #edf0f3}
.sticky-save{position:sticky;bottom:0;margin:18px 0 0;padding:13px 16px;border:1px solid #dfe4ea;border-radius:10px;background:rgba(255,255,255,.96);display:flex;justify-content:flex-end;align-items:center;gap:16px;box-shadow:0 -4px 18px rgba(0,0,0,.06)}
@media(max-width:900px){.style-rule-grid{grid-template-columns:1fr 1fr}.style-builder-head{display:block}}
@media(max-width:600px){.style-rule-grid{grid-template-columns:1fr}}

/* v0.3.16 option-specific construction fabrics */
.option-fabric-rule{border:1px solid #e7ebef;border-radius:8px;padding:9px 10px;background:#fff}
.option-title{margin-bottom:4px}.fabric-rule-editor{margin:8px 0 2px 24px;padding:10px;border-left:3px solid #dce4ec;background:#fafbfc;border-radius:4px}
.fabric-rule-editor>label{display:flex;gap:10px;align-items:center;font-weight:600;margin-bottom:8px}.fabric-rule-editor select{min-width:190px}
.fabric-checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:1px 10px;max-height:220px;overflow:auto}

/* v0.3.17 Style Builder compact option/fabric layout */
#constructionRules .construction-rule-options{
 display:block!important;
 padding:8px 12px 12px;
}
#constructionRules .construction-rule-options[style*="none"]{display:none!important}
#constructionRules .option-fabric-rule{
 display:block;
 width:100%;
 min-height:0;
 margin:7px 0;
 padding:0;
 border:1px solid #e1e6eb;
 border-radius:8px;
 overflow:hidden;
 background:#fff;
}
#constructionRules .option-rule-head{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:12px;
 min-height:44px;
 padding:7px 10px;
 background:#fff;
}
#constructionRules .option-title{
 margin:0;
 padding:0;
 min-width:0;
 font-size:14px;
 color:#172033;
}
#constructionRules .option-title strong{display:inline;white-space:normal}
#constructionRules .fabric-toggle{
 flex:0 0 auto;
 border:1px solid #d6dde5;
 border-radius:6px;
 padding:6px 10px;
 background:#f8fafb;
 color:#243247;
 cursor:pointer;
}
#constructionRules .fabric-toggle:disabled{opacity:.5;cursor:default}
#constructionRules .fabric-rule-editor{
 margin:0;
 padding:12px 14px 14px;
 border:0;
 border-top:1px solid #e7ebef;
 border-radius:0;
 background:#fafbfc;
}
#constructionRules .fabric-toolbar{
 display:flex;
 justify-content:space-between;
 align-items:center;
 gap:12px;
 margin-bottom:10px;
}
#constructionRules .fabric-toolbar label{display:flex;align-items:center;gap:8px;font-weight:600}
#constructionRules .fabric-toolbar select{min-width:180px;width:auto}
#constructionRules .fabric-checks{
 display:grid;
 grid-template-columns:repeat(auto-fill,minmax(190px,1fr));
 gap:4px 12px;
 max-height:260px;
 overflow:auto;
 padding:4px;
}
#constructionRules .fabric-checks .rule-check{
 min-height:30px;
 margin:0;
 padding:5px 7px;
 border-radius:5px;
 background:#fff;
 color:#172033;
}

/* v0.3.18 compact named fabric rows */
#constructionRules .fabric-checks{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;gap:6px 12px!important;max-height:320px!important;overflow-y:auto!important;overflow-x:hidden!important;align-items:start!important}
#constructionRules .fabric-checks .rule-check{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;width:auto!important;min-width:0!important;min-height:34px!important;height:auto!important;padding:6px 9px!important;margin:0!important;border:1px solid #e6eaee!important;border-radius:6px!important;background:#fff!important;text-align:left!important}
#constructionRules .fabric-checks .rule-check input{flex:0 0 auto!important;margin:0!important}
#constructionRules .fabric-checks .rule-check span{display:block!important;min-width:0!important;line-height:1.25!important;white-space:normal!important;overflow-wrap:anywhere!important}

/* v0.3.19: isolated Style Builder fabric rows.
   Intentionally does not reuse .rule-check / colour tile / generic grid styles. */
#constructionRules .sb-fabric-list{
 display:flex!important;
 flex-direction:column!important;
 width:100%!important;
 max-height:320px!important;
 overflow-y:auto!important;
 overflow-x:hidden!important;
 gap:0!important;
 padding:0!important;
 margin:0!important;
}
#constructionRules .sb-fabric-row{
 display:flex!important;
 flex-direction:row!important;
 align-items:center!important;
 justify-content:flex-start!important;
 width:100%!important;
 min-width:0!important;
 min-height:36px!important;
 height:36px!important;
 max-height:36px!important;
 margin:0!important;
 padding:0 10px!important;
 gap:10px!important;
 border:0!important;
 border-bottom:1px solid #e7ebef!important;
 border-radius:0!important;
 background:#fff!important;
 box-shadow:none!important;
 overflow:hidden!important;
 cursor:pointer!important;
}
#constructionRules .sb-fabric-row:last-child{border-bottom:0!important}
#constructionRules .sb-fabric-row:hover{background:#f5f7f9!important}
#constructionRules .sb-fabric-row input.fabric-enable{
 display:block!important;
 position:static!important;
 flex:0 0 16px!important;
 width:16px!important;
 min-width:16px!important;
 max-width:16px!important;
 height:16px!important;
 min-height:16px!important;
 max-height:16px!important;
 margin:0!important;
 padding:0!important;
}
#constructionRules .sb-fabric-name{
 display:block!important;
 position:static!important;
 flex:1 1 auto!important;
 width:auto!important;
 min-width:0!important;
 height:auto!important;
 min-height:0!important;
 max-height:none!important;
 margin:0!important;
 padding:0!important;
 border:0!important;
 background:transparent!important;
 font-size:14px!important;
 font-weight:400!important;
 line-height:20px!important;
 text-align:left!important;
 white-space:nowrap!important;
 overflow:hidden!important;
 text-overflow:ellipsis!important;
 word-break:normal!important;
 overflow-wrap:normal!important;
 writing-mode:horizontal-tb!important;
}

/* v0.3.20: strict vertical construction-fabric list */
#constructionRules .sb-fabric-list{
 display:block!important;
 width:100%!important;
 max-height:360px!important;
 overflow-y:auto!important;
 overflow-x:hidden!important;
 padding:0!important;
 margin:0!important;
 column-count:1!important;
 columns:auto!important;
}
#constructionRules .sb-fabric-row{
 display:flex!important;
 flex-flow:row nowrap!important;
 align-items:center!important;
 justify-content:flex-start!important;
 box-sizing:border-box!important;
 width:100%!important;
 min-width:100%!important;
 max-width:100%!important;
 height:38px!important;
 min-height:38px!important;
 max-height:38px!important;
 padding:0 10px!important;
 margin:0!important;
 gap:10px!important;
 float:none!important;
 clear:both!important;
 position:relative!important;
 border:0!important;
 border-bottom:1px solid #e7ebef!important;
 border-radius:0!important;
 background:#fff!important;
}
#constructionRules .sb-fabric-row input.fabric-enable{
 position:static!important;
 display:inline-block!important;
 flex:0 0 16px!important;
 width:16px!important;
 height:16px!important;
 margin:0!important;
}
#constructionRules .sb-fabric-row .sb-fabric-name{
 position:static!important;
 display:block!important;
 flex:1 1 auto!important;
 width:auto!important;
 min-width:0!important;
 height:auto!important;
 margin:0!important;
 padding:0!important;
 writing-mode:horizontal-tb!important;
 white-space:nowrap!important;
 overflow:hidden!important;
 text-overflow:ellipsis!important;
 text-align:left!important;
}

/* v0.3.21 Garment Construction accordion */
#constructionRules .construction-rule-card{overflow:hidden}
#constructionRules .accordion-head{
 appearance:none;width:100%;border:0;margin:0;padding:12px 14px;background:#fafbfc;
 display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;
 text-align:left;color:#172033;cursor:pointer;
}
#constructionRules .accordion-head:hover{background:#f3f6f8}
#constructionRules .accordion-chevron{font-size:25px;line-height:20px;transform:rotate(0deg);transition:transform .15s ease;text-align:center}
#constructionRules .accordion-head[aria-expanded="true"] .accordion-chevron{transform:rotate(90deg)}
#constructionRules .category-selected-count{font-size:12px;font-weight:500;color:#718096;white-space:nowrap}
#constructionRules .construction-rule-options{display:block;padding:8px 12px 12px!important;border-top:1px solid #edf0f3}
#constructionRules .simple-construction-option{
 display:flex;align-items:center;gap:9px;width:100%;min-height:38px;padding:7px 10px;
 border-bottom:1px solid #edf0f3;background:#fff;font-weight:400;cursor:pointer;
}
#constructionRules .simple-construction-option:last-child{border-bottom:0}
#constructionRules .simple-construction-option:hover{background:#f7f9fa}
#constructionRules .simple-construction-option input{flex:0 0 auto;margin:0}
#constructionRules .option-title{display:flex;align-items:center;gap:9px;margin:0;padding:0;font-size:14px}
#constructionRules .option-title input{flex:0 0 auto;margin:0}

/* v0.3.24 option-specific fabrics: Collar/Cuff/Pocket/Gusset only */
#constructionRules .option-fabric-rule{display:block;width:100%;border-bottom:1px solid #edf0f3;background:#fff}
#constructionRules .option-rule-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;padding:6px 10px}
#constructionRules .option-title{display:flex;align-items:center;gap:9px;min-width:0;margin:0;font-weight:400}
#constructionRules .fabric-toggle{flex:0 0 auto;padding:6px 10px;border:1px solid #d6dde5;border-radius:6px;background:#f8fafb;cursor:pointer}
#constructionRules .fabric-toggle:disabled{opacity:.5;cursor:default}
#constructionRules .fabric-rule-editor{padding:10px 14px 14px;border-top:1px solid #edf0f3;background:#fafbfc}
#constructionRules .fabric-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
#constructionRules .fabric-toolbar label{display:flex;align-items:center;gap:8px;font-weight:600}
#constructionRules .sb-fabric-list{display:block!important;width:100%!important;max-height:320px!important;overflow-y:auto!important;overflow-x:hidden!important}
#constructionRules .sb-fabric-row{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;height:36px!important;min-height:36px!important;padding:0 10px!important;margin:0!important;border:0!important;border-bottom:1px solid #e7ebef!important;background:#fff!important}
#constructionRules .sb-fabric-name{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:left!important;writing-mode:horizontal-tb!important}

/* v0.3.26 User Manager */
.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.button{display:inline-block;text-decoration:none;border:1px solid #d5dbe2;border-radius:6px;padding:7px 11px;background:#fff;color:#172033;font:inherit;cursor:pointer}
.button.primary,button.primary{background:#172033;color:#fff;border-color:#172033}
.notice{padding:10px 12px;border-radius:7px;margin:0 0 14px}.notice.success{background:#edf8f0}.notice.error{background:#fff0f0}
.status-pill{display:inline-block;padding:3px 8px;border-radius:999px;font-size:12px;font-weight:600}.status-active{background:#edf8f0}.status-disabled{background:#f1f3f5;color:#667085}
.actions{white-space:nowrap}.actions form{margin-left:6px}.table-wrap{overflow-x:auto}
.user-form-panel{max-width:760px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{display:flex;flex-direction:column;gap:6px;font-weight:600}.form-grid input,.form-grid select{width:100%;box-sizing:border-box}.span-2{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;margin-top:18px}
@media(max-width:700px){.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.panel-head{align-items:flex-start;flex-direction:column}}

/* v0.3.27 Production Method fabric configuration */
.pm-rule-row{border-bottom:1px solid #edf0f3;padding:7px 0}.pm-rule-row:last-child{border-bottom:0}
.pm-rule-row>.rule-check{display:inline-flex;align-items:center;gap:7px;min-width:210px}
.pm-fabric-toggle{float:right;padding:5px 9px;border:1px solid #d6dde5;border-radius:6px;background:#f8fafb;cursor:pointer}
.pm-fabric-toggle:disabled{opacity:.5;cursor:default}
.pm-fabric-editor{clear:both;margin-top:8px;padding:10px;border:1px solid #e2e7ec;border-radius:7px;background:#fafbfc}
.pm-fabric-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}
.pm-fabric-list{display:block;max-height:280px;overflow-y:auto;background:#fff}
.pm-fabric-row{display:flex;align-items:center;gap:9px;width:100%;min-height:34px;padding:5px 8px;border-bottom:1px solid #edf0f3;box-sizing:border-box}
.pm-fabric-row:last-child{border-bottom:0}

/* v0.3.28 cleaner Production Method configuration */
.production-method-card #rule-productionmethod{display:block}
.production-method-card .pm-rule-row{padding:0;border-bottom:1px solid #e7ebef}
.production-method-card .pm-rule-row:last-child{border-bottom:0}
.production-method-card .pm-rule-main{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;min-height:52px;padding:8px 10px}
.production-method-card .pm-method-check{display:flex;align-items:center;gap:10px;min-width:0;margin:0;cursor:pointer;font-weight:500}
.production-method-card .pm-method-check input{flex:0 0 auto;margin:0}
.production-method-card .pm-method-check span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.production-method-card .pm-fabric-toggle{float:none;min-width:132px;margin:0;padding:7px 11px}
.production-method-card .pm-fabric-editor{margin:0 10px 10px;padding:10px 12px}
@media(max-width:620px){
 .production-method-card .pm-rule-main{grid-template-columns:1fr}
 .production-method-card .pm-fabric-toggle{width:100%}
}

/* v0.3.29: Product Information Rules in two rows */
.style-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.production-method-card .pm-rule-main{grid-template-columns:minmax(0,1fr) auto!important}
.production-method-card .pm-method-check{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important}
.production-method-card .pm-method-name{display:inline-block!important;color:#172033!important;opacity:1!important;visibility:visible!important;font-weight:500!important;white-space:normal!important}
.production-method-card .pm-fabric-toggle{min-width:150px!important}
@media(max-width:800px){.style-rule-grid{grid-template-columns:1fr!important}}

/* v0.3.30 Product Files / Tech Pack */
.section-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.section-title-row h2{margin-bottom:4px}
.product-file-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}
.product-file-card{border:1px solid #dfe5eb;border-radius:10px;padding:14px;background:#fff;min-width:0}.product-file-card.has-file{background:#fbfcfd}
.product-file-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.product-file-card-head h3{margin:0 0 2px}.file-requirement,.file-status{font-size:12px;color:#667085}.file-status{white-space:nowrap}
.file-drop-zone{display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:120px;border:2px dashed #cbd5df;border-radius:9px;padding:14px;cursor:pointer;background:#f8fafc;transition:.15s ease}.file-drop-zone:hover,.file-drop-zone.dragging{border-color:#667085;background:#f1f4f7}.file-drop-zone input{display:none}.file-drop-zone strong{margin-bottom:3px}.file-drop-zone span,.file-drop-zone small{color:#667085;font-size:12px}.selected-upload{min-height:20px;padding-top:7px;font-size:12px}
.current-file{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #e8ecf0;margin-top:6px;padding-top:10px}.current-file>div:first-child{min-width:0}.current-file strong,.current-file small{display:block;overflow:hidden;text-overflow:ellipsis}.current-file small{color:#667085;margin-top:2px}.file-actions{display:flex;gap:6px;flex-shrink:0}.btn.small,button.small{padding:6px 9px;font-size:12px}.remove-file-check{display:flex!important;align-items:center;gap:7px;margin-top:10px;font-size:12px;color:#667085}
.techpack-list{margin-top:12px;border:1px solid #e2e7ec;border-radius:9px;overflow:hidden}.techpack-row{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:10px;padding:11px 13px;border-bottom:1px solid #edf0f3}.techpack-row:last-child{border-bottom:0}.techpack-row b,.techpack-row small{display:block}.techpack-row small{color:#667085;margin-top:2px}.techpack-state{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;font-weight:700}.techpack-state.ready{background:#e8f7ee;color:#237a43}.techpack-state.missing{background:#fff1f0;color:#b42318}.techpack-state.optional{background:#f2f4f7;color:#667085}.techpack-warning{margin-top:10px;padding:10px 12px;border-radius:7px;background:#fff7e6}
.size-chart-manager{margin-top:14px}.size-chart-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,1.4fr) auto;align-items:center;gap:18px;padding:13px 4px;border-bottom:1px solid #e7ebef}.size-chart-name strong,.size-chart-name small,.size-chart-current strong,.size-chart-current small{display:block}.size-chart-name small,.size-chart-current small{color:#667085;margin-top:2px}.size-chart-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}.size-chart-actions form{margin:0}.inline-upload input{display:none}
@media(max-width:850px){.product-file-grid{grid-template-columns:1fr}.size-chart-row{grid-template-columns:1fr}.size-chart-actions{justify-content:flex-start;flex-wrap:wrap}.current-file{align-items:flex-start;flex-direction:column}}
.os-summary{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:14px}.os-controls,.os-confirm{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:14px;margin-bottom:16px}.os-controls label,.os-confirm label{display:flex;flex-direction:column;gap:6px}.os-table input,.os-table select,.os-controls input,.os-controls select,.os-confirm input{width:100%;box-sizing:border-box}.public-os{max-width:1050px;margin:35px auto;padding:0 18px}.confirm-check{display:flex;gap:10px;align-items:flex-start;margin-top:18px}.confirm-check input{width:auto}@media(max-width:800px){.os-summary,.os-controls,.os-confirm{grid-template-columns:1fr}.os-table{font-size:13px}}

/* v0.3.32 Order → Line → Configured Product workflow */
.order-line-context{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:13px 16px;border-radius:10px;background:#eef4ff;border:1px solid #d7e4ff}.order-line-context strong,.order-line-context small{display:block}.order-line-context small{margin-top:3px;color:#667085}.eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;color:#475467;margin-bottom:3px}
.placeholder-row{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:10px}.savebar{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.order-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.order-summary span,.order-summary b{display:block}.order-summary span{font-size:12px;color:#667085;margin-bottom:3px}
.order-line-list{display:flex;flex-direction:column;gap:10px;margin-top:14px}.order-line-card{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px;border:1px solid #e1e6eb;border-radius:10px;background:#fff}.line-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#f2f4f7;font-weight:700}.line-title{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.line-title strong{font-size:16px}.line-meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:5px;color:#667085;font-size:12px}.line-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.status-pill{display:inline-flex;padding:4px 8px;border-radius:999px;background:#f2f4f7;font-size:11px;font-weight:700}.status-pill.good{background:#e8f7ee;color:#237a43}.status-pill.warn{background:#fff4e5;color:#9a5b00}.add-line-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid #e8ecf0}
@media(max-width:900px){.order-summary{grid-template-columns:repeat(2,1fr)}.order-line-card{grid-template-columns:38px 1fr}.line-actions{grid-column:2;justify-content:flex-start}}
@media(max-width:600px){.order-summary{grid-template-columns:1fr}.placeholder-row,.add-line-form{grid-template-columns:1fr}.order-line-context{align-items:flex-start;flex-direction:column}}

/* v0.3.32b — order-line starting configuration */
.product-master-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
.product-master-card{display:flex;flex-direction:column;gap:5px;padding:16px;border:1px solid #dfe5eb;border-radius:10px;background:#fff;text-decoration:none;color:inherit;transition:.15s ease}
.product-master-card:hover{border-color:#98a2b3;box-shadow:0 3px 10px rgba(16,24,40,.07)}
.product-master-card strong{font-size:15px}.product-master-card span{font-size:12px;color:#667085}.product-master-card b{margin-top:8px;font-size:12px}
.empty-state{margin-top:16px;padding:18px;border-radius:9px;background:#f8fafc;color:#667085}
@media(max-width:900px){.product-master-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.product-master-grid{grid-template-columns:1fr}}

/* v0.3.33 Tech Pack Preview */
.techpack-preview-head{display:flex;justify-content:space-between;align-items:center;gap:18px}.techpack-preview-head h2{margin:2px 0 4px}.techpack-ready{min-width:170px;padding:12px 15px;border-radius:9px;text-align:right}.techpack-ready b,.techpack-ready span{display:block}.techpack-ready span{font-size:11px;margin-top:2px}.techpack-ready.ready{background:#e8f7ee;color:#237a43}.techpack-ready.not-ready{background:#fff4e5;color:#9a5b00}
.tech-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.preview-section.full{grid-column:1/-1}.preview-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.preview-section-head>div{display:flex;align-items:center;gap:9px}.preview-section-head h2{margin:0;font-size:16px}.step{display:inline-flex;width:26px;height:26px;align-items:center;justify-content:center;border-radius:50%;background:#eef2f6;font-weight:700;font-size:12px}.preview-file{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px;border:1px solid #e4e7ec;border-radius:8px;background:#fafbfc}.preview-file small{display:block;color:#667085;margin-top:2px}
.spec-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.spec-preview-grid>div{border:1px solid #e4e7ec;border-radius:8px;padding:13px}.spec-preview-grid h3{margin:0 0 10px;font-size:13px}.spec-preview-grid dl{display:grid;grid-template-columns:135px 1fr;gap:6px 10px;margin:0;font-size:12px}.spec-preview-grid dt{font-weight:700;color:#475467}.spec-preview-grid dd{margin:0}
.techpack-actionbar{position:sticky;bottom:0;z-index:20;margin-top:16px;padding:12px 15px;border:1px solid #dfe5eb;border-radius:10px;background:rgba(255,255,255,.96);display:flex;justify-content:space-between;align-items:center;gap:12px;box-shadow:0 -4px 18px rgba(16,24,40,.06)}.notice{padding:11px 14px;border-radius:8px;margin:12px 0}.notice.success{background:#e8f7ee;color:#237a43}.notice.warn{background:#fff4e5;color:#9a5b00}
@media(max-width:850px){.tech-preview-grid,.spec-preview-grid{grid-template-columns:1fr}.preview-section.full{grid-column:auto}.techpack-preview-head,.techpack-actionbar{align-items:flex-start;flex-direction:column}.techpack-ready{text-align:left}}

/* v0.3.35 Tech Pack colour swatches */
.tech-colour-list{display:flex;flex-direction:column;gap:7px}.tech-colour-row{display:grid;grid-template-columns:115px 28px 1fr;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid #eaecf0}.tech-colour-row:last-child{border-bottom:0}.tech-colour-use{font-size:11px;font-weight:700;color:#475467;text-transform:capitalize}.tech-colour-swatch{width:26px;height:26px;border:1px solid #98a2b3;border-radius:4px;background:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}.tech-colour-info{min-width:0}.tech-colour-info b{display:block;font-size:12px}.tech-colour-info small{display:block;margin-top:2px;color:#667085;font-size:10px}

/* v0.3.36 compact one-page specification preview */
.spec-reference-layout>div{background:#fff}
.spec-reference-layout h3{display:inline-block;min-width:190px;padding:5px 10px;border-radius:9px;background:#252323;color:#fff;text-transform:uppercase;font-size:12px}
.spec-reference-layout dl{border-top:1px solid #d0d5dd;gap:0}
.spec-reference-layout dt,.spec-reference-layout dd{padding:5px 7px;border-bottom:1px solid #d0d5dd;min-height:27px}
.spec-reference-layout dt{background:#e4e7ec;text-transform:uppercase}

/* v0.3.39 Design Brief */
.brief-setup{display:grid;grid-template-columns:2fr 1fr auto;gap:12px;align-items:end}.brief-setup label,.brief-add label{display:flex;flex-direction:column;gap:6px;font-weight:700}.brief-block-list{display:flex;flex-direction:column;gap:8px;margin:12px 0}.brief-block-card{display:flex;justify-content:space-between;gap:14px;padding:12px;border:1px solid #d0d5dd;border-radius:10px;background:#fff}.brief-block-card small{display:block;color:#667085;margin-top:3px}.brief-block-card p{margin:8px 0 0;white-space:pre-wrap}.brief-block-no{display:inline-grid;place-items:center;width:24px;height:24px;margin-right:8px;border-radius:50%;background:#292727;color:#fff;font-weight:800}.brief-add{margin-top:14px;padding-top:14px;border-top:1px solid #eaecf0}.brief-add-row{display:grid;grid-template-columns:1fr 2fr;gap:12px;margin-bottom:12px}.brief-add textarea{resize:vertical;min-height:110px}@media(max-width:800px){.brief-setup,.brief-add-row{grid-template-columns:1fr}}

.brief-image-row{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin-top:12px}
@media(max-width:800px){.brief-image-row{grid-template-columns:1fr}}

/* v0.3.42 public Ordersheet product identification */
.os-product-hero{display:grid;grid-template-columns:minmax(180px,250px) 1fr;gap:24px;align-items:center}
.os-product-visual{height:230px;border:1px solid #e1e4e8;border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff}
.os-product-visual img{display:block;width:100%;height:100%;object-fit:contain;padding:10px;box-sizing:border-box}
.os-product-visual.is-watermark{background:linear-gradient(145deg,#fafafa,#f2f3f5)}
.os-watermark{display:flex;align-items:center;gap:10px;opacity:.16;user-select:none}
.os-watermark-mark{width:58px;height:58px;border:5px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:34px;font-weight:900}
.os-watermark strong{display:block;font-size:24px;letter-spacing:2px;line-height:1}.os-watermark span{display:block;font-size:11px;letter-spacing:5px;margin-top:5px}
.os-eyebrow{font-size:12px;font-weight:800;letter-spacing:1.8px;color:#667085}.os-product-copy h1{margin:5px 0 14px;font-size:28px}
.os-product-copy dl{display:flex;flex-wrap:wrap;gap:8px 22px;margin:0 0 12px}.os-product-copy dl div{min-width:120px}.os-product-copy dt{font-size:11px;text-transform:uppercase;color:#667085;font-weight:800}.os-product-copy dd{margin:2px 0 0;font-weight:800}
@media(max-width:650px){.os-product-hero{grid-template-columns:1fr}.os-product-visual{height:190px}.os-product-copy h1{font-size:23px}}

.os-product-tabs{display:flex;gap:8px;overflow-x:auto}.os-product-tab{min-width:190px;padding:10px 12px;border:1px solid #d9dde3;border-radius:10px;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:5px}.os-product-tab.active{border-color:#292727;box-shadow:0 0 0 1px #292727}.os-product-tab small{color:#667085}.os-product-tab em{font-style:normal;font-size:12px;font-weight:800}.os-product-tab .done{color:#16794a}.os-copy-controls{display:grid;grid-template-columns:2fr 1fr auto;gap:8px}@media(max-width:700px){.os-copy-controls{grid-template-columns:1fr}}

/* v0.3.45 persistent customer Ordersheet product selection */
.portal-product-list{display:grid;gap:8px;margin-top:14px}.portal-product-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px;border:1px solid #d9dde3;border-radius:10px;cursor:pointer;background:#fff}.portal-product-row.selected{border-color:#98a2b3;background:#fafafa}.portal-product-row input{width:18px;height:18px}.portal-link-row{display:grid;grid-template-columns:1fr auto;gap:8px}.portal-link-row input{min-width:0;width:100%}@media(max-width:650px){.portal-link-row{grid-template-columns:1fr}.portal-product-row{grid-template-columns:auto 1fr}.portal-product-row .status-pill{grid-column:2}}

/* v0.3.46 customer portal selected-product navigation */
.os-order-products h3{margin:0 0 3px}.os-order-products .muted{margin:0}
.os-order-product-links{display:flex;gap:9px;overflow-x:auto;padding:12px 1px 3px}
.os-order-product-link{display:flex;flex-direction:column;gap:3px;min-width:185px;padding:11px 13px;border:1px solid #d9dde3;border-radius:11px;background:#fff;color:inherit;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s}
.os-order-product-link:hover{border-color:#98a2b3;transform:translateY(-1px)}
.os-order-product-link.active{border-color:#292727;box-shadow:0 0 0 1px #292727;background:#fafafa}
.os-order-product-name{font-weight:800;line-height:1.2}.os-order-product-code{font-size:12px;color:#667085}
.os-order-product-status{font-size:12px;font-weight:800;margin-top:4px}.os-order-product-status.done{color:#16794a}.os-order-product-status.todo{color:#475467}
@media(max-width:650px){.os-order-product-link{min-width:165px}}

/* v0.3.47 — selected products belong below the complete hero */
.os-order-products{width:100%;box-sizing:border-box}
.os-order-product-links{display:flex;flex-wrap:wrap;gap:9px;overflow:visible;padding:12px 1px 3px}
.os-order-product-link{flex:1 1 190px;min-width:180px;max-width:280px}
@media(max-width:650px){
 .os-order-product-links{display:grid;grid-template-columns:1fr;overflow:visible}
 .os-order-product-link{min-width:0;max-width:none;width:auto}
}

/* v0.3.48 customer create/edit */
.customer-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.customer-form-grid label{display:flex;flex-direction:column;gap:6px;font-weight:700}
.customer-checks{display:flex;align-items:center;gap:22px;padding-top:26px}.customer-checks label{display:flex;flex-direction:row;align-items:center;gap:8px}.customer-checks input{width:auto}
.customer-form-actions{display:flex;gap:10px;margin-top:16px}.customer-duplicate{margin-bottom:16px;border-color:#d7a42a}
@media(max-width:900px){.customer-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.customer-form-grid{grid-template-columns:1fr}.customer-checks{padding-top:4px;flex-wrap:wrap}}

/* v0.4.0 PDF Products */
.os-pdf-preview{width:100%;height:100%;min-height:250px;border:0;background:#fff}
.pdf-version-badge{display:inline-block;padding:3px 8px;border-radius:999px;background:#f1f3f5;font-size:12px;font-weight:800}

/* v0.5.0 multi-tenant / platform */
.tenant-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:14px;margin-top:16px}
.tenant-title{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.tenant-title h2{margin:0}
.tenant-stats{display:flex;gap:14px;flex-wrap:wrap;margin:16px 0}.tenant-stats span{padding:8px 10px;background:#f5f6f7;border-radius:9px}
.status-pill{display:inline-block;padding:5px 9px;border-radius:999px;background:#eef1f4;font-size:12px;font-weight:800}
.po-sheet{margin-top:16px}.po-head{display:flex;justify-content:space-between;gap:30px;margin-bottom:20px}.po-head h1{margin:0}
@media print{.side,.top,.po-sheet~form,.main>.panel:not(.po-sheet){display:none!important}.shell{display:block}.main{padding:0}.po-sheet{box-shadow:none;border:0}}

/* RCentral Platform Admin — steel blue identity */
body.platform-admin{background:#eef3f7;color:#203040}
body.platform-admin .side{background:#36566f;color:#fff}
body.platform-admin .brand{color:#fff}
body.platform-admin .brand small{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;opacity:.72;margin-top:3px}
body.platform-admin .side a{color:#eaf1f6}
body.platform-admin .side a:hover,body.platform-admin .side a.active{background:#4a6d88;color:#fff}
body.platform-admin .btn:not(.secondary),body.platform-admin button:not(.linkbtn){background:#365f7d}
body.platform-admin .panel{border-color:#ccd9e3}
body.platform-admin h1,body.platform-admin h2{color:#294a63}
body.platform-admin .tenant-card{border-top:4px solid #557b98}

/* v0.5.4 pricing */
.pricing-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 18px}
.price-card{background:#fff;border:1px solid #dfe5ea;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:5px}
.price-card span{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#66737d}.price-card strong{font-size:28px}.price-card small{color:#66737d}
.inline-price-form{display:flex;gap:6px;align-items:center}.inline-price-form input{width:110px}.inline-price-form button{white-space:nowrap}
.issue-po-row{display:flex;justify-content:flex-end;align-items:center;gap:14px;margin-top:18px}.issue-po-row .notice{margin:0}
@media(max-width:800px){.pricing-cards{grid-template-columns:1fr}.inline-price-form{flex-direction:column;align-items:stretch}}
@media print{.inline-price-form,.issue-po-row,.platform-admin .side,.platform-admin .top button{display:none!important}}

/* v0.5.5 production release workflow */
.production-workflow-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.production-workflow-head h2{margin:0}.production-workflow form{margin:14px 0 0}@media(max-width:700px){.production-workflow-head{flex-direction:column}}

/* v0.6.0 factory production */
.production-line-card{border-top:1px solid #d9e0e6;padding:18px 0}.production-line-card:first-of-type{border-top:0}.production-line-title{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}.production-grid{grid-template-columns:repeat(4,minmax(150px,1fr))}.production-overdue{background:#fff3f3}.production-overdue td{font-weight:500}@media(max-width:1000px){.production-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}}@media(max-width:650px){.production-grid{grid-template-columns:1fr}.production-line-title{flex-direction:column}}

/* v0.6.0.1 production quick view */
.production-po-row{cursor:pointer}.production-po-row:hover{background:#f7fafc}.po-expand{width:34px;height:34px;padding:0;border-radius:8px;font-size:18px}.po-line-detail-row>td{padding:0!important;background:#f5f8fa}.po-quick-view{padding:16px 18px 20px;border-left:4px solid #557b98}.po-quick-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.problem-count{font-size:12px;font-weight:800;color:#a33}.health-pill{display:inline-block;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}.health-pill-behind{background:#fde8e8;color:#9b1c1c}.health-pill-due_soon{background:#fff4d6;color:#8a5a00}.health-pill-on_track{background:#e7f6ec;color:#176b3a}.health-pill-complete{background:#e7f1fb;color:#245b88}.health-pill-no_date{background:#eef1f4;color:#59636e}.health-behind>td:first-child{box-shadow:inset 4px 0 #b42318}.health-due_soon>td:first-child{box-shadow:inset 4px 0 #d79000}.line-health-behind{background:#fff1f1}.line-health-due_soon{background:#fff9e8}.po-production-summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 18px;margin-bottom:16px;background:#fff;border:1px solid #d9e0e6;border-left:5px solid #557b98;border-radius:10px}.po-production-summary strong{font-size:22px}.po-production-summary.health-behind{border-left-color:#b42318;background:#fff7f7}.po-production-summary.health-due_soon{border-left-color:#d79000;background:#fffbef}.po-production-summary.health-on_track,.po-production-summary.health-complete{border-left-color:#23804b}.production-summary-statuses{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px}.summary-landing{padding:6px 9px;font-size:13px}@media(max-width:800px){.po-production-summary{align-items:flex-start;flex-direction:column}.production-summary-statuses{justify-content:flex-start}.po-quick-view{overflow-x:auto}}


/* v0.6.7.4 — navigation + layout polish only; no workflow/route changes */
:root{
 --steel-900:#243f54;--steel-800:#31536b;--steel-700:#416985;--steel-600:#557f9b;
 --steel-100:#eaf1f6;--steel-050:#f3f7fa;--line:#d7e0e7;--ink:#203040;
}
body.tenant-app{background:#eef3f7;color:var(--ink)}
body.tenant-app .side{background:linear-gradient(180deg,#2d4d64 0%,#365f78 100%);color:#fff}
body.tenant-app .brand{color:#fff}
body.tenant-app .brand small{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;opacity:.7;margin-top:3px}
body.tenant-app .side a{color:#edf4f8;border:1px solid transparent}
body.tenant-app .side a:hover{background:rgba(255,255,255,.09)}
body.tenant-app .side a.active{background:#527a96;color:#fff;border-color:rgba(255,255,255,.12);box-shadow:inset 3px 0 0 #d7e8f3}
body.tenant-app h1,body.tenant-app h2{color:#294a63}
body.tenant-app .panel,body.tenant-app .card{border-color:#ccd9e3;box-shadow:0 2px 8px rgba(39,67,88,.035)}
body.tenant-app .btn:not(.secondary):not(.danger),body.tenant-app button:not(.secondary):not(.danger):not(.linkbtn){background:#365f7d}
body.tenant-app a{color:#315f80}

/* Sidebar remains visually stable between pages. */
.side{width:220px;min-width:220px}
.side .brand{min-height:44px}
.side a{min-height:40px;display:flex;align-items:center}
.side a.active{font-weight:700}

/* Consistent page header and action alignment. */
.main{min-width:0;max-width:1680px;width:100%}
.top{gap:16px;flex-wrap:wrap;align-items:flex-start}
.top>div:last-child{margin-left:auto}
.top h1{margin:0 0 5px}
.top h2{margin-top:0}
.panel>.top{margin-bottom:14px}
.panel>.top:last-child{margin-bottom:0}

/* Compact, predictable button sizing. */
.btn,button{min-height:36px;padding:8px 12px;font-size:14px;line-height:1.2;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
.btn.secondary,button.secondary{background:#6d7f8e}
.btn.danger,button.danger{background:#a84242}
form[style*="display:inline"]{vertical-align:middle}
td .btn,td button,.actions .btn,.actions button,.line-actions .btn,.line-actions button{min-height:32px;padding:6px 9px;font-size:13px}

/* Make groups of adjacent controls wrap instead of jumping/stretching. */
.actions,.line-actions,.button-row,.toolbar-actions,.order-actions,.page-actions{
 display:flex;align-items:center;gap:7px;flex-wrap:wrap
}
.actions form,.line-actions form,.button-row form,.toolbar-actions form,.order-actions form,.page-actions form{margin:0}
.savebar,.sticky-save{gap:8px;flex-wrap:wrap}

/* Tables and forms behave better at medium widths. */
.panel{overflow-wrap:anywhere}
table{border-radius:10px;overflow:hidden}
th{background:#f7f9fb}
td:last-child .btn+ .btn{margin-left:4px}
.form-grid,.builder-grid{align-items:start}
textarea{width:100%;min-height:90px}

/* Platform and tenant now share the steel family while remaining distinguishable. */
body.platform-admin .side{background:linear-gradient(180deg,#29485e 0%,#36566f 100%)}
body.platform-admin .side a.active{box-shadow:inset 3px 0 0 #d7e8f3}
body.platform-admin .main,body.tenant-app .main{background:transparent}

/* Mobile/tablet: menu becomes a stable horizontal rail; actions wrap cleanly. */
@media(max-width:850px){
 .side{width:100%;min-width:0;padding:10px 12px;align-items:center}
 .side .brand{min-height:auto;margin:0 10px 0 0;flex:0 0 auto}
 .side .brand small{display:none!important}
 .side a{min-height:36px;padding:8px 10px}
 .main{padding:16px}
 .top>div:last-child{margin-left:0}
 .top{align-items:center}
 .btn,button{white-space:normal}
}
@media(max-width:560px){
 .top{display:block}
 .top>div,.top>a,.top>form{margin-bottom:8px}
 .actions,.line-actions,.button-row,.toolbar-actions,.order-actions,.page-actions{align-items:stretch}
 .actions .btn,.actions button,.line-actions .btn,.line-actions button{flex:1 1 auto}
 .search{flex-wrap:wrap}
 .search input{min-width:0;width:100%}
}


/* v0.6.7.5 — action placement + button contrast */
body.tenant-app .btn:not(.secondary):not(.danger),
body.tenant-app button:not(.secondary):not(.danger):not(.linkbtn){
  background:#365f7d;
  color:#fff;
  border-color:#365f7d;
}
body.tenant-app .btn:not(.secondary):not(.danger):hover,
body.tenant-app button:not(.secondary):not(.danger):not(.linkbtn):hover{
  background:#294e69;
  color:#fff;
}
body.tenant-app .btn.secondary,
body.tenant-app button.secondary{
  background:#6d7f8e;
  color:#fff;
  border-color:#6d7f8e;
}
body.tenant-app .btn.danger,
body.tenant-app button.danger{
  background:#a84242;
  color:#fff;
  border-color:#a84242;
}
body.tenant-app .btn[disabled],
body.tenant-app button[disabled]{
  background:#d7e0e7!important;
  border-color:#c9d3db!important;
  color:#647583!important;
  opacity:1;
  cursor:not-allowed;
}
body.tenant-app a.btn,
body.tenant-app a.btn:visited,
body.tenant-app a.btn:hover{
  color:#fff;
  text-decoration:none;
}
/* Back/Cancel navigation buttons need the same high contrast. */
body.tenant-app a.btn.secondary,
body.tenant-app a.btn.secondary:visited{
  color:#fff;
}

/* Order line: information first, actions on their own row below. */
body.tenant-app .line{
  align-items:flex-start;
}
body.tenant-app .line-main{
  min-width:0;
}
body.tenant-app .line-actions{
  width:100%;
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid #e1e8ed;
  justify-content:flex-start;
}
body.tenant-app .line-actions .btn,
body.tenant-app .line-actions button{
  min-width:0;
}

body.tenant-app .order-product-line{
 display:grid;
 grid-template-columns:64px minmax(0,1fr);
 column-gap:16px;
 row-gap:0;
}
body.tenant-app .order-product-line>.line-num{grid-column:1;grid-row:1}
body.tenant-app .order-product-line>.line-main{grid-column:2;grid-row:1}
body.tenant-app .order-product-line>.line-actions{
 grid-column:2;
 grid-row:2;
 margin-top:12px;
}
@media(max-width:700px){
 body.tenant-app .order-product-line{grid-template-columns:1fr}
 body.tenant-app .order-product-line>.line-num,
 body.tenant-app .order-product-line>.line-main,
 body.tenant-app .order-product-line>.line-actions{grid-column:1}
 body.tenant-app .order-product-line>.line-num{grid-row:auto;margin-bottom:8px}
 body.tenant-app .order-product-line>.line-main{grid-row:auto}
 body.tenant-app .order-product-line>.line-actions{grid-row:auto}
}

.inline-fields{display:grid;grid-template-columns:minmax(90px,1fr) 120px;gap:8px}.supplier-leads{padding:14px;border:1px solid #d7e0e7;border-radius:10px;background:#f7fafc}.po-planning-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0}.po-planning-summary>div{padding:12px;border:1px solid #d7e0e7;border-radius:10px;background:#f7fafc}.po-planning-summary strong,.po-planning-summary span{display:block}.two-form-row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.two-form-row form:first-child{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap;flex:1}@media(max-width:850px){.po-planning-summary{grid-template-columns:1fr}}

/* v0.6.9.0 live FX */
.live-rate-controls{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.live-rate-controls label{min-width:180px}.live-rate-preview{margin-top:14px;padding:14px;border:1px solid #cbd9e3;border-radius:10px;background:#f4f8fb}.live-rate-preview strong,.live-rate-preview span{display:block}.live-rate-preview form{margin-top:10px}.warning{border-left:4px solid #b7791f}

/* v0.6.9.3 live FX line costing */
.fx-line-form{align-items:flex-end}.fx-price-label{font-size:12px;font-weight:700;min-width:145px}.fx-price-label input{display:block;margin-top:4px;min-width:120px}.fx-line-result{min-width:190px}.fx-nzd-cost{font-size:14px}.fx-margin{font-weight:600}

/* v0.7.0.0 landed cost + tenant billing */
.landed-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.landed-summary{margin:14px 0;padding:10px;border-radius:8px;background:#f4f8fb}.landed-override-form{display:grid;grid-template-columns:repeat(3,minmax(70px,1fr));gap:5px}.landed-override-form button{grid-column:1/-1}.financial-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.financial-kpis>div,.invoice-meta>div{padding:14px;border:1px solid #d7e0e7;border-radius:10px;background:#f7fafc}.financial-kpis span,.invoice-meta span{display:block;color:#64748b;font-size:12px}.financial-kpis b{font-size:22px}.report-filter{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.billing-inline{display:grid;grid-template-columns:repeat(2,minmax(110px,1fr));gap:5px}.invoice-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}@media(max-width:900px){.landed-grid,.financial-kpis,.invoice-meta{grid-template-columns:1fr}.landed-override-form,.billing-inline{grid-template-columns:1fr}}

/* v0.7.1.0 */
.po-section-controls{display:flex;justify-content:flex-end;gap:8px;margin:10px 0}.po-section{margin:14px 0;border:1px solid #d8e1e8;border-radius:12px;background:#fff;overflow:hidden}.po-section>summary{cursor:pointer;list-style:none;padding:14px 18px;background:#eef4f8;display:flex;align-items:center;gap:12px}.po-section>summary span{font-size:18px;font-weight:800;color:#294d6c}.po-section>summary small{color:#64748b}.po-section>summary:after{content:"▾";margin-left:auto}.po-section:not([open])>summary:after{content:"▸"}.po-section-body{border:0!important;border-radius:0!important;margin:0!important}.section-inner-title{display:none}.line-override summary,.billing-editor summary{cursor:pointer;font-weight:700;color:#365f80}.billing-form{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px;min-width:350px}.billing-form label{font-size:12px;font-weight:700}.billing-form input,.billing-form select{display:block;width:100%;margin-top:3px}.billing-form .wide{grid-column:1/-1}.billing-actions,.invoice-preview-actions{display:flex;gap:8px;align-items:center;margin-top:8px}.billing-actions form{margin:0}.invoice-preview-page{max-width:1000px;margin:30px auto;padding:0 20px}.invoice-preview-actions{justify-content:flex-end;margin-bottom:15px}.invoice-document{background:#fff;border:1px solid #d8e1e8;border-radius:12px;padding:30px}.invoice-head{display:flex;justify-content:space-between;gap:30px;margin-bottom:30px}.invoice-head>div:last-child{text-align:right}.invoice-total td{font-size:18px;font-weight:800}.invoice-notes{margin-top:25px;padding:15px;background:#f5f8fa;border-radius:8px}@media print{.invoice-preview-actions{display:none}.invoice-preview-page{margin:0;max-width:none;padding:0}.invoice-document{border:0}}@media(max-width:800px){.billing-form{grid-template-columns:1fr;min-width:0}.billing-form .wide{grid-column:auto}.invoice-head{display:block}.invoice-head>div:last-child{text-align:left;margin-top:20px}}

/* v0.7.2.0 tenant production invoices/payment confirmation */
.tenant-payment-box,.payment-review{margin-top:22px;padding:16px;border:1px solid #c9d8e3;border-radius:10px;background:#f5f9fc}.tenant-payment-box form{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.tenant-payment-box label{font-weight:700}.tenant-payment-box input{display:block;margin-top:5px}.payment-review .billing-actions{margin-top:10px}.notice.success{background:#edf8f0;border-color:#b8ddc2}

/* v0.7.3.0 factory PO documents */
.top-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.factory-document-panel table td{vertical-align:top}.factory-document-panel .section-title-row{align-items:flex-start}

/* v0.8.0.0 Customer Approval */
.customer-approval-panel .approval-admin-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;margin:12px 0}.approval-admin-grid>div{background:#f4f8fb;border:1px solid #d9e4ec;border-radius:9px;padding:10px}.approval-admin-grid span{display:block;font-size:11px;text-transform:uppercase;color:#64748b}.approval-link-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0}.approval-link-row input{flex:1;min-width:280px}.approval-admin-comments{margin-top:18px}.approval-admin-comment{border:1px solid #dbe4ea;border-radius:9px;padding:12px;margin:9px 0}.approval-comment-actions{display:flex;gap:8px;align-items:center;margin-top:10px}.approval-comment-actions form{display:flex;gap:6px;margin:0}.approval-comment-actions form:first-child{flex:1}.approval-comment-actions input{flex:1}.approval-reply{margin:8px 0 0 18px;padding:8px 10px;border-left:3px solid #9eb6c8;background:#f5f8fa}.public-approval{background:#eaf0f4;color:#1f2937}.approval-public-shell{max-width:1180px;margin:28px auto;padding:0 16px}.approval-card{background:#fff;border:1px solid #d5e0e8;border-radius:12px;padding:20px;margin-bottom:16px;box-shadow:0 3px 12px rgba(30,55,75,.05)}.approval-head{display:flex;justify-content:space-between;align-items:flex-start}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.08em;color:#53728a}.approval-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.approval-tab{background:#e8eff4;color:#294d6c}.approval-tab.active{background:#294d6c;color:#fff}.approval-tab small{opacity:.75}.approval-viewer-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0}.approval-viewer-toolbar input{width:72px}.approval-pdf-wrap{position:relative;height:720px;border:1px solid #bfcdd8;border-radius:8px;overflow:hidden;background:#d9dee2}.approval-pdf-wrap iframe{width:100%;height:100%;border:0}.pin-overlay{position:absolute;inset:0;pointer-events:none}.pin-overlay.armed{pointer-events:auto;cursor:crosshair;background:rgba(41,77,108,.05)}.approval-pin{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#c9362b;color:#fff;font-weight:800;box-shadow:0 2px 7px rgba(0,0,0,.35)}.approval-pin-form{margin-top:12px;padding:14px;border-radius:9px;background:#f4f8fb;border:1px solid #cbd9e3}.approval-pin-form form,.approval-general-comment,.approval-final form{display:grid;gap:10px}.approval-pin-form label,.approval-general-comment label,.approval-final label{font-weight:700}.approval-pin-form input,.approval-pin-form textarea,.approval-general-comment input,.approval-general-comment textarea,.approval-final input,.approval-final textarea{display:block;width:100%;margin-top:4px}.approval-comment{padding:12px 0;border-bottom:1px solid #e2e8ee}.approval-check{display:flex!important;gap:8px;align-items:flex-start}.approval-check input{width:auto!important;margin-top:3px!important}.approval-final{border-top:4px solid #294d6c}@media(max-width:800px){.customer-approval-panel .approval-admin-grid{grid-template-columns:1fr 1fr}.approval-pdf-wrap{height:560px}.approval-head{display:block}}

/* v0.8.0.1 visible approval pins */
.pin-overlay{pointer-events:none}.pin-overlay .saved-pin{pointer-events:auto;border:0;cursor:pointer}.approval-pin.saved-pin.resolved{opacity:.55}.approval-pin-location{margin-top:10px}.approval-admin-pdf-pin{position:relative;height:420px;max-width:760px;margin-top:6px;border:1px solid #cbd5df;border-radius:8px;overflow:hidden;background:#d9dee2}.approval-admin-pdf-pin iframe{width:100%;height:100%;border:0}.approval-admin-pdf-pin .admin-pin{pointer-events:none}

/* v0.8.1.0 pin preview + order section controls */
.pin-preview-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.pin-preview-window{max-width:430px;margin:0 auto 14px;padding:12px;background:#dfe7ed;border:1px solid #c4d1db;border-radius:10px}.pin-preview-page,.pin-location-page{position:relative;aspect-ratio:210/297;background:#fff;border:1px solid #aebdca;box-shadow:0 2px 7px rgba(0,0,0,.12);overflow:hidden}.pin-preview-page:before,.pin-location-page:before{content:"PAGE " attr(data-page);position:absolute;left:12px;top:10px;font-size:11px;font-weight:800;color:#8293a1}.pin-preview-page:after,.pin-location-page:after{content:"";position:absolute;z-index:0;left:12%;right:12%;top:22%;height:5px;background:#e7ecef;box-shadow:0 25px 0 #edf1f4,0 50px 0 #edf1f4,0 75px 0 #edf1f4,0 100px 0 #edf1f4}.preview-pin,.admin-pin{z-index:3}.pin-location-card{display:grid;grid-template-columns:minmax(150px,220px) 1fr;gap:14px;margin-top:7px;padding:10px;border:1px solid #d4dee6;border-radius:9px;background:#f7fafc}.pin-location-meta{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.order-section-controls{display:flex;justify-content:flex-end;gap:8px;margin:0 0 12px}.order-collapse-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.order-collapse-head h2,.order-collapse-head h3{margin:0}.order-collapse-ready.collapsed>.order-collapse-body{display:none}.order-collapse-toggle{padding:6px 10px;font-size:12px}@media(max-width:700px){.pin-location-card{grid-template-columns:1fr}.pin-location-page{max-width:210px}.order-section-controls{justify-content:flex-start}}

/* v0.8.2.0 real PDF pin crops */
.pdfjs-wrap{height:auto;max-height:760px;overflow:auto;padding:10px;display:block;text-align:center}.pdfjs-stage{position:relative;margin:0 auto;background:#fff}.pdfjs-stage canvas{display:block}.pdfjs-stage .pin-overlay{position:absolute;inset:0}.crop-size-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:12px 0}.crop-size-row label{display:flex;gap:5px;align-items:center;font-weight:600}.real-crop-preview{display:flex;justify-content:center;background:#e8eef2;border:1px solid #ccd8e1;border-radius:9px;padding:12px}.real-crop-preview canvas{max-width:100%;max-height:420px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.16)}.comment-crop{display:inline-block;margin:8px 0}.comment-crop img{display:block;max-width:340px;max-height:340px;border:1px solid #cbd6de;border-radius:7px}.pin-crop-tenant{display:grid;grid-template-columns:minmax(180px,340px) 1fr;gap:16px;align-items:start;margin-top:8px;padding:10px;background:#f6f9fb;border:1px solid #d5e0e7;border-radius:9px}.pin-crop-tenant img{width:100%;max-width:340px;border:1px solid #bac8d2;border-radius:7px;background:#fff}.legacy-pin-note{padding:30px;background:#eef2f5;border:1px dashed #aab8c3;border-radius:7px;color:#64748b}.order-collapse-toggle{display:inline-flex;align-items:center;gap:7px;min-width:94px;justify-content:center}.collapse-arrow{display:inline-block;width:14px;font-size:14px;font-weight:900}.order-collapse-head{cursor:pointer}.order-collapse-head>.order-collapse-toggle{cursor:pointer}@media(max-width:700px){.pin-crop-tenant{grid-template-columns:1fr}.comment-crop img{max-width:100%}}

/* v0.8.3.0 multi-page approval + true workflow collapse */
.multipage-pdf-wrap{height:760px;overflow:auto;padding:12px;background:#dce4e9}.pdf-pages{display:flex;flex-direction:column;gap:18px;align-items:center}.pdf-page-shell{width:max-content;max-width:100%}.pdf-page-label{text-align:left;font-size:12px;font-weight:800;color:#536878;margin:0 0 5px}.pdf-page-stage{position:relative;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.18)}.pdf-page-stage canvas{display:block;max-width:100%;height:auto}.pdf-page-stage .pin-overlay{position:absolute;inset:0}.order-workflow-section.collapsed>.order-section-content{display:none!important}.order-workflow-section>.section-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.order-workflow-section>.section-title-row>div{flex:1}.approval-delete-pin{margin-top:10px}.approval-delete-pin form{margin:0}.approval-delete-pin .danger{background:#a94442;color:#fff}.approval-locked{margin-top:10px;font-weight:700}

/* v0.8.4.0 per-product approval */
.approval-flow-summary{margin-top:14px}.approval-send-ready{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:14px 0;padding:12px;border:1px solid #cbd9e2;border-radius:9px;background:#f5f9fb}.approval-send-ready p{margin:0}.approval-current-revision{margin-top:16px;padding-top:14px;border-top:1px solid #d6e0e6}

/* v0.8.5.0 strict line approval isolation */
.line-comment-group[hidden]{display:none!important}.line-comment-group{padding:12px 0;border-top:1px solid #d8e1e7}.line-comment-group h3,.tenant-line-comments h4{margin:0 0 10px}.general-comments-block{margin-top:18px;padding-top:14px;border-top:2px solid #c9d5dd}.tenant-line-comments{margin:12px 0;padding:12px;border:1px solid #cdd9e1;border-radius:9px;background:#f8fafb}

/* v0.9.0 Quotes */
.quote-total{text-align:right;padding:18px;font-size:16px;line-height:1.7}.quote-total strong{font-size:20px}.quote-add-line{display:grid;grid-template-columns:2fr .5fr .7fr 1.4fr auto;gap:8px;margin:16px 0}.quote-public{background:#eef2f4;margin:0;padding:28px;font-family:Arial,sans-serif;color:#17232b}.quote-sheet{max-width:920px;margin:auto;background:#fff;padding:38px;box-shadow:0 4px 25px #0001}.quote-hero{display:flex;justify-content:space-between;gap:30px;border-bottom:2px solid #253844;padding-bottom:24px}.quote-kicker{font-size:12px;letter-spacing:.6px;font-weight:600}.quote-hero h1{font-size:30px;margin:4px 0}.quote-hero h2{font-size:16px;font-weight:normal;margin:0}.quote-customer{display:flex;flex-direction:column;text-align:right;gap:5px}.quote-note{margin:22px 0;padding:14px;background:#f5f7f8}.quote-lines-public{width:100%;margin-top:24px}.quote-lines-public th{text-align:left;border-bottom:1px solid #aeb9bf;padding:10px}.quote-lines-public td{padding:13px 10px;border-bottom:1px solid #e0e5e8}.quote-public-totals{margin:22px 0 22px auto;max-width:330px}.quote-public-totals div{display:flex;justify-content:space-between;padding:7px}.quote-public-totals .grand{font-size:20px;border-top:2px solid #253844;margin-top:5px;padding-top:12px}.quote-actions{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:25px 0}.quote-actions form,.quote-comments{border:1px solid #d8e0e4;padding:18px;border-radius:8px}.quote-comments{margin-top:24px}@media(max-width:760px){.quote-public{padding:8px}.quote-sheet{padding:18px}.quote-hero,.quote-actions{display:block}.quote-customer{text-align:left;margin-top:18px}.quote-add-line{display:block}.quote-add-line>*{margin-bottom:8px;width:100%}}

/* v0.9.1 */
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}.tenant-logo-preview,.customer-tenant-logo{max-width:180px;max-height:80px;object-fit:contain}.customer-company-name{font-size:18px;font-weight:700;margin:8px 0}.customer-company-meta{margin:14px 0 20px;color:#53636c;font-size:13px}.customer-terms,.customer-document-footer{margin-top:28px;border-top:1px solid #d9e0e4;padding-top:15px;white-space:pre-line}.customer-document-footer{font-size:12px;color:#66757d}@media(max-width:760px){.form-grid{grid-template-columns:1fr}}

/* v0.9.2 customer profile + quote layout */
.quote-three-col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;margin:22px 0 30px}.quote-three-col .quote-col{padding:18px 30px;min-height:210px;border-left:1px solid #d9e0e4}.quote-three-col .quote-col:first-child{border-left:0}.quote-label{text-transform:uppercase;color:#5d7091;font-size:13px;margin:10px 0 5px}.quote-three-col strong{font-size:17px}.quote-details a{display:inline-block;margin-top:16px}.customer-profile-fields{margin:22px 0}.check-row{display:flex;align-items:center;gap:8px;margin:16px 0}@media(max-width:800px){.quote-three-col{grid-template-columns:1fr}.quote-three-col .quote-col{border-left:0;border-top:1px solid #d9e0e4;min-height:auto}.quote-three-col .quote-col:first-child{border-top:0}}

/* v0.9.2.1 quote header cleanup */
.quote-three-col .quote-contact-detail{margin-top:6px}
.quote-three-col .quote-address-detail{margin-top:8px;line-height:1.35}
.quote-three-col .quote-tax-detail{margin-top:8px}

/* v0.10 Stock Items / Services */
.stock-flags{display:flex;gap:18px;flex-wrap:wrap;margin:18px 0}.stock-flags label{display:flex;gap:7px;align-items:center}
.stock-add-box,.stock-order-add{border-top:1px solid #d9e0e4;margin-top:18px;padding-top:16px}.stock-order-form{display:grid;grid-template-columns:2fr .6fr 1fr 2fr auto;gap:10px;align-items:end}
.stock-line-card{border:1px solid #d9e0e4;border-radius:10px;padding:14px;margin:10px 0;background:#fff}.stock-line-head{display:flex;justify-content:space-between;gap:12px}.stock-files{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.file-chip{padding:5px 8px;border:1px solid #d9e0e4;border-radius:6px}.mini{padding:1px 5px}
@media(max-width:900px){.stock-order-form{grid-template-columns:1fr}.stock-line-head{display:block}}
/* RCentral v0.11 - generated 3D product assets */
.three-d-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.three-d-list{display:grid;gap:12px}.three-d-card{border:1px solid #dfe4ec;border-radius:12px;padding:12px;background:#fff}.three-d-card>a{display:block;background:#fff;border-radius:8px;overflow:hidden;margin-bottom:10px}.three-d-card img{display:block;width:100%;max-height:360px;object-fit:contain;background:#fff}.three-d-card small{display:block;color:#6b7280;margin-top:5px}@media(max-width:850px){.three-d-grid{grid-template-columns:1fr}}

/* v0.11.0.2 — Order product cards: full-width information with actions below */
body.tenant-app .order-line-card{
  display:grid;
  grid-template-columns:52px minmax(0,1fr);
  column-gap:16px;
  row-gap:0;
  align-items:start;
}
body.tenant-app .order-line-card>.line-number{
  grid-column:1;
  grid-row:1;
  align-self:start;
  margin-top:2px;
}
body.tenant-app .order-line-card>.line-main{
  grid-column:2;
  grid-row:1;
  width:100%;
  min-width:0;
}
body.tenant-app .order-line-card>.line-actions{
  grid-column:1 / -1;
  grid-row:2;
  width:100%;
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid #e1e8ed;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  flex-wrap:wrap;
}
body.tenant-app .order-line-card>.line-actions form{
  margin:0;
}
body.tenant-app .order-line-card>.line-actions form:last-child{
  margin-left:auto;
}
body.tenant-app .order-line-card>.line-actions .status-pill{
  min-height:32px;
  display:inline-flex;
  align-items:center;
}
@media(max-width:700px){
  body.tenant-app .order-line-card{
    grid-template-columns:1fr;
  }
  body.tenant-app .order-line-card>.line-number,
  body.tenant-app .order-line-card>.line-main,
  body.tenant-app .order-line-card>.line-actions{
    grid-column:1;
    grid-row:auto;
  }
  body.tenant-app .order-line-card>.line-number{
    margin-bottom:8px;
  }
  body.tenant-app .order-line-card>.line-actions form:last-child{
    margin-left:0;
  }
}
.config-edit-row,.fabric-config-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid #e6e9ef}.config-edit-row>input:first-of-type,.fabric-config-row>input[name=name]{flex:1 1 320px}.fabric-config-row label{white-space:nowrap}

/* v0.11.1.1 Product Configuration usability */
.config-filter-bar{display:grid;grid-template-columns:minmax(260px,2fr) minmax(180px,1fr) minmax(150px,1fr) auto;gap:14px;align-items:end}.config-filter-bar label{display:flex;flex-direction:column;gap:6px}.config-filter-actions{display:flex;gap:8px;align-items:center}.fabric-position-grid{display:flex;flex-wrap:wrap;gap:14px 28px;margin-top:8px}.fabric-position-grid .check{min-width:120px}.platform-admin table input{width:100%;min-width:220px}@media(max-width:900px){.config-filter-bar{grid-template-columns:1fr}.config-filter-actions{justify-content:flex-start}}

/* v0.11.1.2 configuration usability */
.fabric-position-grid{display:flex!important;flex-wrap:wrap!important;gap:14px 30px!important;align-items:center!important}.fabric-position-grid .check{display:inline-flex!important;align-items:center!important;gap:9px!important;min-width:auto!important;width:auto!important;white-space:nowrap!important}.fabric-position-grid .check input{width:auto!important;min-width:0!important;flex:0 0 auto!important}.fabric-active-row{margin-top:22px}.fabric-active-row .check{display:inline-flex!important;align-items:center!important;gap:9px!important;white-space:nowrap!important}.fabric-active-row .check input{width:auto!important;min-width:0!important}


/* v0.11.1.6 UI consistency, flow and breadcrumbs */
.rc-breadcrumbs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 14px;font-size:13px;color:#697786}.rc-breadcrumbs a{color:#526477;font-weight:650}.rc-breadcrumbs a:hover{text-decoration:underline}.rc-breadcrumbs span{opacity:.55}
.panel h2,.panel h3{margin-top:0}.panel>p:first-child{margin-top:0}.rc-field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.rc-field input,.rc-field select,.rc-field textarea{width:100%;min-width:0}.rc-field textarea,textarea{padding:10px 12px;border:1px solid #cbd3dc;border-radius:8px;font:inherit;line-height:1.45;resize:vertical}.rc-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.rc-section-head h2,.rc-section-head h3{margin:0 0 5px}.rc-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:20px;padding-top:16px;border-top:1px solid #e5e9ee}.rc-form-actions .secondary:first-child{margin-right:auto}.top{gap:16px;flex-wrap:wrap}.top>div:first-child{min-width:0}.top h1{margin:0 0 5px}.form-grid>label:not(.check){display:flex;flex-direction:column;gap:6px;font-weight:600}.form-grid input,.form-grid select,.form-grid textarea{width:100%;min-width:0}.line-actions,.action-row{align-items:center}.btn,button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;line-height:1.15}.rc-3d-settings textarea{min-height:260px}.status-pill{white-space:nowrap}
@media(max-width:700px){.rc-form-actions{justify-content:stretch}.rc-form-actions .btn,.rc-form-actions button{flex:1 1 auto}.rc-form-actions .secondary:first-child{margin-right:0}.rc-section-head{display:block}}
/* v0.11.1.7 form and accessory configuration tidy-up */
.quote-details-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:16px}.quote-details-grid label,.quote-notes{display:flex;flex-direction:column;gap:7px;font-weight:600}.quote-notes textarea{width:100%;min-height:110px}.form-actions{display:flex;gap:10px;margin-top:14px}.accessory-config-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.accessory-config-grid label{display:flex;flex-direction:column;gap:7px}@media(max-width:850px){.quote-details-grid{grid-template-columns:1fr}}

/* v0.11.1.10 accessory flow + style status alignment */
.platform-admin .style-status-cell{width:150px;min-width:150px;white-space:nowrap}
.platform-admin .style-active-check{display:inline-flex!important;align-items:center!important;gap:9px!important;white-space:nowrap!important;width:auto!important;min-width:0!important}
.platform-admin .style-active-check input{width:auto!important;min-width:0!important;flex:0 0 auto!important;margin:0}
.platform-admin .style-active-check span{white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important}
/* v0.12 Production workspace */
.production-app .brand small{display:block;opacity:.7;font-size:.72em}.production-app .tenant-stats{display:flex;gap:12px;flex-wrap:wrap}.production-app .tenant-stats span{background:#fff;border:1px solid #e2e6ea;border-radius:8px;padding:12px 16px;min-width:150px}.production-app .tenant-stats b{font-size:1.35rem;margin-right:5px}

/* v0.12.0.3 workspace identity + alignment */
body.production-app{background:#f3f4f6;color:#171a1f}
body.production-app .side{background:linear-gradient(180deg,#090b0e 0%,#15191e 100%);color:#fff}
body.production-app .brand{color:#fff}
body.production-app .side a{color:#d9dde2}
body.production-app .side a:hover,body.production-app .side a.active{background:#292f36;color:#fff;box-shadow:inset 3px 0 0 #fff}
body.production-app .btn:not(.secondary):not(.danger),body.production-app button:not(.secondary):not(.danger):not(.linkbtn){background:#171a1f}
body.production-app h1,body.production-app h2,body.production-app h3{color:#171a1f}
body.production-app .panel{border-color:#d8dde3}
body.production-app table th{color:#4e5965}
body.production-app .top,body.platform-admin .top,body.tenant-app .top{align-items:flex-start}
body.production-app .actions,body.production-app .line-actions,body.production-app .button-row,body.production-app .toolbar-actions,body.production-app .page-actions{align-items:center}
body.production-app td .btn,body.production-app td button{vertical-align:middle}
.health-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0}.health-card{display:flex;flex-direction:column;gap:6px;min-height:128px}.health-card .health-value{font-size:28px;font-weight:800}.health-card .health-label{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#66737d;font-weight:700}.health-card .health-state{margin-top:auto}.health-ok{color:#237a43}.health-warn{color:#9a5b00}.health-critical{color:#a84242}.health-list{margin:0;padding:0;list-style:none}.health-list li{padding:10px 0;border-bottom:1px solid #e5e9ee}.health-list li:last-child{border-bottom:0}
@media(max-width:1000px){.health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.health-grid{grid-template-columns:1fr}}

/* v0.12.0.4 workspace/menu/health consistency */
.health-link{display:flex!important;flex-direction:column;text-decoration:none;color:inherit;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.health-link:hover{transform:translateY(-1px);box-shadow:0 5px 18px rgba(0,0,0,.12)}.health-panel .rc-section-head{align-items:center}.line-actions{display:flex;flex-direction:column;gap:8px;align-items:stretch}.line-actions .btn,.line-actions button,.line-actions form{width:100%;box-sizing:border-box}.line-actions form button{width:100%}.side hr{border:0;border-top:1px solid rgba(255,255,255,.18);margin:12px 10px}.rc-section-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.rc-section-head h2{margin-top:0}.health-grid{align-items:stretch}

/* v0.12.0.5 — restore compact Order product card action row.
   3D actions remain on Product / Tech Pack only. */
body.tenant-app .order-line-card>.line-actions{
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  flex-wrap:wrap;
  width:100%;
}
body.tenant-app .order-line-card>.line-actions .btn,
body.tenant-app .order-line-card>.line-actions button{
  width:auto;
  flex:0 0 auto;
  box-sizing:border-box;
}
body.tenant-app .order-line-card>.line-actions form{
  width:auto;
  flex:0 0 auto;
  margin:0;
}
body.tenant-app .order-line-card>.line-actions form button{width:auto}
body.tenant-app .order-line-card>.line-actions form:last-child{margin-left:auto}
@media(max-width:700px){
  body.tenant-app .order-line-card>.line-actions{align-items:stretch}
  body.tenant-app .order-line-card>.line-actions .btn,
  body.tenant-app .order-line-card>.line-actions button,
  body.tenant-app .order-line-card>.line-actions form,
  body.tenant-app .order-line-card>.line-actions form button{width:100%}
  body.tenant-app .order-line-card>.line-actions form:last-child{margin-left:0}
}

/* v0.12.0.8 persistent Product Configuration navigation */
.product-config-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:10px;background:#eef3f7;border:1px solid #d7e0e8;border-radius:10px}
.product-config-nav a{display:inline-flex;align-items:center;min-height:36px;padding:7px 12px;border-radius:7px;text-decoration:none;font-weight:700;color:#24445c;background:#fff;border:1px solid #cad6df;white-space:nowrap}
.product-config-nav a:hover{background:#dde9f1}
body.platform-admin .product-config-nav a[href="/platform/product-config/styles"]{ }
@media(max-width:800px){.product-config-nav{display:grid;grid-template-columns:1fr 1fr}.product-config-nav a{justify-content:center}}

/* v0.12.1 production workspace consistency */
.production-side a{white-space:nowrap}
.collapsible-heading{position:relative;padding-right:46px!important}
.collapse-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:30px;height:30px;min-width:30px;padding:0;border-radius:6px;font-size:20px;line-height:1}
.collapsible-panel.is-collapsed .collapsible-body,[data-collapsible].is-collapsed .collapsible-body{display:none}
.production-workflow{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}
.production-workflow .step{padding:5px 8px;border:1px solid #555;border-radius:999px;font-size:12px;opacity:.65}
.production-workflow .step.current{opacity:1;font-weight:700;border-width:2px}
.production-issue{border-left:4px solid currentColor;padding-left:12px;margin:10px 0}

/* v0.12.1.1 production workflow pills: override generic .step circle */
.production-app .production-workflow{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:14px 0 18px}
.production-app .production-workflow .step{display:inline-flex;width:auto;height:auto;min-width:0;min-height:0;padding:7px 11px;align-items:center;justify-content:center;border:1px solid #555;border-radius:999px;font-size:12px;line-height:1.2;white-space:nowrap;overflow:visible;opacity:.65;background:transparent}
.production-app .production-workflow .step.current{opacity:1;font-weight:700;border-width:2px}
@media(max-width:800px){.production-app .production-workflow .step{font-size:11px;padding:6px 9px}}
.approval-line-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.approval-line-actions form{margin:0}.approval-line-actions .muted{font-size:12px}

/* v0.12.1.2 portal / compact landed override / standard collapse controls */
.collapse-toggle{position:static!important;right:auto!important;top:auto!important;transform:none!important;width:auto!important;height:auto!important;min-width:94px!important;padding:6px 10px!important;border-radius:7px!important;font-size:12px!important;line-height:1.2!important;display:inline-flex!important;align-items:center;justify-content:center;gap:7px;margin-left:auto;flex:0 0 auto}
.collapsible-heading{display:flex;align-items:center;gap:12px;padding-right:0!important}.collapsible-heading>h2,.collapsible-heading>h3{margin-right:auto}.collapsible-heading>.collapse-toggle{margin-left:auto}
.landed-override-form{display:grid!important;grid-template-columns:repeat(3,minmax(72px,92px)) auto!important;gap:6px!important;align-items:center!important;min-width:0!important;width:max-content!important;max-width:100%!important}.landed-override-form input{width:92px!important;min-width:72px!important;margin:0!important;padding:7px 8px!important}.landed-override-form button{width:auto!important;margin:0!important;white-space:nowrap!important;padding:7px 12px!important}.line-override{min-width:0}.line-override[open]{min-width:360px}
.portal-order-form{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.portal-order-form .portal-check{display:flex;align-items:center;gap:8px;margin:0}.portal-order-form .portal-check input{width:auto;margin:0}.portal-visibility-panel .section-title-row{align-items:flex-start}.line-actions form{margin:0}
@media(max-width:700px){.landed-override-form{grid-template-columns:repeat(2,minmax(72px,92px))!important;width:100%!important}.line-override[open]{min-width:0}.collapse-toggle{min-width:88px!important}}

/* v0.12.1.3 PO detail readability */
.landed-cost-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:12px 0 14px}.landed-cost-column{padding:16px;border:1px solid #d7e0e7;border-radius:10px;background:#f8fafc}.landed-cost-column h3{margin:0 0 12px}.landed-cost-column label{display:grid;grid-template-columns:minmax(120px,1fr) minmax(120px,220px);align-items:center;gap:12px;margin:8px 0}.landed-cost-column input{width:100%;max-width:220px}.po-production-summary{margin:14px 0 18px}.landed-override-form input{min-width:0}.landed-override-form{max-width:460px}.portal-visibility-panel{margin-bottom:0!important}@media(max-width:800px){.landed-cost-columns{grid-template-columns:1fr}.landed-cost-column label{grid-template-columns:1fr}.landed-cost-column input{max-width:none}}

/* v0.12.1.4 portal publishing and compact production form corrections */
body.tenant-app .order-line-card>.line-actions .line-actions-spacer{margin-left:auto}
body.tenant-app .order-line-card>.line-actions form:last-child{margin-left:0}
.production-ack-label{display:flex!important;align-items:center!important;gap:8px!important;min-height:40px}.production-ack-label input[type=checkbox]{width:auto!important;min-width:16px;margin:0!important;flex:0 0 auto}.production-ack-label .muted{margin-left:2px}
.landed-cost-column{min-width:0}.landed-cost-column label{grid-template-columns:minmax(105px,1fr) minmax(90px,150px)}.landed-cost-column input{width:100%;max-width:150px;min-width:0;box-sizing:border-box}
@media(max-width:700px){body.tenant-app .order-line-card>.line-actions .line-actions-spacer{display:none}.landed-cost-column label{grid-template-columns:1fr}.landed-cost-column input{max-width:none}}

/* v0.12.1.7 reorder administration */
.reorder-admin-panel{text-align:left}
.reorder-admin-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.reorder-admin-head h2{margin-top:0}
.reorder-cancel-form{display:flex;gap:10px;align-items:center;margin-top:14px;max-width:760px}
.reorder-cancel-form input{flex:1;min-width:240px}
@media(max-width:800px){.reorder-admin-head,.reorder-cancel-form{flex-direction:column;align-items:stretch}}

/* v0.12.2.0 Online Stores workspace */
body.online-stores-app{--workspace-accent:#1f6f5f;--workspace-accent-dark:#164f44}
body.online-stores-app .side{background:#173f39}
body.online-stores-app .side a.active,body.online-stores-app .side a:hover{background:#245c52}
body.online-stores-app button,body.online-stores-app .btn:not(.secondary){background:#1f6f5f}
body.online-stores-app button:hover,body.online-stores-app .btn:not(.secondary):hover{background:#164f44}
.audit-compact table{font-size:12px}
.audit-compact th,.audit-compact td{padding:7px 8px;vertical-align:top}
.audit-compact td{line-height:1.25}
.audit-compact th{white-space:nowrap}
.audit-compact td:last-child{min-width:180px;max-width:360px;white-space:normal;overflow-wrap:anywhere}
.btn.danger,button.danger{background:#9f2f2f!important;color:#fff!important;border-color:#9f2f2f!important}
.checkline{display:flex!important;align-items:center;gap:8px;margin:10px 0}.checkline input{width:auto!important;margin:0!important}

.workspace-title{font-size:.75rem;opacity:.75;text-transform:uppercase;letter-spacing:.08em;padding:12px 18px 6px;color:inherit;}

/* v0.12.3.3 — workspace polish */
:root{--rc-bg:#f5f7fa;--rc-surface:#fff;--rc-border:#dfe5ec;--rc-text:#172231;--rc-muted:#667587;--rc-side:#101820;--rc-side2:#172330;--rc-accent:#2764c5;--rc-radius:12px;--rc-shadow:0 1px 2px rgba(16,24,32,.04)}
body{color:var(--rc-text);background:var(--rc-bg);font-size:14px;line-height:1.45}.shell{grid-template-columns:238px minmax(0,1fr)}.main{padding:30px 34px;min-width:0}.side{padding:20px 14px;background:linear-gradient(180deg,var(--rc-side),#131d27);position:sticky;top:0;height:100vh;overflow-y:auto}.side .brand{margin:2px 8px 4px;font-size:21px;letter-spacing:-.3px}.side .brand small{display:block;margin-top:2px;color:#8fa2b7;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.workspace-title{margin:0 8px 18px;color:#8fa2b7;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.side a{padding:9px 11px;margin:2px 0;border-radius:7px;font-weight:550;color:#dce5ef}.side a:hover{background:#1d2b39;color:#fff}.side a.active{background:#26384a;color:#fff;box-shadow:inset 3px 0 0 #75a7ff}.side hr{border:0;border-top:1px solid rgba(255,255,255,.1);margin:14px 8px}.nav-section{margin:15px 10px 5px;color:#74879a;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.nav-context{margin:10px 5px 14px;padding:10px 11px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:rgba(255,255,255,.04);color:#e7edf4}.nav-context small{display:block;color:#8fa2b7;margin-top:2px}.top{gap:18px;align-items:flex-start}.top h1,.top h2{margin-top:0;margin-bottom:4px;letter-spacing:-.025em}.panel,.card{border-color:var(--rc-border);box-shadow:var(--rc-shadow);border-radius:var(--rc-radius)}.panel{overflow:visible}.cards{gap:14px}.metric{letter-spacing:-.04em}.btn,button{font:inherit;font-weight:650;min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn.secondary{background:#eef2f6;color:#243247;border:1px solid #d8e0e8}.btn.secondary:hover{background:#e5ebf1}.form-grid{align-items:start}.form-grid>label,label.form-field{display:flex;flex-direction:column;align-items:stretch;gap:6px;text-align:left;font-weight:650;color:#344255}.form-grid input,.form-grid select,.form-grid textarea{width:100%;min-width:0}.form-grid label:has(> input[type="checkbox"]),label:has(> input[type="checkbox"]){flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;width:max-content;max-width:100%;min-height:32px;font-weight:550;text-align:left}.form-grid input[type="checkbox"],label input[type="checkbox"],table input[type="checkbox"]{appearance:auto!important;width:16px!important;height:16px!important;min-width:16px!important;max-width:16px!important;padding:0!important;margin:0!important;flex:0 0 16px!important}.check{width:max-content;max-width:100%;min-height:32px}.check input{width:16px!important;height:16px!important;min-width:16px!important}.search{align-items:end}.search input{min-width:0}input,select,textarea{font:inherit;color:var(--rc-text)}textarea{padding:10px 12px;border:1px solid #cbd3dc;border-radius:8px;min-height:92px;resize:vertical}table{border-radius:10px;overflow:hidden}th{letter-spacing:.035em;background:#fafbfc}td{vertical-align:middle}.status-pill,.badge{white-space:nowrap}.bulk-select-col{width:42px!important;min-width:42px!important;max-width:42px!important;text-align:center!important;padding-left:6px!important;padding-right:6px!important}.actions-col{width:1%;white-space:nowrap}.toolbar,.page-actions,.image-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.section-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}.section-heading h2,.section-heading h3{margin:0}.online-stores-app .main>.panel+ .panel{margin-top:14px}.online-stores-app .image-picker{text-align:left}.online-stores-app .image-card{text-align:left}.online-stores-app .pdf-tools{justify-content:flex-start}.online-stores-app .form-grid label{text-align:left}.online-stores-app .muted{text-align:left}.online-stores-app h1,.online-stores-app h2,.online-stores-app h3,.online-stores-app h4{text-align:left}
@media(max-width:850px){.shell{grid-template-columns:1fr}.side{position:static;height:auto;display:block;overflow:visible}.main{padding:18px}.side .brand,.workspace-title{margin-left:8px}.nav-section{margin-top:12px}.side a{white-space:normal}.top{flex-direction:column}.top>div:last-child{width:100%}}

/* v0.12.3.3 Online Stores alignment refinement */
.online-stores-app .page-heading-fix{justify-content:flex-start!important;text-align:left!important}
.online-stores-app .page-heading-fix>div,.online-stores-app .page-heading-fix h1,.online-stores-app .page-heading-fix .muted{text-align:left!important;margin-left:0!important}
/* v0.12.3.3 catalogue tag picker */
.tag-picker{position:relative}.tag-chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.tag-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid #cfd6df;border-radius:999px;background:#f7f9fb;font-size:.9rem}.tag-chip button{border:0;background:transparent;padding:0;min-width:0;color:inherit;cursor:pointer}.tag-suggestions{position:absolute;z-index:30;left:0;right:0;top:100%;background:#fff;border:1px solid #cfd6df;border-radius:8px;box-shadow:0 8px 22px rgba(0,0,0,.12);max-height:240px;overflow:auto}.tag-suggestion{display:block;width:100%;text-align:left;border:0;background:#fff;padding:9px 11px;cursor:pointer}.tag-suggestion:hover{background:#f2f5f8}.tag-suggestion small{display:block;color:#667085;margin-top:2px}.tag-manage-row{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(240px,2fr) auto;gap:8px;align-items:center}.tag-manage-row input{min-width:0}@media(max-width:800px){.tag-manage-row{grid-template-columns:1fr}}

/* v0.12.4.4 — workspace consistency & usability consolidation */
:root{--rc-control-h:40px;--rc-focus:0 0 0 3px rgba(39,100,197,.14)}
.main{max-width:1600px;width:100%;margin:0 auto}
.main>.top:first-child{margin-bottom:18px}
.top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;text-align:left}
.top>div:first-child{min-width:0;flex:1 1 360px}.top>div:first-child h1,.top>div:first-child h2{margin:0 0 4px}.top>.btn,.top>form,.top>.page-actions{flex:0 0 auto}
.panel{padding:18px}.panel+.panel{margin-top:16px}.panel>h2:first-child,.panel>h3:first-child,.panel>h4:first-child{margin-top:0}
.form-grid{gap:14px 16px}.form-grid>label,label.form-field{margin:0;min-width:0}
input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea{box-sizing:border-box;border:1px solid #cbd3dc;border-radius:8px;background:#fff;transition:border-color .15s,box-shadow .15s}
input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select{min-height:var(--rc-control-h);padding:8px 10px}
input:focus,select:focus,textarea:focus{outline:none;border-color:#7aa2df;box-shadow:var(--rc-focus)}
label{color:#344255}label>.muted,label small{font-weight:400}
/* Checkbox/radio controls stay compact regardless of legacy table/form width rules. */
input[type=checkbox],input[type=radio],.platform-admin table input[type=checkbox],.platform-admin table input[type=radio]{appearance:auto!important;width:16px!important;height:16px!important;min-width:16px!important;max-width:16px!important;min-height:16px!important;padding:0!important;margin:0!important;flex:0 0 16px!important;box-shadow:none!important}
.checkline,.check,.portal-check,.production-ack-label,.fabric-position-grid .check,.fabric-active-row .check{display:inline-flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;width:auto!important;max-width:100%!important;min-height:30px!important;margin:4px 12px 4px 0!important;white-space:normal!important;text-align:left!important}
.checkline b,.check b{line-height:1.3}.checkline .muted{line-height:1.3}
/* Tables and action areas */
.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:separate;border-spacing:0}th,td{text-align:left}th{font-size:11px;text-transform:uppercase;color:#5e6d7d}td .btn,td button{min-height:34px;padding-top:6px;padding-bottom:6px}
.actions-col{text-align:right!important}.bulk-select-col{text-align:center!important}
.toolbar,.page-actions,.image-actions,.config-filter-actions{justify-content:flex-start}.toolbar.end,.page-actions.end{justify-content:flex-end}
/* Workspace navigation is visually stable across all workspaces. */
.side{scrollbar-width:thin}.side .nav-section:first-of-type{margin-top:12px}.side a{display:block;text-decoration:none;line-height:1.25}.side a.active{font-weight:700}.side .nav-context{overflow-wrap:anywhere}
/* Keep content headings consistently left aligned; only explicit numeric/action cells align right. */
.main h1,.main h2,.main h3,.main h4,.main p,.main .muted{text-align:left}.numeric,.money{text-align:right!important}
/* Long option groups wrap cleanly instead of stretching controls. */
.fabric-position-grid,.stock-flags{align-items:center}.fabric-position-grid label,.stock-flags label{width:auto!important;max-width:100%}
/* Online Stores operational pages */
.online-stores-app .main>.top,.online-stores-app .main>.section-heading{justify-content:space-between!important}.online-stores-app .main>.top>div:first-child,.online-stores-app .section-heading>div:first-child{text-align:left!important}
.online-stores-app .tag-picker{max-width:100%}.online-stores-app .tag-chips{min-height:30px}.online-stores-app .image-actions{margin-top:10px}
@media(max-width:900px){.main{max-width:none}.top{align-items:stretch}.top>div:first-child{flex-basis:100%}.top>.btn,.top>form{align-self:flex-start}.panel{padding:14px}table{min-width:680px}.table-wrap table{min-width:680px}}

/* v0.12.4.5 — cross-device responsive platform */
.mobile-nav-toggle,.mobile-nav-backdrop{display:none}
html,body{max-width:100%;overflow-x:hidden}
img,video,canvas,svg{max-width:100%;height:auto}
.main{min-width:0}
.panel,.card,.form-grid>*,.grid2>*{min-width:0}
input,select,textarea,button{max-width:100%}
@media(max-width:1100px){
 .main{padding:22px 24px}
 .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 .builder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .side{width:220px}
 .shell{grid-template-columns:220px minmax(0,1fr)}
 table{font-size:13px}
 th,td{padding:9px}
}
@media(max-width:850px){
 body{font-size:14px}
 .shell{display:block;min-height:100vh}
 .main{padding:72px 16px 22px;width:100%;max-width:none}
 .side{display:block!important;position:fixed!important;z-index:1200;left:0;top:0;bottom:0;width:min(310px,86vw)!important;height:100dvh!important;padding:18px 14px!important;overflow-y:auto!important;transform:translateX(-105%);transition:transform .2s ease;box-shadow:8px 0 30px rgba(0,0,0,.22)}
 body.mobile-nav-open .side{transform:translateX(0)}
 .mobile-nav-toggle{display:flex;position:fixed;z-index:1250;left:14px;top:12px;width:44px;height:44px;min-height:44px;padding:0;border-radius:10px;background:#172330;color:#fff;align-items:center;justify-content:center;font-size:0;box-shadow:0 2px 10px rgba(0,0,0,.18)}
 .mobile-nav-toggle:before{content:'☰';font-size:24px;line-height:1}
 body.mobile-nav-open .mobile-nav-toggle{left:min(266px,calc(86vw - 44px));background:#26384a}
 body.mobile-nav-open .mobile-nav-toggle:before{content:'×';font-size:30px}
 .mobile-nav-backdrop{display:block;position:fixed;z-index:1150;inset:0;background:rgba(10,18,28,.48);opacity:0;pointer-events:none;transition:opacity .2s ease}
 body.mobile-nav-open .mobile-nav-backdrop{opacity:1;pointer-events:auto}
 body.mobile-nav-open{overflow:hidden}
 .side .brand{padding-right:48px}
 .side a{white-space:normal!important}
 .top{display:flex;flex-direction:column;align-items:stretch!important;gap:12px;margin-bottom:16px}
 .top>div:first-child{flex-basis:auto;width:100%}
 .top>.btn,.top>form,.top>.page-actions,.top>.toolbar{align-self:stretch;width:100%}
 .top>.btn{width:100%}
 .page-actions,.toolbar,.image-actions,.config-filter-actions,.action-row,.form-actions{width:100%;gap:8px}
 .page-actions .btn,.page-actions button,.toolbar .btn,.toolbar button{flex:1 1 auto}
 .cards,.grid2,.builder-grid,.quote-details-grid,.construction-grid,.style-rule-grid,.health-grid,.form-grid,.colour-grid{grid-template-columns:1fr!important}
 .panel,.card{padding:14px;border-radius:10px}
 .panel+.panel{margin-top:12px}
 .search{display:grid;grid-template-columns:1fr;gap:8px}
 .search input,.search select,.search .btn,.search button{width:100%;min-width:0}
 table{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;border-radius:8px}
 table input:not([type=checkbox]):not([type=radio]),table select{min-width:120px}
 .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
 .table-wrap table{display:table;min-width:680px}
 .rc-section-head,.section-heading,.style-builder-head,.colour-heading-row{display:flex;flex-direction:column;align-items:stretch!important;gap:10px}
 .rc-section-head>.btn,.section-heading>.btn{align-self:flex-start}
 .savebar,.sticky-save{position:static;display:flex;flex-direction:column;align-items:stretch;padding:12px;margin-top:16px}
 .savebar .btn,.savebar button,.sticky-save .btn,.sticky-save button{width:100%}
 .rmodal-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);margin:8px auto;border-radius:10px}
 .rmodal-head,.colour-modal-toolbar,.modal-colour-grid{padding-left:14px;padding-right:14px}
 .tag-suggestions{position:fixed;left:12px;right:12px;top:auto;max-height:40vh}
 .selected-colour{min-width:0;width:100%}
 .product-config-nav{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}
 .product-config-nav a{flex:0 0 auto}
 .line-actions{width:100%}
 body.tenant-app .order-line-card>.line-actions .btn,body.tenant-app .order-line-card>.line-actions button,body.tenant-app .order-line-card>.line-actions form,body.tenant-app .order-line-card>.line-actions form button{width:100%}
}
@media(max-width:520px){
 .main{padding:68px 10px 18px}
 .panel,.card{padding:12px}
 h1{font-size:1.65rem;line-height:1.15}h2{font-size:1.3rem}h3{font-size:1.08rem}
 .btn,button{min-height:42px;padding:9px 12px}
 input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select{min-height:44px;font-size:16px}
 textarea{font-size:16px}
 .cards{gap:10px}
 .metric{font-size:25px}
 .rc-form-actions,.form-actions,.image-actions{display:flex;flex-direction:column;align-items:stretch}
 .rc-form-actions .btn,.rc-form-actions button,.form-actions .btn,.form-actions button,.image-actions .btn,.image-actions button{width:100%}
 .checkline,.check,.portal-check,.production-ack-label{width:100%!important;align-items:flex-start!important}
 .tag-manage-row{grid-template-columns:1fr!important}
 .colour-picker-grid,.modal-colour-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .pdf-tools{display:flex;flex-direction:column;align-items:stretch!important}.pdf-tools>*{width:100%}
}
@media(hover:none) and (pointer:coarse){
 .side a{min-height:42px;padding-top:11px;padding-bottom:11px}
 .btn,button{min-height:42px}
}

/* v0.12.4.6 — customer portal experience + Tech Pack collapsible 3D images */
.portal-login-page{min-height:100dvh;background:radial-gradient(circle at 15% 10%,#eef4fb 0,transparent 34%),linear-gradient(145deg,#f7f9fc,#e8eef5);display:grid;place-items:center;padding:24px}.portal-login-shell{width:100%;max-width:460px}.portal-login-card{background:#fff;border:1px solid #dfe5ec;border-radius:20px;padding:34px;box-shadow:0 24px 70px rgba(24,39,58,.14)}
.portal-login-brand{display:flex;align-items:center;gap:12px;margin-bottom:34px}.portal-login-mark,.portal-brand-mark{display:grid;place-items:center;background:#172330;color:#fff;font-weight:800;border-radius:12px}.portal-login-mark{width:48px;height:48px;font-size:24px}.portal-login-brand strong{display:block;font-size:19px}.portal-login-brand span{display:block;color:#667585;font-size:13px;margin-top:2px}.portal-login-copy h1{font-size:30px;margin:6px 0 8px}.portal-login-copy p{color:#667585;line-height:1.55;margin:0 0 24px}.portal-login-form{display:grid;gap:16px}.portal-login-form label{font-weight:650}.portal-login-form input{display:block;width:100%;margin-top:7px}.portal-login-form button{width:100%;margin-top:4px;min-height:46px;font-weight:700}.portal-login-foot{text-align:center;color:#8995a3;font-size:12px;margin-top:24px;padding-top:18px;border-top:1px solid #edf0f3}
.customer-portal{background:#f4f7fa}.customer-portal .main{padding-top:28px}.portal-side{display:flex!important;flex-direction:column}.portal-brand{display:flex;align-items:center;gap:10px;padding:2px 4px 18px;border-bottom:1px solid rgba(255,255,255,.1)}.portal-brand-mark{width:38px;height:38px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.1)}.portal-brand strong{display:block;color:#fff}.portal-brand small{display:block;color:#aeb9c5;margin-top:2px}.portal-customer-context{padding:18px 4px 10px}.portal-customer-context span{display:block;text-transform:uppercase;font-size:10px;letter-spacing:.08em;color:#8494a5}.portal-customer-context b{display:block;color:#fff;margin-top:4px;overflow-wrap:anywhere}.portal-nav{display:grid;gap:3px}.portal-side-foot{margin-top:auto;padding:18px 4px 4px;border-top:1px solid rgba(255,255,255,.1);display:grid;gap:9px}.portal-side-foot form,.portal-side-foot button{width:100%}.portal-user{color:#c6d0da;font-size:13px;overflow-wrap:anywhere}.customer-portal .panel{border:1px solid #e1e7ed;box-shadow:0 4px 16px rgba(24,39,58,.045)}.customer-portal .top{background:#fff;border:1px solid #e4e9ef;border-radius:12px;padding:16px 18px}.customer-portal table tr:hover td{background:#f8fafc}.customer-portal .btn{white-space:nowrap}
.rc-collapse-toggle{appearance:none;border:0;background:transparent;color:inherit;width:100%;padding:0;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;text-align:left;cursor:pointer}.rc-collapse-toggle:hover{background:transparent}.rc-collapse-toggle h2{margin:3px 0}.rc-collapse-toggle p{margin:4px 0 0}.rc-collapse-count{font-size:.72em;color:#7b8794;font-weight:600}.rc-collapse-meta{display:flex;align-items:center;gap:10px;flex:0 0 auto}.rc-collapse-chevron{font-size:22px;line-height:1;color:#657486;min-width:24px;text-align:center}.rc-collapse-body{margin-top:14px}.rc-collapsible.collapsed .rc-collapse-toggle p{display:none}
@media(max-width:850px){.customer-portal .main{padding-top:72px}.customer-portal .top{padding:14px}.portal-login-page{padding:14px}.portal-login-card{padding:26px 22px;border-radius:16px}.portal-login-copy h1{font-size:26px}.rc-collapse-toggle{align-items:center}.rc-collapse-toggle p{display:none}}
@media(max-width:520px){.portal-login-page{padding:0;background:#f5f7fa;align-items:stretch}.portal-login-shell{max-width:none;display:flex;align-items:center}.portal-login-card{width:100%;border:0;border-radius:0;box-shadow:none;padding:28px 20px}.portal-login-brand{margin-bottom:28px}.customer-portal .top{border-radius:10px}.rc-collapse-toggle h2{font-size:1.18rem}}

/* v0.12.4.6 customer portal activation refinement */
.portal-password-field{position:relative;margin-top:7px}.portal-password-field input{margin-top:0!important;padding-right:72px}.portal-password-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:auto!important;min-height:34px!important;margin:0!important;padding:6px 10px!important;border:0!important;background:transparent!important;color:#516273!important;box-shadow:none!important;font-size:12px!important;font-weight:700!important}.portal-password-toggle:hover{background:#f1f4f7!important;color:#172330!important}.portal-login-foot{display:grid;gap:9px}.portal-login-foot a{color:#405b75;font-weight:650;text-decoration:none}.portal-login-foot a:hover{text-decoration:underline}.portal-login-copy strong{color:#24384c}
/* v0.12.5.0 System Logs & Error Centre */
.table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.detail-grid>div{min-width:0}.platform-admin pre{background:#f6f8fb;border:1px solid #dfe5ec;border-radius:10px;padding:14px;font:13px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.health-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}@media(max-width:900px){.detail-grid,.health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.detail-grid,.health-grid{grid-template-columns:1fr}}
/* v0.12.6.0 Email Centre */
.email-compose-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr);gap:18px;align-items:start}.email-document-preview iframe{width:100%;height:72vh;min-height:620px;border:1px solid #d7dde5;border-radius:10px;background:#fff}.email-message-compose{position:sticky;top:14px}.email-message-compose .full{grid-column:1/-1}.email-render-preview{margin-top:18px;border:1px solid #d7dde5;border-radius:12px;overflow:hidden;background:#f4f6f8;padding:18px}.email-preview-brand{background:#111827;color:#fff;padding:16px 18px;border-radius:10px 10px 0 0;font-size:18px}.email-preview-body{background:#fff;padding:20px 18px;border-radius:0 0 10px 10px;min-height:160px}.email-preview-body #previewBody{white-space:pre-wrap;line-height:1.55}@media(max-width:980px){.email-compose-grid{grid-template-columns:1fr}.email-message-compose{position:static}.email-document-preview iframe{height:60vh;min-height:480px}}@media(max-width:600px){.email-document-preview iframe{height:55vh;min-height:380px}.email-compose-grid{gap:12px}}
/* v0.12.7.0 compact Tech Pack 3D collapse control */
.rc-collapse-head{align-items:flex-start}.rc-collapse-toggle-small{width:auto!important;min-width:104px;padding:8px 12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;white-space:nowrap}.rc-collapse-toggle-small .rc-collapse-chevron{font-size:16px;min-width:auto}.rc-collapsible.collapsed .rc-collapse-head p{display:none}@media(max-width:700px){.rc-collapse-head{display:flex;align-items:flex-start}.rc-collapse-toggle-small{width:auto!important;flex:none!important}.rc-collapse-meta{margin-left:auto}}
/* v0.12.7.4 workflow/UI consolidation */
.colour-panel,.colour-usage-section,.colour-modal-toolbar,.modal-colour-grid,.colour-catalogue-panel{background:#fff!important}
.portal-user-fields{display:grid;grid-template-columns:1fr 1fr minmax(220px,2fr);gap:6px;margin-bottom:6px}.portal-user-edit{min-width:420px}.feedback-list{display:grid;gap:10px}.feedback-item{border:1px solid #dfe4ea;border-radius:10px;padding:12px;background:#fff}.feedback-item.feedback-unread{border-width:2px}.feedback-meta{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:12px;color:#66757d}.feedback-text{margin:8px 0;white-space:pre-wrap}.feedback-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.feedback-actions form{margin:0}.inline-edit{display:contents}
@media(max-width:760px){.portal-user-fields{grid-template-columns:1fr}.portal-user-edit{min-width:0}}
/* v0.12.7.5 corrective UI */
.quote-new-form{display:grid;gap:16px;max-width:760px}.quote-new-form>label{display:flex;flex-direction:column;gap:7px;font-weight:650}.quote-new-form input,.quote-new-form select{width:100%;max-width:520px}.quote-new-form .quote-notes{max-width:none}.quote-new-form textarea{width:100%;min-height:150px}.quote-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.portal-access-list{display:grid;gap:14px}.portal-access-card{border:1px solid #dfe5eb;border-radius:10px;padding:14px;background:#fff}.portal-user-fields{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-bottom:10px!important}.portal-user-fields label{display:flex;flex-direction:column;gap:5px;font-weight:650}.portal-user-fields .portal-email-field{grid-column:1/-1}.portal-user-fields .portal-email-field input{max-width:520px}.portal-user-edit{min-width:0!important}.portal-access-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:10px 0}.portal-access-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.portal-access-actions form{margin:0}
.modal-colour-grid,.colour-picker-grid{background:#fff!important}.modal-colour-grid .colour-tile,.colour-picker-grid .colour-tile{background:#fff!important;color:#172033!important}.modal-colour-grid .colour-tile *{color:inherit}.colour-catalogue-filter{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin:10px 0 16px}.colour-catalogue-filter label{min-width:220px}.colour-hex-input{width:105px!important;min-width:105px!important;max-width:105px!important}.colour-row-actions{display:flex;gap:6px;align-items:center;white-space:nowrap}.colour-row-actions form{margin:0}.colour-catalogue-panel table{background:#fff}
.added-pages-card .added-pages-list{display:grid;gap:8px;margin-top:10px}.added-pages-card .current-file{margin:0}
@media(max-width:700px){.portal-user-fields{grid-template-columns:1fr!important}.portal-user-fields .portal-email-field{grid-column:auto}.quote-new-form input,.quote-new-form select{max-width:none}}

/* v0.12.7.11 production branding / Tech Pack polish */
.top-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.top-actions form{margin:0}.section-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.supplier-branding-panel .form-grid{align-items:end}.supplier-branding-panel select{width:100%}@media(max-width:760px){.top-actions{justify-content:flex-start}.section-title-row{display:block}.section-title-row form{margin-top:10px}.supplier-branding-panel .form-grid{grid-template-columns:1fr}}
/* v0.12.7.12 workflow/report alignment */
.factory-email-form{max-width:1100px}.factory-email-form>label{display:block;margin-top:16px}.inner-panel{margin:18px 0;background:#fff}.factory-pdf-preview{width:100%;height:600px;border:1px solid #d9dee5;border-radius:8px;background:#fff}.form-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:18px}.report-filter .form-grid{align-items:end}.report-summary{margin:18px 0}.side a{box-sizing:border-box}

/* v0.12.7.22 quote PDF GST control */
.quote-pdf-gst{display:block;margin-top:14px}.quote-pdf-gst>span{display:flex;align-items:center;gap:8px;font-weight:600}.quote-pdf-gst input[type=checkbox]{width:auto;margin:0}.quote-pdf-gst small{display:block;margin-top:5px;font-weight:400}
/* v0.12.7.37 internal messaging */
#rc-msg-root{font-family:inherit}.rc-msg-tab{position:fixed;right:0;top:46%;z-index:9900;border:0;border-radius:10px 0 0 10px;background:#172330;color:#fff;padding:12px 11px;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:0 8px 24px #0003;cursor:pointer;font-weight:700;font-size:11px}.rc-msg-icon{font-size:19px}.rc-msg-badge{position:absolute;top:-7px;left:-7px;background:#c62828;color:#fff;border-radius:999px;min-width:22px;height:22px;line-height:22px;font-size:11px}.rc-msg-panel{position:fixed;right:18px;bottom:18px;z-index:9950;width:min(430px,calc(100vw - 28px));height:min(680px,calc(100vh - 36px));background:#fff;border:1px solid #d9e0e7;border-radius:14px;box-shadow:0 20px 60px #0004;overflow:hidden}.rc-msg-panel>header{height:62px;padding:11px 14px;background:#172330;color:#fff;display:flex;align-items:center;justify-content:space-between}.rc-msg-panel>header strong,.rc-msg-panel>header small{display:block}.rc-msg-panel>header small{color:#b9c5d0;margin-top:2px}.rc-msg-close,.rc-msg-back{border:0;background:transparent;color:inherit;font-size:25px;cursor:pointer;padding:4px 8px}.rc-msg-body{height:calc(100% - 62px);display:flex;flex-direction:column;min-height:0}.rc-msg-loading,.rc-msg-empty,.rc-msg-error{padding:24px;color:#66757d}.rc-msg-error{color:#a61b1b}.rc-msg-toolbar{padding:12px;border-bottom:1px solid #e6ebef}.rc-msg-list{overflow:auto;flex:1}.rc-msg-chat-row{width:100%;border:0;border-bottom:1px solid #edf0f3;background:#fff;padding:13px 14px;text-align:left;display:flex;justify-content:space-between;gap:12px;cursor:pointer;color:#172330}.rc-msg-chat-row:hover{background:#f7f9fb}.rc-msg-chat-row strong,.rc-msg-chat-row small{display:block}.rc-msg-chat-row small{margin-top:4px;color:#687785;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:285px}.rc-msg-row-meta{display:flex;align-items:center;gap:6px}.rc-msg-row-meta b{background:#3157d5;color:#fff;border-radius:999px;min-width:21px;height:21px;text-align:center;line-height:21px;font-size:11px}.rc-msg-row-meta i{font-style:normal;font-size:10px;background:#fff4df;color:#825b00;padding:3px 6px;border-radius:999px;white-space:nowrap}.rc-msg-subhead{min-height:52px;padding:8px 10px;border-bottom:1px solid #e4e9ee;display:flex;align-items:center;gap:8px}.rc-msg-subhead>div{flex:1;min-width:0}.rc-msg-subhead strong,.rc-msg-subhead small{display:block}.rc-msg-subhead small{font-size:11px;color:#6b7884;margin-top:2px}.rc-msg-ticket{margin-left:auto;border:1px solid #d1d9e0;background:#fff;border-radius:7px;padding:7px 9px;cursor:pointer;font-weight:650;font-size:12px;white-space:nowrap}.rc-msg-messages{flex:1;overflow:auto;padding:14px;background:#f6f8fa;display:flex;flex-direction:column;gap:9px}.rc-msg-message{align-self:flex-start;max-width:84%;background:#fff;border:1px solid #dfe5eb;border-radius:11px 11px 11px 3px;padding:9px 11px;overflow-wrap:anywhere}.rc-msg-message.mine{align-self:flex-end;background:#eaf0ff;border-color:#cfdcff;border-radius:11px 11px 3px 11px}.rc-msg-message b{display:block;font-size:11px;margin-bottom:3px}.rc-msg-message small{display:block;color:#75818d;font-size:10px;margin-top:5px}.rc-msg-compose{display:flex;gap:8px;padding:10px;border-top:1px solid #dfe5eb;background:#fff}.rc-msg-compose textarea{flex:1;min-height:42px;max-height:100px;resize:vertical;margin:0}.rc-msg-compose button{align-self:flex-end}.rc-msg-form{padding:15px;overflow:auto;display:grid;gap:13px}.rc-msg-form label{display:grid;gap:5px;font-weight:650}.rc-msg-form input,.rc-msg-form select,.rc-msg-form textarea{width:100%;box-sizing:border-box}.rc-msg-actions{display:flex;justify-content:flex-end;gap:8px}.rc-msg-tickets{border-top:1px solid #e0e5ea;padding:7px 12px;background:#fff;max-height:145px;overflow:auto}.rc-msg-tickets summary{cursor:pointer;font-weight:700;font-size:12px}.rc-msg-ticket-card{padding:7px 0;border-top:1px solid #edf0f3;display:grid;grid-template-columns:1fr auto;gap:3px 8px}.rc-msg-ticket-card small{grid-column:1/-1;color:#6d7984}@media(max-width:600px){.rc-msg-tab{top:auto;bottom:16px}.rc-msg-panel{inset:8px;width:auto;height:auto;border-radius:12px}.rc-msg-chat-row small{max-width:220px}}
.rc-msg-toolbar{display:flex;gap:8px}.rc-msg-ticket-full{padding:13px 14px;border-bottom:1px solid #e6ebef;display:grid;grid-template-columns:1fr auto;gap:7px 10px}.rc-msg-ticket-full small{display:block;color:#6d7984;margin-top:3px}.rc-msg-ticket-full p,.rc-msg-ticket-full code,.rc-msg-ticket-full b,.rc-msg-ticket-full select{grid-column:1/-1}.rc-msg-ticket-full p{margin:0;white-space:normal;overflow-wrap:anywhere}.rc-msg-ticket-full code{background:#f5f7f9;border-radius:6px;padding:6px;overflow-wrap:anywhere}.rc-msg-ticket-full>b{font-size:11px;margin-top:4px}.rc-msg-ticket-full select{max-width:180px}
/* v0.12.7.39 ticket workspace */
.ticket-summary{margin-bottom:16px}.ticket-summary .card{display:flex;align-items:baseline;gap:9px}.ticket-summary .card b{font-size:24px}.ticket-summary .card span{color:#66757d}.ticket-page-list{display:grid;gap:14px}.ticket-page-card h2{margin:0 0 4px;font-size:18px}.ticket-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:15px}.ticket-detail-grid>div{display:grid;gap:5px}.ticket-detail-grid b{font-size:12px;color:#52606d}.ticket-detail-grid code{display:block;padding:8px;background:#f5f7f9;border-radius:7px;overflow-wrap:anywhere}.ticket-detail-grid p{margin:0}.ticket-pre{white-space:pre-wrap}.ticket-status-form{display:flex;align-items:end;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid #e5e9ed}.ticket-status-form label{display:grid;gap:5px}.ticket-status-form select{min-width:170px}@media(max-width:700px){.ticket-detail-grid{grid-template-columns:1fr}.ticket-detail-grid .span-2{grid-column:auto}.ticket-status-form{align-items:stretch;flex-direction:column}}

/* Platform tenant list */
body.platform-admin .tenant-list-panel{margin-top:16px;padding:0;overflow:hidden}
body.platform-admin .tenant-list-wrap{overflow-x:auto}
body.platform-admin .tenant-list{width:100%;margin:0;border-collapse:collapse}
body.platform-admin .tenant-list th,body.platform-admin .tenant-list td{padding:14px 16px;vertical-align:middle;text-align:left;white-space:nowrap}
body.platform-admin .tenant-list th{background:#f5f6f7;font-size:.86rem}
body.platform-admin .tenant-list tbody tr:not(:last-child) td{border-bottom:1px solid #e2e6ea}
body.platform-admin .tenant-list tbody tr:hover{background:#fafbfc}
body.platform-admin .tenant-list-name{min-width:300px;white-space:normal}
body.platform-admin .tenant-list-name>b{display:block;font-size:1rem;margin-bottom:3px}
body.platform-admin .tenant-list-name .muted{display:block;font-size:.82rem}
body.platform-admin .tenant-list-actions{display:flex;gap:8px;align-items:center}
body.platform-admin .tenant-list-actions form{margin:0}
@media(max-width:900px){body.platform-admin .tenant-list th,body.platform-admin .tenant-list td{padding:11px 12px}body.platform-admin .tenant-list-name{min-width:240px}}
/* v0.12.7.43 active user presence */
.presence-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:7px;vertical-align:1px;background:#c62828;box-shadow:0 0 0 2px #fff}.presence-dot.online{background:#20a45b}.presence-dot.offline{background:#c62828}.presence-label{display:flex;align-items:center;font-weight:700}.active-users-table td:first-child small{display:block;color:#71808d;margin-top:3px}.active-user-row{cursor:pointer}.active-user-row:hover,.active-user-row.selected{background:#f4f8fb}.active-session-detail{margin-top:16px}.active-session-detail .detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.active-session-detail .detail-grid>div{display:grid;gap:5px}.active-session-detail code{overflow-wrap:anywhere}.rc-msg-chat-row strong .presence-dot{margin-right:7px}@media(max-width:760px){.active-session-detail .detail-grid{grid-template-columns:1fr}.active-users-table th:nth-child(2),.active-users-table td:nth-child(2){display:none}}
/* v0.12.7.44 product configuration additions */
.sublimation-row{padding:12px 0;border-bottom:1px solid var(--border,#dfe3e8);align-items:end}.sublimation-row:last-child{border-bottom:0}textarea[name="additional_info"]{width:100%;box-sizing:border-box;resize:vertical;min-height:120px}

/* v0.12.7.48 - compact matching Tech Pack action panels */
.techpack-actions-panel{display:flex;flex-direction:column;gap:9px;margin:14px 0 18px;padding:12px 14px;border:1px solid #dfe5eb;border-radius:10px;background:#f8fafc}
.techpack-actions-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.techpack-actions-row .btn,.techpack-actions-row button{width:auto!important;min-width:132px;min-height:38px;padding:8px 14px;box-sizing:border-box}
.techpack-actions-row form{display:inline-flex;width:auto!important;margin:0}
.techpack-actions-row form button{width:auto!important}
.techpack-actions-tech{padding-top:9px;border-top:1px solid #e2e7ec}
.techpack-actions-tech form{margin-left:0}
.techpack-actionbar-meta{margin:18px 0 0;padding:10px 2px 0;border-top:1px solid #e2e7ec}
@media(max-width:720px){.techpack-actions-row{align-items:stretch}.techpack-actions-row .btn,.techpack-actions-row button,.techpack-actions-row form,.techpack-actions-row form button{flex:1 1 180px;width:100%!important}.techpack-actions-panel{padding:10px}}

/* v0.12.7.49 - application-wide mobile/tablet resilience pass */
html,body{max-width:100%;overflow-x:hidden}
img,svg,video,canvas{max-width:100%;height:auto}
.main,.panel,.card,form,fieldset{min-width:0}
.table-responsive,.table-scroll,.tenant-list-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.table-responsive table,.table-scroll table{min-width:680px}
.btn,button,input,select,textarea{max-width:100%}
.btn,button{line-height:1.25;white-space:normal;overflow-wrap:normal;word-break:normal}
.actions,.action-row,.form-actions,.panel-actions,.header-actions,.toolbar,.page-actions,.line-actions,.feedback-actions,.portal-access-actions,.size-chart-actions,.rc-form-actions{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.actions form,.action-row form,.form-actions form,.panel-actions form,.header-actions form,.toolbar form,.page-actions form,.line-actions form{margin:0;min-width:0}
@media(max-width:900px){
 .main{width:100%;min-width:0;padding:16px}
 .top{min-width:0;gap:10px;flex-wrap:wrap}
 .top>*{min-width:0}
 .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 table{font-size:14px}
 th,td{padding:9px 10px}
 input,select,textarea{min-width:0;width:100%;box-sizing:border-box}
 .search{flex-wrap:wrap}.search input{flex:1 1 240px}
 .techpack-actions-row .btn,.techpack-actions-row button,.techpack-actions-row form{flex:1 1 calc(50% - 9px);min-width:180px}
 .techpack-actions-row form button{width:100%!important}
}
@media(max-width:700px){
 .main{padding:12px}
 .panel,.card{padding:14px}
 .cards{grid-template-columns:1fr}
 .btn,button{min-height:42px;min-width:0}
 .actions>.btn,.actions>button,.action-row>.btn,.action-row>button,.form-actions>.btn,.form-actions>button,.panel-actions>.btn,.panel-actions>button,.header-actions>.btn,.header-actions>button,.page-actions>.btn,.page-actions>button{flex:1 1 160px;width:auto}
 .actions>form,.action-row>form,.form-actions>form,.panel-actions>form,.header-actions>form,.page-actions>form{flex:1 1 160px}
 .actions>form button,.action-row>form button,.form-actions>form button,.panel-actions>form button,.header-actions>form button,.page-actions>form button{width:100%}
 .techpack-actions-panel{padding:10px;gap:8px}
 .techpack-actions-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}
 .techpack-actions-row .btn,.techpack-actions-row button,.techpack-actions-row form,.techpack-actions-row form button{width:100%!important;min-width:0!important;max-width:none!important;min-height:44px;margin:0}
 .techpack-actions-row form{display:block!important}
 .tenant-list-actions{min-width:220px}
 .customer-portal .btn{white-space:normal}
}
@media(max-width:430px){
 .techpack-actions-row{grid-template-columns:1fr}
 .actions>.btn,.actions>button,.action-row>.btn,.action-row>button,.form-actions>.btn,.form-actions>button,.panel-actions>.btn,.panel-actions>button,.header-actions>.btn,.header-actions>button,.page-actions>.btn,.page-actions>button,.actions>form,.action-row>form,.form-actions>form,.panel-actions>form,.header-actions>form,.page-actions>form{flex-basis:100%}
 .colour-picker-grid,.modal-colour-grid{grid-template-columns:1fr!important}
}

/* v0.12.7.50 - Ordersheet Size / Qty layout correction */
.os-table{width:100%;table-layout:auto}
.os-table .os-size-col{width:140px;min-width:140px;max-width:160px}
.os-table td.os-size-col select{display:block;width:100%!important;min-width:120px!important;max-width:none!important;padding-right:34px;box-sizing:border-box}
.os-table .os-qty-col{width:110px;min-width:100px;max-width:120px}
.os-table td.os-qty-col input{width:100%!important;min-width:82px!important;max-width:110px!important;box-sizing:border-box}
.os-table .os-remove-col{width:110px;min-width:110px;white-space:nowrap}
@media(max-width:700px){
 #grid{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
 .os-table{min-width:620px}
 .os-table .os-size-col{width:125px;min-width:125px}
 .os-table td.os-size-col select{min-width:110px!important}
 .os-table .os-qty-col{width:90px;min-width:90px}
 .os-table td.os-qty-col input{min-width:72px!important;max-width:90px!important}
 .os-table .os-remove-col{width:105px;min-width:105px}
}

/* v0.12.7.82: Shared responsive email preview layout (Email Centre & Factory PO) */
.email-compose-grid,.rc-factory-compose-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:16px;align-items:start;width:100%;max-width:none}
.email-compose-grid>*,.rc-factory-compose-grid>*{min-width:0}
.email-document-preview{min-width:0;position:sticky;top:12px}
.email-document-preview iframe,.rc-factory-pdf .factory-pdf-preview{display:block;width:100%;height:min(77vh,900px);min-height:470px;border:1px solid #d7dde5;border-radius:9px;background:white}
.email-message-compose,.rc-factory-composer{min-width:0;position:static;overflow:visible}
.email-message-compose .form-grid,.rc-factory-composer .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.email-message-compose label,.rc-factory-composer label{min-width:0}
.email-message-compose input,.email-message-compose select,.email-message-compose textarea,.rc-factory-composer input,.rc-factory-composer select,.rc-factory-composer textarea{max-width:100%;min-width:0}
.email-message-compose textarea,.rc-factory-composer textarea{min-height:136px;resize:vertical}
.rc-recipient-tools{grid-column:1/-1;display:flex;justify-content:flex-end}
.rc-optional-email-field{display:none!important}
.rc-recipients-open .rc-optional-email-field{display:flex!important}
.rc-render-details{margin-top:14px;border:1px solid #d7dde5;border-radius:10px;overflow:hidden}
.rc-render-details summary{padding:12px 14px;cursor:pointer;font-weight:600;background:#f7f9fb}
.rc-render-details .email-render-preview{margin:0;border:none;border-radius:0;padding:10px}
.rc-email-actionbar{position:sticky;bottom:0;z-index:5;background:#fff;border-top:1px solid #d7dde5;padding:12px 0;margin-top:16px;justify-content:flex-end;box-shadow:0 -5px 15px rgba(15,23,42,.05)}
.rc-attachment-count{margin-right:auto;color:#526176;font-size:13px;min-width:0;overflow-wrap:anywhere}
.rc-factory-composer>.inner-panel{margin:14px 0;padding:12px}
.rc-factory-composer>.inner-panel label.check{display:flex;align-items:center;gap:8px}
.rc-factory-composer>.inner-panel input[type=checkbox]{width:auto;flex:0 0 auto}
@media(max-width:1050px){.email-compose-grid,.rc-factory-compose-grid{grid-template-columns:1fr}.email-document-preview{position:static}.email-document-preview iframe,.rc-factory-pdf .factory-pdf-preview{height:55vh;min-height:370px}.rc-factory-composer{order:0}.rc-factory-pdf{order:1}}
@media(max-width:680px){.email-compose-grid,.rc-factory-compose-grid{gap:12px}.email-compose-grid>.email-message-compose{order:0}.email-compose-grid>.email-document-preview{order:1}.email-message-compose .form-grid,.rc-factory-composer .form-grid{grid-template-columns:minmax(0,1fr)}.email-message-compose .full,.rc-factory-composer .full,.rc-recipient-tools{grid-column:1}.rc-email-actionbar{gap:8px;flex-wrap:wrap}.rc-attachment-count{flex-basis:100%}.email-document-preview iframe,.rc-factory-pdf .factory-pdf-preview{height:52vh;min-height:320px}}

/* v0.12.7.90 — Tenant customer message dashboard and draggable internal messenger */
.cm-dashboard-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.cm-dashboard-stat{padding:14px;border:1px solid #dce4eb;border-radius:10px;background:#f7fafc;display:flex;flex-direction:column;gap:4px;min-width:0}.cm-dashboard-stat strong{font-size:28px;line-height:1.15;color:#172330}.cm-dashboard-stat span{font-size:13px;color:#4d6171}.rc-msg-tab{touch-action:none}.rc-msg-panel>header{cursor:grab;touch-action:none}.rc-msg-panel>header:active{cursor:grabbing}.rc-msg-panel.drag-positioned{right:auto;bottom:auto}.rc-msg-tab.drag-positioned{right:auto;top:auto;bottom:auto;border-radius:10px}.rc-msg-tab:focus-visible,.rc-msg-panel button:focus-visible{outline:3px solid #4c91ee;outline-offset:2px}@media(max-width:700px){.cm-dashboard-stats{grid-template-columns:1fr}.cm-dashboard-panel .section-title-row{flex-wrap:wrap;gap:12px}.cm-dashboard-panel .section-title-row>.btn{width:100%;text-align:center}.rc-msg-panel.drag-positioned{inset:8px!important;width:auto!important;height:auto!important}.rc-msg-panel>header{cursor:default;touch-action:auto}.rc-msg-tab.drag-positioned{left:auto!important;right:0!important;top:auto!important;bottom:16px!important;border-radius:10px 0 0 10px}}

/* v0.12.7.92 - Email status badges: readable labels and accessible contrast. */
.delivery-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:750;white-space:nowrap;border:1px solid transparent;letter-spacing:.015em}
.delivery-good{background:#e5f5e9;color:#166334;border-color:#a8d9b7}
.delivery-warn{background:#fff0d2;color:#815000;border-color:#e4c174}
.delivery-bad{background:#fde7e7;color:#a01b24;border-color:#ecaaaa}
.delivery-info{background:#e8f0ff;color:#244d94;border-color:#b9ccef}
.delivery-muted{background:#edf0f3;color:#435164;border-color:#cdd4dd}

/* v0.12.7.93: ensure the white floating-chat ticket action is legible. */
.rc-msg-ticket,.rc-msg-ticket:visited{color:#1f2937!important;background:#fff!important;}
.rc-msg-ticket:hover,.rc-msg-ticket:focus-visible{color:#111827!important;background:#f3f6fa!important;}