:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#163650;background:#f2f5f7;font-size:16px;--yellow:#ffce32;--navy:#163650}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:24px;background:var(--navy);color:white;padding:18px max(22px,calc((100vw - 1140px)/2));border-bottom:4px solid var(--yellow)}header a{color:white;text-decoration:none;font-weight:800;font-size:26px;white-space:nowrap}header a span{color:var(--yellow)}header #environment{font-size:13px;color:#bbcede}#nav{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:14px}main{max-width:1140px;padding:26px 22px 80px;margin:auto}h1{font-size:28px;letter-spacing:-.6px;margin:0 0 8px}h2{font-size:20px;margin:0 0 18px}h3{margin:0 0 10px;font-size:16px}p{line-height:1.5}.muted{color:#617787;font-size:14px}.eyebrow{font-size:12px;font-weight:750;letter-spacing:1.5px;text-transform:uppercase;color:#718592;margin:0 0 7px}.card{background:white;border:1px solid #dbe3e8;border-radius:14px;padding:23px;margin-bottom:18px}.login{max-width:440px;margin:45px auto}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:18px 0}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:18px}button,.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;padding:11px 16px;background:var(--navy);color:white;font:inherit;font-size:14px;font-weight:650;cursor:pointer;text-decoration:none;min-height:42px}button:hover,.button:hover{filter:brightness(1.08)}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--yellow);color:var(--navy)}.secondary{background:#eaf0f4;color:var(--navy)}.danger{background:#fce5e3;color:#9e312b}.small{padding:7px 10px;min-height:34px;font-size:12px}label{display:block;font-size:13px;font-weight:650;margin:13px 0 6px}input,textarea,select{display:block;width:100%;padding:11px 12px;border:1px solid #c4d1da;border-radius:7px;font:inherit;color:var(--navy);background:white}input:focus,textarea:focus{outline:2px solid #e8c847;outline-offset:1px}input[type=checkbox]{width:auto;display:inline;margin-right:8px;vertical-align:middle}textarea{min-height:100px;resize:vertical}.check{display:flex;align-items:flex-start;gap:8px;font-weight:450;line-height:1.5}.check input{margin-top:5px}.tag{display:inline-block;border-radius:20px;background:#eaf0f4;padding:5px 10px;font-size:12px;font-weight:650}.tag.yellow{background:#fff3c2}.tag.green{background:#def3e7;color:#216e44}.orders{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.order-card{display:flex;flex-direction:column;gap:9px;text-align:left;padding:20px;border:1px solid #dbe3e8;border-radius:12px;background:white;color:var(--navy);min-height:180px;align-items:stretch;justify-content:flex-start}.order-card strong{font-size:19px}.order-card .number{font-size:13px;letter-spacing:.5px;color:#5a7080}.order-card:hover{border-color:#d5ae13;background:#fffef8;filter:none}.count{font-size:32px;font-weight:750}.metric{border-left:4px solid var(--yellow);padding:9px 18px}.metrics{display:flex;gap:24px;margin:22px 0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;color:#617787;background:#f3f6f8;font-size:12px;padding:12px 9px;white-space:nowrap}td{padding:14px 9px;border-bottom:1px solid #e4eaee;vertical-align:top}td.article{min-width:260px}td .muted{white-space:pre-line;font-size:12px;margin-top:4px}td input{width:90px;padding:8px;font-weight:650}td.performed{background:#fffbec}.alert{background:#fff5d7;border-left:4px solid #e6b924;padding:12px 16px;border-radius:6px;font-size:14px;margin:16px 0}.success{background:#e4f5eb;border-color:#59a576}#status{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;padding:14px 22px;border-radius:10px;max-width:90vw;z-index:10;display:none;box-shadow:0 8px 30px #0002}#status.error{background:#962b24}.signature{width:100%;height:210px;background:#fff;border:1px solid #acbbc6;border-radius:8px;touch-action:none;display:block}.visit{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #e4eaee}.hidden{display:none!important}.summary-line{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid #e7edf1}#busy{position:fixed;top:0;left:0;right:0;height:4px;background:var(--yellow);z-index:20}.columns3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}@media(max-width:700px){header{padding:14px 16px;gap:10px}header #environment{display:none}header a{font-size:23px}#nav>span{display:none}main{padding:20px 14px 70px}.grid{grid-template-columns:1fr;gap:0}.card{padding:18px}.toolbar{align-items:flex-start}.metrics{gap:8px}.metric{padding:6px 10px}.count{font-size:25px}.columns3{grid-template-columns:1fr}.actions button{flex:1}h1{font-size:25px}.signature{height:185px}.visit{align-items:flex-start}.visit .actions{margin:0}.orders{grid-template-columns:1fr}.article{min-width:200px!important}}
@media(max-width:700px){.table-wrap{overflow:visible}.table-wrap table{display:block;width:100%}.table-wrap thead{display:none}.table-wrap tbody{display:grid;gap:14px}.table-wrap tr{display:grid;grid-template-columns:1fr 1fr;border:1px solid #dbe3e8;border-radius:9px;overflow:hidden}.table-wrap td{display:block;border-bottom:1px solid #e4eaee;min-width:0;padding:11px 12px}.table-wrap td.article{grid-column:1/-1;min-width:0!important;background:#f6f8fa}.table-wrap td[data-label]::before{content:attr(data-label);display:block;color:#617787;font-size:11px;font-weight:650;margin-bottom:5px}.table-wrap td:last-child{grid-column:1/-1}.table-wrap td.performed{background:#fff4c5}.table-wrap td input{width:100%;max-width:150px}.table-wrap tr.hidden{display:none!important}.card p{overflow-wrap:anywhere}}

.quantity-actions{margin:0 0 18px}

.orders-toolbar{flex-wrap:wrap;align-items:flex-end}.order-filter{margin:0;max-width:300px}.order-filter select{font-size:14px;margin-top:5px}.order-subject{overflow-wrap:anywhere}

.assignment-filters{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.assignment-filters button{min-height:42px}

.ordered-cell{min-width:108px}.quantity-control{width:90px;max-width:100%}.quantity-dirty .ordered-cell{background:#fff5d7}.ordered-quantity:invalid{border-color:#9e312b}@media(max-width:700px){.table-wrap td.ordered-cell{grid-column:1/-1;min-width:0}}

.order-search{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;margin:18px 0}.order-search .search-field{flex:1;min-width:220px}.order-search label{margin-top:0}@media(max-width:700px){.order-search .search-field{flex-basis:100%;min-width:0}.order-search button{flex:1}}

.brand-block{display:flex;flex-direction:column;gap:3px;min-width:0}#brand{white-space:nowrap}#app-version{font-size:13px;font-weight:500;letter-spacing:0}#copyright{font-size:11px;color:#bbcbd8;white-space:nowrap}@media(max-width:700px){.brand-block{flex-basis:100%}#nav{margin-left:auto}}

.log-filter{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:0 20px}.log-filter .actions{grid-column:1/-1}.log-entry{padding:20px 0;border-top:1px solid #dce5eb}.log-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}.log-head time{color:#647d90;font-size:.9rem}.log-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.log-meta span,.log-message{overflow-wrap:anywhere}.log-message{margin:14px 0 0;font-size:.95rem}.tag.red{background:#ffe5e2;color:#8d2720}@media(max-width:650px){.log-filter,.log-meta{grid-template-columns:minmax(0,1fr)}.log-head{align-items:flex-start}.log-head time{width:100%;order:3}}

.quantity-spinner{display:grid;width:90px;max-width:100%;grid-template-columns:minmax(0,1fr) 22px;min-width:0;align-items:stretch}.quantity-spinner input{width:100%;min-width:0;margin:0;text-align:center;border-radius:7px 0 0 7px}.quantity-arrows{display:grid;grid-template-rows:1fr 1fr;min-width:0}.quantity-spinner .quantity-arrow{display:flex;padding:0;width:22px;min-width:0;min-height:0;height:100%;font-size:9px;border-radius:0;border:1px solid #c4d1da;border-left:0;background:#eaf0f4;color:var(--navy);line-height:1}.quantity-spinner .quantity-arrow:first-child{border-radius:0 7px 0 0}.quantity-spinner .quantity-arrow:last-child{border-radius:0 0 7px 0;border-top:0}.quantity-spinner .quantity-arrow:disabled{cursor:default}.performed .quantity-spinner{max-width:90px}.article-add{display:flex;align-items:flex-end;gap:12px;flex-shrink:0}.article-add .quantity-spinner{width:90px}.article-add label{margin-top:0}.article-add>button{margin-bottom:0}.quantity-spinner input:invalid{border-color:#9e312b}@media(max-width:700px){.article-result{align-items:stretch;flex-direction:column;gap:14px}.article-add{justify-content:space-between;flex-wrap:wrap}.article-add .quantity-spinner{width:90px}}

.login .company-logo{display:block;width:100%;max-width:300px;height:auto;margin:0 auto 16px}.login .company-name{text-align:center;text-transform:none;letter-spacing:.2px;font-size:13px;margin:22px 0 0}

.orders-heading{overflow-wrap:anywhere}

.order-toolbar{align-items:flex-start;flex-wrap:wrap}.order-heading{min-width:0;flex:1 1 250px;overflow-wrap:anywhere}.order-number{font-size:22px;line-height:1.3;font-weight:750;margin:0 0 12px}.order-heading .order-name{font-size:22px;line-height:1.3;letter-spacing:0;margin:0 0 6px}.order-address-switch{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.order-name-extra{font-size:16px;font-weight:600;line-height:1.4}.order-address-line{margin-top:6px}

.order-card{overflow-wrap:anywhere}.order-card-address-label{font-size:12px;font-weight:500;color:#718592}

header{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:14px 20px}#nav{margin-left:0}.header-logo{display:flex;align-items:center;justify-content:center;align-self:center;height:34px;background:white;border-radius:6px;padding:3px 6px;line-height:0}.header-logo img{display:block;width:120px;height:auto}@media(max-width:1100px){header{grid-template-columns:minmax(0,1fr) auto auto}header #environment{display:none}}@media(max-width:1000px){#nav>span{display:none}}@media(max-width:700px){header{grid-template-columns:minmax(0,1fr) auto;gap:10px}.brand-block{grid-column:1;grid-row:1;flex-basis:auto}.header-logo{grid-column:2;grid-row:1;padding:5px 6px}.header-logo img{width:95px}#nav{grid-column:1/-1;grid-row:2;justify-self:end;flex-wrap:wrap;justify-content:flex-end;margin-left:0}#copyright{white-space:normal;font-size:10px}}@media(max-width:400px){#brand{font-size:20px}#app-version{font-size:11px}}

.password-field{display:block;position:relative;min-width:0}.password-field input{padding-right:58px;min-height:48px}.password-toggle{position:absolute;top:2px;right:2px;bottom:2px;width:44px;min-height:44px;padding:10px;border-radius:5px;background:transparent;color:var(--navy)}.password-toggle:hover{background:#eaf0f4;filter:none}.password-toggle:focus-visible{outline:2px solid #e8c847;outline-offset:-2px}.password-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.password-eye-slash{display:none}.password-toggle[aria-pressed=true] .password-eye-slash{display:block}.password-field input::-ms-reveal,.password-field input::-ms-clear{display:none}