/* Approved compact preview, scoped to the real new-product workflow only. */
.np-page{max-width:var(--ui-form-width,1080px);margin-inline:auto;color:var(--ui-text,#25364d);font-size:var(--ui-body,14px);line-height:var(--ui-line-height,1.6)}.np-page *{box-sizing:border-box}.np-page [hidden]{display:none!important}
.np-page .np-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.np-page i{font-style:normal;color:#c65353;margin-left:3px}.np-page h2,.np-page h3,.np-page p{margin:0}.np-page button,.np-page input,.np-page select,.np-page textarea{font:inherit}.np-page button{cursor:pointer}.np-page button:disabled{cursor:not-allowed;opacity:.48}.np-page button:focus-visible,.np-page a:focus-visible{outline:3px solid #8db4f0;outline-offset:3px}
.np-page .np-page-intro{font-size:var(--ui-small,12px);color:var(--ui-muted,#61738a);margin:0 0 18px}
.np-tabs{display:flex;gap:30px;border-bottom:1px solid var(--ui-border,#dce4ef);margin-bottom:20px}.np-tabs button{border:0;background:none;position:relative;min-width:82px;padding:0 2px 13px;color:#647b92;font-size:var(--ui-body,14px)}.np-tabs button[aria-selected=true]{color:var(--ui-primary,#2767d6);font-weight:600}.np-tabs button[aria-selected=true]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:#2767d6;border-radius:2px}#np-records-count{display:inline-block;background:#e8edf4;color:#60748a;border-radius:4px;font-size:var(--ui-small,12px);padding:0 6px;margin-left:6px}
.np-auto-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:var(--ui-small,12px);color:#718096;margin-bottom:16px}.np-auto-meta>span{display:flex;align-items:center;gap:7px}.np-auto-meta b{font-weight:400;color:#60748a;margin-left:3px}.np-auto-meta .np-icon,.np-reporter-row .np-icon,.np-field .np-icon{width:15px;height:15px;color:#6f8db0}.np-fields{border:0;margin:0;padding:0;min-width:0}
.np-page input:not([type=file]),.np-page textarea,.np-page select{width:100%;min-width:0;min-height:var(--ui-control,42px);border:1px solid var(--ui-border,#d8e1ec);border-radius:7px;background:#fff;color:#243c56;padding:9px 12px;font-size:var(--ui-body,14px);line-height:1.6}.np-page input::placeholder,.np-page textarea::placeholder{font-size:var(--ui-small,12px);color:#8997a8}.np-page input:focus,.np-page textarea:focus,.np-page select:focus{border-color:#5890e3;box-shadow:0 0 0 3px #edf4ff;outline:0}.np-page input[aria-invalid=true]{border-color:#c65353}
.np-reporter-row{display:flex;align-items:center;gap:16px;margin-bottom:18px;padding:0 2px}.np-reporter-row label{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:var(--ui-body,14px);color:#4d6178}#np-reporter-name{width:240px;max-width:100%;flex:0 1 240px;height:var(--ui-control,42px)}
.np-card{background:#fff;border:1px solid var(--ui-border,#e3e9f1);border-radius:12px;padding:18px 22px;margin-bottom:14px;overflow-wrap:anywhere}.np-heading{display:flex;align-items:center;gap:10px;margin-bottom:14px;min-width:0}.np-heading h2{font-size:var(--ui-section,16px);line-height:1.5;font-weight:600;color:var(--ui-heading,#233e58)}.np-step{display:grid;place-items:center;width:26px;height:26px;flex:0 0 26px;border-radius:7px;background:#edf3fc;color:#4374b3}.np-step .np-icon{width:16px;height:16px}.np-section-note{margin-left:auto;font-size:var(--ui-small,12px);color:#718096}
.np-product-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,414px);gap:28px;align-items:start}.np-product-fields{display:flex;flex-direction:column;gap:14px;min-width:0;max-width:520px}.np-field{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:var(--ui-body,14px);color:#4d6178}.np-field>span{display:flex;align-items:center;gap:5px}.np-photo-field{width:100%;max-width:414px;min-width:0}.np-photo-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:var(--ui-body,14px);color:#4d6178}.np-photo-title small,.np-field-note{font-size:var(--ui-small,12px);color:#718096}.np-page .np-field-note{margin-top:6px}
.np-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;align-items:start}.np-upload-tile,.np-photo-item{width:100%;aspect-ratio:1;min-height:0;height:auto;border:1px solid #d7e2f1;border-radius:9px;background:#f9fbfe;position:relative;overflow:hidden}.np-upload-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1.5px dashed #becfe5;color:#6890bf;padding:8px;min-width:0}.np-upload-tile .np-icon{width:28px;height:28px;stroke-width:1.3}.np-upload-tile strong{font-size:var(--ui-small,12px);font-weight:500;color:#5074a1}.np-upload-tile:hover,.np-dragging .np-upload-tile{background:#edf4ff;border-color:#4c88df}.np-photo-open{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;padding:6px 6px 32px}.np-photo-open img{display:block;width:100%;height:100%;object-fit:contain}.np-photo-actions{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:10px;background:#ffffffed;border-top:1px solid #e3e9f1}.np-photo-actions button{background:none;border:0;font-size:var(--ui-small,12px);color:#5074a1;min-height:30px;padding:3px 4px}.np-page .np-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.np-material-tip{border:1px solid;border-radius:6px;padding:9px 12px;font-size:var(--ui-small,12px);line-height:1.6}.np-material-tip[data-level=green]{background:#f0faf4;border-color:#c8e8d3;color:#287447}.np-material-tip[data-level=orange]{background:#fff8ee;border-color:#f2dfbd;color:#92601f}.np-material-tip[data-level=red]{background:#fff2f2;border-color:#edcbcb;color:#ae3939}.np-material-tip[data-level=unknown]{background:#f5f7fa;border-color:#dfe5ec;color:#65778c}
.np-variant-head,.np-variant-row{display:grid;grid-template-columns:minmax(150px,1.5fr) minmax(90px,.6fr) minmax(80px,.45fr) minmax(155px,.9fr) 26px;gap:16px;align-items:center}.np-variant-head{font-size:var(--ui-small,12px);color:#647b92;margin-bottom:8px}.np-variant-row{margin-bottom:12px}.np-variant-row label{min-width:0}.np-mobile-label{display:none}.np-money-input{position:relative}.np-money-input input{padding-left:30px!important;padding-right:42px!important;font-variant-numeric:tabular-nums}.np-money-input>span{position:absolute;left:12px;top:10px;color:#718096}.np-money-input>small{position:absolute;right:10px;top:12px;font-size:var(--ui-small,12px);color:#718096}
.np-icon-button{display:grid;place-items:center;border:0;background:none;color:#738ba6;width:28px;height:32px;padding:0;border-radius:5px;flex-shrink:0}.np-icon-button .np-icon{width:16px;height:16px}.np-icon-button:hover{background:#eef3fb;color:#376695}.np-variant-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.np-variant-bottom>span{font-size:var(--ui-small,12px);color:#718096}.np-text-button{display:inline-flex;align-items:center;gap:5px;border:0;background:none;color:#376eb7;font-size:var(--ui-small,12px)!important;padding:6px 0}.np-text-button .np-icon{width:15px;height:15px}
.np-links{display:grid;gap:10px;margin-bottom:4px}.np-link-row{display:flex;align-items:center;gap:14px}.np-link-input{position:relative;flex:1;min-width:0}.np-link-input .np-icon{position:absolute;left:12px;top:12px;width:17px;height:17px;color:#829ab8}.np-link-input input{padding-left:38px!important}
.np-submit-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:8px 2px 12px}.np-estimate{display:flex;align-items:baseline;gap:11px;flex-wrap:wrap}.np-estimate span,.np-estimate small{font-size:var(--ui-small,12px);color:#718096}.np-estimate strong{font-size:21px;color:#355474;font-weight:600;font-variant-numeric:tabular-nums}.np-primary,.np-secondary{min-height:var(--ui-control,42px);border-radius:7px;padding:9px 22px;font-size:var(--ui-body,14px)!important;line-height:1.6}.np-primary{background:var(--ui-primary,#2767d6);border:1px solid #2767d6;color:#fff}.np-primary:hover{background:#245fc6}.np-secondary{background:#fff;border:1px solid #d2ddeb;color:#52708f}.np-feedback{font-size:var(--ui-small,12px);line-height:1.6;color:#37638c;overflow-wrap:anywhere}.np-feedback:empty{display:none}.np-page .np-feedback{margin-top:7px}.np-feedback[data-error=true]{color:#b3333c}
.np-page>#np-feedback:not(:empty){margin:0 0 14px}.np-records-tools{justify-content:space-between;gap:20px;padding:6px 0;margin-bottom:16px}.np-note{font-size:var(--ui-small,12px);color:#718096;margin-top:5px!important}.np-list-tools{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:var(--ui-small,12px);color:#647b92}.np-list-tools select{width:auto;min-height:var(--ui-control-compact,36px);padding:5px 10px;font-size:var(--ui-small,12px)}.np-list-tools button{min-height:var(--ui-control-compact,36px);padding:5px 13px;font-size:var(--ui-small,12px)!important}.np-records-table{border:1px solid var(--ui-border,#e3e9f1);border-radius:12px;background:#fff;overflow:auto}.np-list-table{min-width:730px;width:100%;border-collapse:collapse}.np-list-table th,.np-list-table td{padding:13px 14px;border-bottom:1px solid #e7edf4;text-align:left;vertical-align:middle;font-size:var(--ui-body,14px)}.np-list-table th{background:#f7f9fc;color:#60748a;font-size:var(--ui-small,12px);font-weight:500}.np-list-table td:first-child{max-width:180px;overflow-wrap:anywhere;font-size:var(--ui-small,12px);color:#718096}.np-list-table td:nth-child(4){max-width:300px;overflow-wrap:anywhere}.np-status{display:inline-block;padding:4px 8px;border-radius:4px;white-space:nowrap;font-size:var(--ui-small,12px);background:#fff6e8;color:#926b2d}.np-status-approved{background:#edf8f2;color:#287650}.np-status-rejected{background:#fff1f1;color:#a74646}
.np-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;font-size:var(--ui-small,12px);color:#647b92}.np-pagination button{font-size:var(--ui-small,12px)!important;min-height:var(--ui-control-compact,36px);padding:5px 12px}.np-pagination button+button{margin-left:8px}.np-empty{text-align:center!important;color:#718096;padding:35px!important}.np-error{font-size:var(--ui-small,12px);color:#b3333c;background:#fff1f1;padding:12px;border-radius:6px;margin-bottom:12px!important}
.np-detail,.np-photo-dialog{width:min(850px,calc(100vw - 32px));max-height:90vh;overflow:auto;padding:22px;border:1px solid #dbe5f0;border-radius:12px;color:#243c56;background:#fff}.np-detail::backdrop,.np-photo-dialog::backdrop{background:rgb(20 39 61/.4)}.np-detail>.np-heading{justify-content:space-between}.np-detail-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:var(--ui-small,12px);color:#647b92;margin-bottom:18px}.np-detail-section{margin:18px 0}.np-detail-section h3{font-size:var(--ui-body,14px);color:#38516a;margin:0 0 8px}.np-detail-section p{font-size:var(--ui-body,14px);line-height:1.6;overflow-wrap:anywhere;white-space:pre-wrap}.np-detail-section small{font-size:var(--ui-small,12px);color:#718096}.np-detail-images{display:flex;gap:12px;flex-wrap:wrap}.np-detail-images img{width:132px;height:132px;object-fit:contain;border:1px solid #e5ebf2;border-radius:7px}.np-detail a{color:#2262b6;overflow-wrap:anywhere}.np-detail #np-review-form{border-top:1px solid #e1e8f1;padding-top:18px}.np-review-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.np-variant-table{width:100%;border-collapse:collapse;min-width:450px}.np-variant-table th,.np-variant-table td{padding:10px;border-bottom:1px solid #e7edf4;text-align:left;font-size:var(--ui-body,14px)}.np-variant-table th{font-size:var(--ui-small,12px);background:#f6f8fc;color:#647b92;font-weight:500}
.np-photo-dialog{position:relative;width:min(900px,calc(100vw - 30px));padding:42px 20px 20px;background:#f7f9fc}.np-photo-dialog>.np-icon-button{position:absolute;right:10px;top:8px}#np-large-photo{display:block;max-width:100%;max-height:75vh;margin:auto;object-fit:contain}
@media(max-width:1050px) and (min-width:761px){.np-product-grid{grid-template-columns:minmax(0,1fr) 330px;gap:22px}.np-variant-head,.np-variant-row{gap:10px;grid-template-columns:minmax(125px,1fr) 85px 70px minmax(140px,.8fr) 26px}}
@media(max-width:760px){.np-product-grid{grid-template-columns:1fr;gap:18px}.np-photo-field{max-width:414px}.np-variant-head{display:none}.np-variant-row{grid-template-columns:1fr 1fr 28px;gap:10px 12px;align-items:end;background:#f8fafd;padding:14px;border:1px solid #e7edf5;border-radius:9px}.np-variant-row>label:first-child{grid-column:1/3}.np-variant-row>label:nth-child(2){grid-column:1}.np-variant-row>label:nth-child(3){grid-column:2}.np-variant-row>.np-money-input{grid-column:1/3}.np-variant-row>.np-icon-button{grid-column:3;grid-row:1;margin-bottom:5px}.np-mobile-label{display:block;font-size:var(--ui-small,12px);color:#647b92;margin-bottom:6px;font-weight:400}.np-money-input>span{top:35px}.np-money-input>small{top:37px}.np-records-tools{flex-wrap:wrap}.np-pagination{flex-wrap:wrap}}
@media(max-width:620px){.np-card{padding:17px}.np-heading{flex-wrap:wrap;row-gap:6px}.np-section-note{margin-left:36px}.np-auto-meta>span:last-child{display:none}.np-reporter-row{gap:10px}.np-submit-bar{align-items:flex-start;flex-direction:column;gap:15px}.np-submit-bar>.np-primary{width:100%}.np-detail{padding:17px}.np-photo-grid{gap:8px}.np-detail-images img{width:100px;height:100px}}
@media(prefers-reduced-motion:reduce){.np-page *{transition:none!important}}