/* Operator-readable shop preview. Designed to remain usable on narrow screens. */
.nw-clean-studio .ng-shop{padding:12px 15px;background:#14394a;color:#e6fcff;border:1px solid #3b7788;border-radius:10px;margin:10px 14px}
.ng-shop-heading{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:10px}
.ng-shop-heading strong{font-size:17px;color:#fff}.ng-shop-heading span{color:#b7d9e4;font-size:13px}
.ng-shop-fields{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.ng-shop-fields label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#dff9f7;font-weight:750}
.ng-shop-fields select,.ng-shop-fields input{padding:9px 7px;width:100%;min-width:0;border-radius:7px;background:#f2fbff;border:1px solid #81bbc7;color:#123349;font-size:13px}
.ng-shop-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:10px}
.ng-shop-actions button{padding:10px 15px;background:#08a6a4;border:1px solid #a5fff2;color:#062d39;border-radius:7px;font-weight:800;cursor:pointer}
.ng-shop-note{font-size:13px;color:#cef7e3}.ng-shop .ng-shop-disclaimer{font-size:11px;line-height:1.5;margin:8px 0 0;color:#ffdb9e}
.ng-mitre-legend{display:flex;gap:16px;flex-wrap:wrap;font-weight:750;font-size:13px;margin:8px 3px;color:#173b48}.ng-mitre-legend b{display:inline-block;width:19px;height:4px;vertical-align:middle;margin-right:6px}
.nw-clean-studio .concept-preview{background:linear-gradient(148deg,#0a2437,#102f44)!important;color:#edfcff!important}
.nw-clean-studio .concept-preview .concept-header h3,.nw-clean-studio .concept-preview .concept-header small,.nw-clean-studio .concept-preview .concept-header .catalog-kicker{color:#e4fcff!important}
.nw-clean-studio .concept-preview p{color:#c5e6ee!important}
.nw-clean-studio #conceptSvg{min-height:310px;background:radial-gradient(ellipse at 50% 35%,#164d64,#071b2c 85%);border:1px solid #40839a;border-radius:12px;display:block;width:100%}
@media(max-width:1050px){.ng-shop-fields{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.ng-shop-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.nw-clean-studio .ng-shop{margin:9px 6px}}
/* Give the theoretical mitre sheet enough vertical room to be readable and to
 * preserve aspect ratio. The previous 125px reference-strip height hid the cut. */
.nw-clean-studio .n-active-flat svg{height:460px!important;min-height:380px;width:100%;display:block;background:#fff;overflow:visible}
.nw-clean-studio .n-active-flat{padding-bottom:12px}
.nw-clean-studio .n-active-flat-status{font-size:13px;line-height:1.65}
@media(max-width:600px){.nw-clean-studio .n-active-flat svg{height:300px!important;min-height:280px}}
.nw-clean-studio[data-norman-step="flat"] .ng-shop,.nw-clean-studio[data-norman-step="export"] .ng-shop{display:none}

.n-joint-helper{margin:12px 0 4px;border:1px solid #36788c;background:#0b283b;border-radius:10px;padding:12px;color:#eefbff}
.n-joint-helper strong{font-size:14px;color:#dbffec}.n-joint-helper p{font-size:12px!important;margin:6px 0!important;color:#cce1e9}
.n-joint-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:9px}
.n-joint-fields label{font-size:12px;font-weight:750;display:grid;gap:5px;color:#e6faf9}
.n-joint-fields input,.n-joint-fields select{width:100%;min-width:0;background:#f4fbff;color:#0d3344;border:1px solid #83b9c4;border-radius:6px;padding:8px}
.n-joint-calc{margin-top:9px;background:#23677c;color:#fff;padding:8px 12px;border-radius:7px;border:1px solid #72b8bc;cursor:pointer;font-weight:750}
.n-joint-result{display:block;margin-top:7px;color:#b8ffdf}
@media(max-width:640px){.n-joint-fields{grid-template-columns:1fr}}