/* HEADER · VISPLAY CRM NEW · modules/pedidosInternos/pedidosInternos.css · v0.17.0 */
.pi-shell{display:grid;gap:14px}.pi-head,.pi-builder-head,.pi-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.pi-head h2{margin:0;font-size:25px}.pi-head p{margin:5px 0 0;color:var(--muted);font-size:12px}.pi-head-actions{display:flex;gap:7px;flex-wrap:wrap}.pi-stats{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.pi-stats button{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;text-align:left;cursor:pointer}.pi-stats small{display:block;font-size:9px;color:var(--muted)}.pi-stats strong{display:block;font-size:22px;margin-top:4px}.pi-toolbar{display:flex;gap:8px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:9px}.pi-toolbar input{flex:1}.pi-toolbar input,.pi-toolbar select{border:1px solid var(--line);border-radius:8px;padding:9px}.pi-list{display:grid;gap:8px}.pi-row{width:100%;background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px 15px;display:flex;justify-content:space-between;gap:15px;text-align:left;cursor:pointer}.pi-row:hover{border-color:#aeb9c6;box-shadow:0 5px 16px rgba(0,0,0,.05)}.pi-row-main,.pi-row-right{display:grid;gap:4px}.pi-row-right{text-align:right;justify-items:end}.pi-row small{font-size:9px;color:var(--muted)}.pi-folio{font-size:9px;color:#607086;font-weight:800}.pi-priority,.pi-status{font-size:8px;border-radius:999px;padding:3px 7px;background:#eef1f4;font-weight:800}.pi-priority.hot,.pi-status.warn{background:#fff0e5;color:#a6511e}.pi-empty{background:#fff;border:1px dashed var(--line);border-radius:12px;padding:30px;text-align:center;color:var(--muted)}.pi-dialog{border:0;border-radius:16px;width:min(860px,95vw);padding:0;box-shadow:0 24px 70px rgba(0,0,0,.28)}.pi-dialog.wide{width:min(1100px,97vw)}.pi-dialog::backdrop{background:rgba(15,20,26,.48)}.pi-dialog-head{padding:15px 17px;border-bottom:1px solid var(--line)}.pi-dialog-head div{display:grid;gap:3px}.pi-dialog-head span{font-size:9px;color:var(--muted)}.pi-x{border:0;background:#eef1f4;border-radius:50%;width:29px;height:29px;cursor:pointer}.pi-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px 17px}.pi-form-grid label,.pi-notes{display:grid;gap:5px;font-size:9px;text-transform:uppercase;font-weight:800;color:#59616d}.pi-form-grid .wide{grid-column:1/-1}.pi-form-grid input,.pi-form-grid select,.pi-notes textarea{border:1px solid var(--line);border-radius:8px;padding:9px;text-transform:none;font-weight:400}.pi-builder-head{padding:10px 17px}.pi-builder-head span{display:block;color:var(--muted);font-size:9px}.pi-builder-head>div:last-child{display:flex;gap:5px}.pi-builder{display:grid;gap:7px;padding:0 17px}.pi-builder-row{display:grid;grid-template-columns:1fr 100px 34px;gap:6px}.pi-builder-row select,.pi-builder-row input{min-width:0;border:1px solid var(--line);border-radius:8px;padding:9px}.pi-builder-row.kit{background:#f5f9ff;padding:6px;border-radius:9px}.pi-remove{border:0;background:#fae9e9;color:#943b3b;border-radius:8px;cursor:pointer}.pi-warnings{padding:10px 17px;display:grid;gap:5px}.pi-warning-head{padding:9px 10px;border-radius:9px;font-size:10px;font-weight:800}.pi-warning-head.ok{background:#e9f6ef;color:#246d48}.pi-warning-head.bad{background:#fff0e5;color:#995020}.pi-warning-line{display:flex;align-items:center;gap:10px;justify-content:space-between;border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:9px}.pi-warning-line span{color:var(--muted);flex:1}.pi-warning-line strong{white-space:nowrap}.pi-warning-line.bad{border-color:#edc2a9;background:#fffaf6}.pi-warning-line.ok strong{color:#26734b}.pi-warning-line.bad strong,.red{color:#a54a22}.pi-notes{padding:0 17px 13px}.pi-actions,.pi-order-actions{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap;padding:13px 17px;border-top:1px solid var(--line)}.pi-suggestion{margin:0 17px 10px;padding:10px;background:#edf5ff;border:1px solid #cedff4;border-radius:9px}.pi-suggestion span{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.pi-order-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:14px 17px}.pi-order-summary div{background:#f6f7f9;border-radius:9px;padding:9px;display:grid;gap:4px}.pi-order-summary small{font-size:8px;text-transform:uppercase;color:var(--muted)}.pi-lines{display:grid;gap:6px;padding:0 17px 14px}.pi-line{display:flex;justify-content:space-between;gap:15px;border:1px solid var(--line);border-radius:9px;padding:9px}.pi-line>div{display:grid;gap:3px}.pi-line>div:last-child{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.pi-line small,.pi-line span{font-size:9px;color:var(--muted)}.pi-messages{padding:0 17px 14px;display:grid;gap:5px}.msg{display:grid;gap:3px;padding:8px 10px;border-radius:8px;background:#f5f6f8}.msg.WARNING{background:#fff4e8}.msg.SUCCESS{background:#eaf7ef}.msg small{font-size:8px;color:var(--muted)}.msg span{font-size:10px}.pi-import-preview{padding:15px 17px;display:grid;gap:6px;max-height:60vh;overflow:auto}.import-result{padding:10px;border-radius:9px;display:grid;gap:4px}.import-result.ok{background:#eaf7ef}.import-result.bad{background:#fff0e5}.import-result span{font-size:9px}.muted{color:var(--muted);font-size:9px}
@media(max-width:1000px){.pi-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:650px){.pi-head,.pi-row{flex-direction:column}.pi-row-right{text-align:left;justify-items:start}.pi-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.pi-toolbar{flex-direction:column}.pi-form-grid,.pi-order-summary{grid-template-columns:1fr}.pi-form-grid .wide{grid-column:auto}.pi-builder-row{grid-template-columns:1fr 80px 34px}.pi-line{flex-direction:column}.pi-line>div:last-child{justify-content:flex-start}}
/* FOOTER · VISPLAY CRM NEW · modules/pedidosInternos/pedidosInternos.css · v0.17.0 */
.pi-specials{display:grid;gap:7px;padding:0 17px 14px}.pi-specials>b{font-size:11px}.pi-special{border:1px solid #efc6a9;background:#fff9f4;border-radius:9px;padding:10px;display:flex;justify-content:space-between;gap:12px}.pi-special>div:first-child{display:grid;gap:4px}.pi-special small,.pi-special span{font-size:9px;color:var(--muted)}.pi-special-actions{display:flex;gap:5px;flex-wrap:wrap;align-content:flex-start}.pi-special-actions .btn{font-size:8px;padding:7px}
@media(max-width:650px){.pi-special{flex-direction:column}.pi-special-actions .btn{flex:1}}
