:root{--jwi-navy:#082b4f;--jwi-blue:#19a9e5;--jwi-bg:#f4f7fb;--jwi-line:#dbe3ec;--jwi-text:#183047} .jwi-app{max-width:1180px;margin:24px auto;padding:20px;color:var(--jwi-text);font:15px/1.5 system-ui,-apple-system,sans-serif}.jwi-nav{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:28px}.jwi-nav a,.jwi-actions a,.jwi-actions button,.jwi-view-actions a,.jwi-view-actions button,.jwi-filter button,.jwi-filter a,.jwi-form button,.jwi-status-buttons button{border:1px solid var(--jwi-line);border-radius:8px;padding:9px 13px;background:#fff;color:var(--jwi-navy);text-decoration:none;cursor:pointer}.jwi-primary,.jwi-nav .jwi-primary{background:var(--jwi-navy)!important;color:#fff!important;border-color:var(--jwi-navy)!important}.jwi-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.jwi-head small,.jwi-paper small{color:var(--jwi-blue);font-weight:800;letter-spacing:.12em}.jwi-head h2{font-size:30px;margin:3px 0}.jwi-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.jwi-cards div,.jwi-form section,.jwi-payments{background:#fff;border:1px solid var(--jwi-line);border-radius:14px;padding:18px;box-shadow:0 5px 18px #0b2d4b0c}.jwi-cards span,.jwi-table small{display:block;color:#65778a}.jwi-cards strong{font-size:23px;color:var(--jwi-navy)}.jwi-filter{display:flex;gap:10px;flex-wrap:wrap;background:var(--jwi-bg);padding:14px;border-radius:12px;margin-bottom:16px}.jwi-filter input,.jwi-filter select,.jwi-form input,.jwi-form select,.jwi-form textarea,#jwi-customer-form input,#jwi-customer-form textarea,.jwi-payments input,.jwi-payments select{border:1px solid #cbd6e2;border-radius:8px;padding:10px;background:#fff;box-sizing:border-box}.jwi-filter input[name=s]{min-width:260px}.jwi-table-wrap{overflow:auto}.jwi-table{width:100%;border-collapse:collapse;background:#fff}.jwi-table th,.jwi-table td{padding:13px 10px;border-bottom:1px solid var(--jwi-line);text-align:left;vertical-align:top}.jwi-table th{font-size:12px;text-transform:uppercase;color:#66778a}.jwi-actions{display:flex;gap:6px;flex-wrap:wrap}.jwi-actions a,.jwi-actions button{padding:5px 8px;font-size:12px}.jwi-status{padding:4px 8px;border-radius:99px;background:#edf1f5;font-size:12px}.jwi-status.paid{background:#daf7e5;color:#08752e}.jwi-status.cancelled{background:#fee2e2;color:#a11212}.jwi-form{display:grid;gap:18px}.jwi-form h3{margin-top:0}.jwi-form label,#jwi-customer-form label{display:grid;gap:6px;font-weight:600}.jwi-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.jwi-grid-4{grid-template-columns:repeat(4,1fr)}.jwi-item{display:grid;grid-template-columns:1fr 90px 130px 110px 40px;gap:9px;align-items:center;margin-bottom:9px}.jwi-item textarea{min-height:48px}.jwi-remove{color:#b00020!important}.jwi-totals{margin-left:auto;max-width:320px;padding-top:15px}.jwi-totals p,.jwi-paper-total p{display:flex;justify-content:space-between;border-bottom:1px solid var(--jwi-line);padding:7px}.jwi-view-actions{display:flex;gap:8px;justify-content:flex-end;margin-bottom:15px;flex-wrap:wrap}.jwi-paper{background:#fff;max-width:860px;margin:auto;padding:48px;border:1px solid var(--jwi-line);box-shadow:0 10px 35px #0b2d4b16}.jwi-paper>header{display:flex;justify-content:space-between;border-bottom:3px solid var(--jwi-navy);padding-bottom:20px}.jwi-paper h1{margin:3px 0;color:var(--jwi-navy)}.jwi-paper header div:last-child,.jwi-paper-grid>div{display:grid;gap:4px}.jwi-paper-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:30px 0}.jwi-paper table{width:100%;border-collapse:collapse}.jwi-paper th,.jwi-paper td{border-bottom:1px solid var(--jwi-line);padding:10px;text-align:right}.jwi-paper th:first-child,.jwi-paper td:first-child{text-align:left}.jwi-paper-total{max-width:350px;margin:20px 0 20px auto}.jwi-note{margin-top:20px;padding-top:12px;border-top:1px solid var(--jwi-line)}.jwi-payments{margin-top:22px}.jwi-payments form{display:flex;gap:8px;flex-wrap:wrap}.jwi-status-buttons{display:flex;gap:7px;align-items:center;margin-top:16px;flex-wrap:wrap}dialog{border:0;border-radius:15px;box-shadow:0 15px 60px #0004;width:min(560px,90vw)}dialog::backdrop{background:#061b2d99}#jwi-customer-form{display:grid;gap:12px;position:relative}.jwi-close{position:absolute;right:0;top:0;border:0;background:none;font-size:24px}.jwi-login{padding:24px;border:1px solid #f0c36d;background:#fff8e7;border-radius:10px}
.jwi-nav{display:flex!important;gap:10px!important;align-items:center;flex-wrap:wrap;margin:0 0 28px!important;padding:12px!important;background:#f4f7fb;border:1px solid var(--jwi-line);border-radius:12px}.jwi-nav a{display:inline-flex!important;align-items:center;text-decoration:none!important}.jwi-button{display:inline-flex;align-items:center;border:1px solid var(--jwi-line);border-radius:8px;padding:9px 13px;text-decoration:none!important}.jwi-customer-picker small{font-weight:400;color:#65778a}.jwi-customer-search{width:100%;font-size:16px}.jwi-status.ready,.jwi-status.completed{background:#daf7e5;color:#08752e}.jwi-status.repairing,.jwi-status.checking{background:#e1effe;color:#164e8b}.jwi-status.waiting_parts{background:#fff2cc;color:#805b00}
@media(max-width:760px){.jwi-app{padding:10px}.jwi-cards,.jwi-grid,.jwi-grid-4,.jwi-paper-grid{grid-template-columns:1fr}.jwi-item{grid-template-columns:1fr 70px 100px}.jwi-item .jwi-line{grid-column:1/3}.jwi-paper{padding:22px}.jwi-head{align-items:flex-start;gap:12px}.jwi-filter>*{width:100%}.jwi-nav a{font-size:12px;padding:7px 9px}}