app-main{--inventory-accent: #88c3ff;--inventory-panel: #2a3238;--inventory-surface: rgba(255, 255, 255, .05);--inventory-surface-hover: rgba(136, 195, 255, .09);--inventory-border-soft: rgba(255, 255, 255, .1);--inventory-text: #ffffff;--inventory-text-muted: #cad4da;--inventory-danger: #cf5964}app-main .inventory-page{padding:0 0 8vh}app-main .page-title+.status,app-main .page-title+.panel,app-main .page-title+.panel-grid,app-main .page-title+.screen-only .panel{margin-top:24px}app-main .status,app-main .empty{color:var(--inventory-text);font-family:Lato,sans-serif;font-style:normal;font-weight:600;font-size:14px;line-height:normal}app-main .panel{padding:18px;border:0;border-radius:10px;background:var(--inventory-panel)}app-main .panel h2{margin:0 0 14px;color:var(--inventory-text);font-family:Lato,sans-serif;font-style:normal;font-weight:800;font-size:20px;line-height:normal}app-main .toolbar{display:grid;gap:8px;align-items:center;margin-bottom:12px}app-main .form-row{display:grid;gap:8px;margin-bottom:12px}app-main .search-field{position:relative}app-main .search-field input{width:100%;padding-right:34px}app-main .clear-search{position:absolute;top:50%;right:6px;transform:translateY(-50%);width:24px;min-width:24px;height:24px;padding:0;line-height:1;font-size:16px;border-radius:6px}app-main .list{display:grid;gap:8px}app-main .list>.row,app-main .list>.job-row{border:1px solid var(--inventory-border-soft);border-radius:10px;background:var(--inventory-surface);transition:border-color .16s ease,background-color .16s ease}app-main .list>.row:hover,app-main .list>.job-row:hover{border-color:#88c3ff8c;background:var(--inventory-surface-hover)}app-main .inventory-page input,app-main .inventory-page select,app-main .inventory-page button,app-main .overlay input,app-main .overlay select,app-main .overlay button{height:38px;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-family:Lato,sans-serif;font-style:normal;font-weight:600;font-size:14px;line-height:normal}app-main .inventory-page input,app-main .inventory-page select,app-main .overlay input,app-main .overlay select{min-width:0;background:#ffffff14;color:var(--inventory-text);padding:0 10px}app-main .inventory-page input:focus,app-main .inventory-page select:focus,app-main .overlay input:focus,app-main .overlay select:focus{outline:2px solid rgba(136,195,255,.45);outline-offset:0}app-main .inventory-page input::placeholder,app-main .overlay input::placeholder{color:#aebbc0}app-main .inventory-page select,app-main .overlay select{color-scheme:dark}app-main .inventory-page button,app-main .inventory-page .btn-primary,app-main .inventory-page .btn-secondary,app-main .inventory-page .btn-cursor,app-main .inventory-page .ghost,app-main .inventory-page .btn-ghost,app-main .overlay button,app-main .overlay .btn-primary,app-main .overlay .btn-secondary,app-main .overlay .btn-cursor,app-main .overlay .ghost,app-main .overlay .btn-ghost{background:#88c3ff24;color:var(--inventory-text);border-color:#88c3ff57;padding:0 12px;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease}app-main .inventory-page button:where(:hover:not(:disabled)),app-main .inventory-page .btn-primary:where(:hover:not(:disabled)),app-main .inventory-page .btn-secondary:where(:hover:not(:disabled)),app-main .inventory-page .btn-cursor:where(:hover:not(:disabled)),app-main .inventory-page .ghost:where(:hover:not(:disabled)),app-main .inventory-page .btn-ghost:where(:hover:not(:disabled)),app-main .overlay button:where(:hover:not(:disabled)),app-main .overlay .btn-primary:where(:hover:not(:disabled)),app-main .overlay .btn-secondary:where(:hover:not(:disabled)),app-main .overlay .btn-cursor:where(:hover:not(:disabled)),app-main .overlay .ghost:where(:hover:not(:disabled)),app-main .overlay .btn-ghost:where(:hover:not(:disabled)){background:#88c3ff38;border-color:#88c3ff8f}app-main .inventory-page button:disabled,app-main .inventory-page .btn-primary:disabled,app-main .inventory-page .btn-secondary:disabled,app-main .inventory-page .btn-cursor:disabled,app-main .inventory-page .ghost:disabled,app-main .inventory-page .btn-ghost:disabled,app-main .overlay button:disabled,app-main .overlay .btn-primary:disabled,app-main .overlay .btn-secondary:disabled,app-main .overlay .btn-cursor:disabled,app-main .overlay .ghost:disabled,app-main .overlay .btn-ghost:disabled{opacity:.45;cursor:not-allowed}app-main .inventory-page .danger,app-main .inventory-page .btn-danger,app-main .overlay .danger,app-main .overlay .btn-danger{background:var(--inventory-danger);border-color:var(--inventory-danger);color:var(--inventory-text)}app-main .inventory-page .danger:where(:hover:not(:disabled)),app-main .inventory-page .btn-danger:where(:hover:not(:disabled)),app-main .overlay .danger:where(:hover:not(:disabled)),app-main .overlay .btn-danger:where(:hover:not(:disabled)){background:#d76670;border-color:#d76670}app-main .inventory-page .mini,app-main .inventory-page .btn-mini,app-main .overlay .mini,app-main .overlay .btn-mini{height:28px;padding:0 8px;border-radius:7px;font-family:Lato,sans-serif;font-style:normal;font-weight:700;font-size:12px;line-height:normal}app-main .overlay{position:fixed;inset:0;z-index:1200;background:#060a0ead;display:grid;place-items:center;padding:16px}app-main .modal{width:min(960px,100%);max-height:88vh;overflow:auto;border-radius:14px;border:1px solid rgba(255,255,255,.2);background:#1f262b;padding:16px}app-main .modal.large{width:min(980px,98vw)}app-main .modal.equipment-edit-modal{width:min(960px,97vw)}app-main .modal.serial-modal{width:min(1240px,99vw)}app-main .modal h3{margin:0 0 12px;color:var(--inventory-text);font-family:Lato,sans-serif;font-style:normal;font-weight:800;font-size:22px;line-height:normal}app-main .modal-header{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;margin-bottom:10px}app-main .modal-header h3{margin:0;color:var(--inventory-text);font-family:Lato,sans-serif;font-style:normal;font-weight:800;font-size:18px;line-height:normal}app-main .modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}app-main .modal-grid label{display:grid;gap:6px;color:var(--inventory-text);font-family:Lato,sans-serif;font-style:normal;font-weight:600;font-size:13px;line-height:normal}app-main .modal-grid label.full{grid-column:1/-1}app-main .modal-toolbar{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:10px}app-main .modal-results{display:grid;gap:8px}app-main .modal-actions{margin-top:14px;display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}app-main .empty-state{padding:28px 12px;color:#dce5e8;text-align:center;font-family:Lato,sans-serif;font-style:normal;font-weight:700;font-size:15px;line-height:22px}@media screen and (max-width:991px){app-main .panel{padding:14px}app-main .modal-grid{grid-template-columns:1fr}}*{box-sizing:border-box}app-root{position:relative;width:100vw;height:100vh;max-width:100vw;max-height:100vh;overflow:hidden}html{height:100vh}html.smooth-scroll{scroll-behavior:smooth}body{position:relative;font-style:normal;font-weight:400;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;margin:0!important;padding:0!important;width:100vw;height:100vh;background-color:#1d1d1d;overflow-x:hidden;overflow-y:auto}body::-webkit-scrollbar{width:4px}body::-webkit-scrollbar-thumb{border-radius:4px;background-color:#26282a}body.keyboard{max-height:calc(100vh - 270px)}a{text-decoration:none;outline:none}a:active,a:focus,a:hover,a:visited{text-decoration:none;outline:none}button{-webkit-appearance:none;border:none;outline:none;padding:0;background:initial;cursor:pointer}button:focus,button:hover{outline:none}img{border:0}img.lazy{opacity:0}ul{margin-block-start:0;margin-block-end:0;padding-inline-start:0}input,input:focus-visible{border:none;outline:none}.d-none{display:none!important}.d-hidden{opacity:0;pointer-events:none}.page{position:relative;background:#637179 no-repeat fixed;max-width:100%;height:100%;overflow:hidden;padding-bottom:48px;overflow-x:hidden;overflow-y:auto}.page::-webkit-scrollbar{width:4px}.page::-webkit-scrollbar-thumb{border-radius:4px;background-color:#26282a}@media screen and (min-width:992px){.page .page-wrapper{margin:0 auto;max-width:1440px;padding:0 80px}}@media screen and (max-width:991px){.page .page-wrapper{padding:0 18px}}@media screen and (min-width:992px){.page h1.page-title{margin-block-start:0;margin-block-end:0;height:49px;background:#2a3238;border-radius:10px;font-family:Lato,sans-serif;font-style:normal;font-weight:600;font-size:25px;line-height:33px;color:#fff;display:flex;justify-content:center;align-items:center}}@media screen and (max-width:991px){.page h1.page-title{display:none}}@media print{html,body,app-root,app-main,.page,.page-wrapper{width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;overflow:visible!important}body{background:#fff!important}app-root,app-main,.page{display:block!important;background:#fff!important}app-header,main-footer{display:none!important}.page{padding-bottom:0!important}.page-wrapper{margin:0!important;padding:0!important}}select{height:32px;padding:0 8px;background:#515d64;border:1px solid #49545A;font-family:Lato,sans-serif;font-style:normal;font-weight:900;font-size:16px;line-height:normal;color:#fff}input{height:32px;padding:0 8px;font-family:Lato,sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:normal;color:#000}
