:root{color:#1c1c1c;background:#e7e8ea;font-family:Segoe UI,Tahoma,sans-serif;font-size:13px;line-height:1.3;--cyan: #2eb5c9;--cyan-deep: #14697a;--ink: #14343c;--line: #d5d8dc;--paper: #fff}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{border:1px solid #6a737a;background:linear-gradient(#fff,#f3f4f6);color:#1c1c1c;border-radius:3px;padding:3px 10px;min-height:24px;cursor:pointer}button:hover:not(:disabled){border-color:#8fb8c2}button:active:not(:disabled){background:#e7eef0}button.primary{background:var(--cyan-deep);color:#fff;border-color:#0e4e5c;font-weight:600}button.primary:hover:not(:disabled){background:#0f5c6b;border-color:#0c4a56}button.danger{color:#9d2424}button.secondary{background:#fff}button:disabled{color:#3e454c;cursor:default}button.primary:disabled{color:#fff;background:#08323c;border-color:#06262d}input,select,textarea{width:100%;border:1px solid #6a737a;background:var(--paper);border-radius:2px;padding:2px 6px;min-height:22px}input:focus,select:focus,textarea:focus{outline:2px solid var(--cyan-deep);border-color:var(--cyan-deep)}input[type=checkbox]{width:auto;min-height:0}label.check{display:flex;align-items:center;gap:6px}.app-window{height:100%;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;background:#e7e8ea}.modulebar{display:flex;gap:2px;padding:0 8px;background:#fff;border-bottom:1px solid var(--line)}.modulebar button{border:0;border-radius:0;background:transparent;min-height:30px;padding:4px 12px;color:#333}.modulebar button[aria-current=page]{color:#0d5fbf;font-weight:700;box-shadow:inset 0 -2px 0 var(--cyan-deep)}.toolbar{display:flex;gap:4px;padding:6px 8px;background:#eceaf1;border-bottom:1px solid #d5d3db;overflow-x:auto}.toolbar button{display:grid;justify-items:center;gap:2px;min-width:76px;padding:4px 8px 5px;border-color:transparent;background:transparent;border-radius:4px;font-size:11px;line-height:1.15}.toolbar button:hover:not(:disabled){background:#ffffff8c}.toolbar button[aria-current=page]{background:#fff;border-color:#d0d0d6;color:#0d5fbf;font-weight:600;box-shadow:0 1px 2px #00000014}.icon{width:22px;height:22px}.toolbar .icon{color:var(--cyan-deep)}.toolbar button:nth-child(5n+2) .icon{color:#9a5a08}.toolbar button:nth-child(5n+3) .icon{color:#1d6b32}.toolbar button:nth-child(5n+4) .icon{color:#a33b3b}.toolbar button:nth-child(5n+5) .icon{color:#6d5bb8}.workspace{min-height:0}.sheet{height:100%;overflow:auto;padding:8px;min-width:0;container-type:inline-size}.statusbar{min-height:22px;padding:2px 8px;border-top:1px solid #fff;background:#f4f5f6;color:#555;display:flex;align-items:center;justify-content:space-between;gap:12px}.gate{min-height:100%;display:grid;place-items:center;padding:24px}.gate-card{width:min(420px,100%);background:var(--paper);border:1px solid #c5ced6}.gate-card h1{margin:0;padding:8px 12px;background:linear-gradient(#e7f8fb,#9ed7e2);color:#102026;font-size:15px}.gate-card p{margin:14px 12px}.gate-card .actions{text-align:right}.group{margin:0 0 8px;border:1px solid #c5ced6;background:var(--paper);overflow:hidden}.group h2{margin:0;padding:5px 10px;background:linear-gradient(#e7f8fb,#9ed7e2);color:#102026;font-size:13px;font-weight:700}.group .stack{padding:8px 10px 10px}.tablist{display:flex;gap:2px;margin-bottom:8px}.tablist button{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent}.tablist button[aria-selected=true]{color:#0d5fbf;font-weight:700;border-bottom-color:var(--cyan-deep);background:transparent}.stack{display:grid;gap:8px}.record{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:8px;align-items:start}.record>*{min-width:0}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px}.fields-4{grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:grid;grid-template-columns:8.6rem minmax(0,1fr);align-items:center;gap:6px;min-width:0}.field>span{color:#245860}@container (min-width: 920px){.fields-4{grid-template-columns:repeat(4,minmax(0,1fr))}.fields-4 .field{grid-template-columns:4.6rem minmax(0,1fr)}}@container (max-width: 640px){.record,.fields,.fields-4,.product-grid{grid-template-columns:1fr}}.document{display:grid;gap:0;background:#f7f8f9;border:1px solid #c5ced6;min-height:100%}.document>.group{margin:0;border:0;border-bottom:1px solid var(--line)}.document>.form-buttons{padding:8px 10px}.picker{display:flex;gap:4px;align-items:center;min-width:0}.picker>select,.picker>input{flex:1;min-width:0}button.plus{min-width:24px;padding:0 7px;color:var(--cyan-deep);font-weight:700;background:#fff}.head-plus{display:inline-flex;align-items:center;gap:4px}.modal-backdrop{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:24px;background:#14202459}.modal{width:min(760px,100%);max-height:min(90vh,860px);overflow:auto;background:#f7f8f9;border:1px solid #c5ced6;box-shadow:0 12px 40px #0000002e}.modal-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:linear-gradient(#e7f8fb,#9ed7e2);color:#102026}.modal-bar h2{margin:0;font-size:14px}.modal-bar button{color:var(--ink)}.modal .form-buttons{padding:8px 10px 12px}.line-sheet{overflow-x:auto}.line-sheet td{vertical-align:middle;background:#fff}.line-sheet input,.line-sheet select{border-color:transparent;background:transparent;min-height:22px}.line-sheet tr:focus-within td{background:#fff8d4}.line-sheet tr:focus-within input,.line-sheet tr:focus-within select{background:#fff8d4}.suggestions{position:fixed;z-index:25;margin:0;padding:2px;list-style:none;background:#fff;border:1px solid var(--cyan-deep);box-shadow:0 4px 12px #0000001f}.suggestions button{display:block;width:100%;text-align:left;border:0;background:transparent;padding:4px 6px}.suggestions button[aria-selected=true],.suggestions button:hover{background:#fff8d4}.sale-totals{margin:8px 0 0 auto;width:min(280px,100%);display:grid;gap:3px;padding:6px 8px;border:1px solid #6a737a;background:#fff}.sale-totals p{display:flex;justify-content:space-between;gap:16px;margin:0}.sale-totals p:last-child{margin-top:2px;padding-top:4px;border-top:1px solid var(--line);font-size:15px}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.chart{display:flex;align-items:end;gap:10px;min-height:160px}.chart>div{display:grid;justify-items:center;gap:3px;font-size:12px}.bar{width:28px;background:var(--cyan)}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;padding:4px 6px;vertical-align:middle}th{background:#0e5c6b;color:#fff;font-size:12px;font-weight:700;border:0}td{border-bottom:1px solid #ececec}tbody tr:hover td{background:#f3fbfd}.line-sheet tr:focus-within td,.line-sheet tr:focus-within input,.line-sheet tr:focus-within select{background:#fff8d4}.badge{display:inline-block;padding:0 6px;background:#fff4e5;border:1px solid #e0b56a;color:#8a4b08;border-radius:8px;font-size:11px}.badge.issued{background:#e7f6ea;border-color:#8fca9b;color:#1d6b32}.error{color:#8a1f1f;margin:0}.form-buttons,.actions{display:flex;gap:6px;flex-wrap:wrap}.form-buttons{justify-content:flex-start}.actions{justify-content:flex-end}.money{text-align:right;font-variant-numeric:tabular-nums}.print-sheet{display:none}@media(max-width:800px){.workspace,.record,.fields,.fields-4,.product-grid,.field{grid-template-columns:1fr}}@media print{body *{visibility:hidden}.print-sheet,.print-sheet *{visibility:visible}.print-sheet{display:block;position:absolute;inset:0;background:#fff;color:#000;padding:1.5rem}}
