.staff-warehouse-drafts{margin:0 0 15px;padding:19px;border:1px solid #bfe3f1;border-left:4px solid #20aede;border-radius:16px;background:linear-gradient(145deg,#fff,#f5fbfe);box-shadow:0 10px 26px rgba(12,78,112,.07);font-family:'Manrope','Segoe UI',sans-serif}.staff-warehouse-drafts>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:13px}.staff-warehouse-drafts>header small{color:#087bac;font-size:12px;font-weight:800;letter-spacing:.1em}.staff-warehouse-drafts h3{margin:3px 0;color:#163b54;font-size:17px}.staff-warehouse-drafts p{margin:0;color:#6c8293;font-size:12px}.staff-warehouse-drafts>header>strong{padding:7px 10px;border-radius:999px;background:#fff0cf;color:#936000;font-size:12px;white-space:nowrap}.staff-draft-table{overflow:auto}.staff-draft-table table{width:100%;min-width:790px;border-collapse:collapse}.staff-draft-table th,.staff-draft-table td{padding:10px;border-bottom:1px solid #dfebf1;color:#274b61;text-align:left;font-size:12px;vertical-align:middle}.staff-draft-table th{color:#6b8293;font-weight:800;text-transform:uppercase}.staff-draft-table td>b,.staff-draft-table td>small{display:block}.staff-draft-table td>small{margin-top:3px;color:#7b8f9d}.staff-draft-person{display:flex;align-items:center;gap:9px;min-width:190px}.staff-draft-person>i{display:grid;flex:0 0 34px;width:34px;height:34px;place-items:center;border-radius:10px;background:#dcf3fc;color:#087baa;font-size:12px;font-style:normal;font-weight:900}.staff-draft-person b,.staff-draft-person small{display:block}.staff-draft-person small{margin-top:2px;color:#78909f}.staff-draft-table button{height:34px;padding:0 12px;border:0;border-radius:9px;background:linear-gradient(135deg,#087fbd,#33bce3);color:#fff;font:800 12px 'Manrope','Segoe UI',sans-serif;cursor:pointer}.staff-draft-empty{padding:22px!important;color:#7a8f9d!important;text-align:center!important}.staff-draft-backdrop{position:fixed;z-index:10050;inset:0;display:grid;padding:20px;place-items:center;background:rgba(6,37,57,.58);backdrop-filter:blur(5px)}.staff-draft-dialog{width:min(680px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:22px;border:1px solid rgba(255,255,255,.5);border-radius:19px;background:#fff;box-shadow:0 28px 75px rgba(4,33,52,.3);font-family:'Manrope','Segoe UI',sans-serif}.staff-draft-dialog>header{display:flex;justify-content:space-between;gap:16px;margin-bottom:18px}.staff-draft-dialog>header small{color:#087bac;font-size:12px;font-weight:800;letter-spacing:.1em}.staff-draft-dialog h2{margin:4px 0;color:#153b54;font-size:22px}.staff-draft-dialog>header p{margin:0;color:#6d8293;font-size:12px}.staff-draft-dialog>header>button{width:36px;height:36px;border:0;border-radius:10px;background:#eef6f9;color:#45677b;font-size:22px;cursor:pointer}.staff-draft-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.staff-draft-fields label{display:grid;gap:6px;color:#345a70;font-size:12px;font-weight:800}.staff-draft-fields .wide{grid-column:1/-1}.staff-draft-fields input,.staff-draft-fields select,.staff-draft-fields textarea{width:100%;border:1px solid #cddfe8;border-radius:10px;background:#f9fcfd;color:#173b52;font:600 12px 'Manrope','Segoe UI',sans-serif;outline:none}.staff-draft-fields input,.staff-draft-fields select{height:42px;padding:0 11px}.staff-draft-fields textarea{min-height:76px;padding:10px 11px;resize:vertical}.staff-draft-fields input:focus,.staff-draft-fields select:focus,.staff-draft-fields textarea:focus{border-color:#27b2df;box-shadow:0 0 0 3px rgba(39,178,223,.13)}.staff-draft-message{min-height:18px;margin:12px 0;color:#08775a;font-size:12px;font-weight:750}.staff-draft-message.is-error{color:#b33b3b}.staff-draft-dialog>footer{display:flex;justify-content:flex-end;gap:9px}.staff-draft-dialog-open{overflow:hidden}
@media(max-width:680px){.staff-warehouse-drafts{padding:15px;border-radius:14px}.staff-warehouse-drafts>header{display:grid}.staff-warehouse-drafts>header>strong{width:max-content}.staff-draft-backdrop{padding:10px}.staff-draft-dialog{max-height:calc(100dvh - 20px);padding:17px;border-radius:16px}.staff-draft-fields{grid-template-columns:1fr}.staff-draft-fields .wide{grid-column:auto}.staff-draft-dialog>footer{display:grid;grid-template-columns:1fr 1fr}.staff-draft-dialog>footer button{width:100%}}
