:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.4;font-weight:400;--bg-page: #f5f7fb;--text-main: #0f172a;--text-muted: #334155;--panel-bg: #ffffff;--panel-border: #e2e8f0;--input-bg: #ffffff;--input-border: #cbd5e1;--button-bg: #0f172a;--button-text: #ffffff;--secondary-bg: #ffffff;--secondary-text: #0f172a;--secondary-border: #cbd5e1;--badge-bg: #e2e8f0;--badge-text: #0f172a;--line-border: #dbe3ef;--subtle-bg: #f8fafc;--error-text: #b91c1c;--pill-bg: #dbeafe;--pill-text: #1d4ed8;color:var(--text-main);background:var(--bg-page);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.theme-dark{--bg-page: #0b1220;--text-main: #e5e7eb;--text-muted: #cbd5e1;--panel-bg: #111827;--panel-border: #334155;--input-bg: #0f172a;--input-border: #334155;--button-bg: #2563eb;--button-text: #f8fafc;--secondary-bg: #1f2937;--secondary-text: #e5e7eb;--secondary-border: #475569;--badge-bg: #334155;--badge-text: #e2e8f0;--line-border: #334155;--subtle-bg: #1e293b;--error-text: #fca5a5;--pill-bg: #1e3a8a;--pill-text: #dbeafe}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg-page);color:var(--text-main)}.page{display:grid;gap:1rem;width:min(100%,1400px);max-width:1400px;margin:0 auto;padding:1rem}.page__header h1{margin:0;font-size:1.8rem}.page__headerRow{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.page__header p{margin:.35rem 0 0;color:var(--text-muted)}.panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:12px;padding:1rem}.workspace{display:grid;gap:1rem;grid-template-columns:minmax(260px,340px) minmax(0,1fr);align-items:start}.workspace>*{min-width:0}.panel__titleRow{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.8rem}.panel__titleRow h2{margin:0;font-size:1.15rem}.badge{display:inline-block;padding:.15rem .6rem;border-radius:999px;background:var(--badge-bg);color:var(--badge-text);font-size:.8rem;font-weight:600}.searchForm{display:grid;gap:.5rem}.searchForm__label{font-weight:600;color:var(--text-main)}.searchForm__controls{display:flex;gap:.5rem}.searchForm__controls input{flex:1;min-height:44px;border-radius:8px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-main);padding:0 .8rem;font-size:1rem}.searchForm__controls button{min-height:44px;min-width:110px;border:1px solid transparent;border-radius:8px;background:var(--button-bg);color:var(--button-text);font-weight:600;padding:0 1rem}.secondaryButton{min-height:40px;border:1px solid var(--secondary-border);border-radius:8px;background:var(--secondary-bg);color:var(--secondary-text);font-weight:600;padding:0 .8rem}.headerActions{display:flex;gap:.5rem}.searchForm__controls button:disabled{opacity:.65;cursor:not-allowed}.authPanel{max-width:560px;margin:2rem auto;display:grid;gap:.8rem}.credentials{display:grid;gap:.5rem}.credentials label{display:flex;align-items:center;gap:.5rem}.credentialsForm{display:grid;gap:.4rem;margin-top:.75rem}.credentialsForm input{min-height:42px;border-radius:8px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-main);padding:0 .7rem}.stateMessage{margin:0;color:var(--text-muted)}.hintMessage{margin-top:.5rem;font-size:.88rem}.stateMessage--error{color:var(--error-text)}.resultsList{list-style:none;margin:0;padding:0;display:grid;gap:.75rem;max-height:68vh;overflow-y:auto;padding-right:.35rem;scrollbar-gutter:stable}.resultCard{width:100%;text-align:left;background:var(--panel-bg);border:1px solid var(--line-border);border-radius:10px;padding:.75rem;color:var(--text-main)}.resultCard--button{cursor:pointer;color:inherit}.resultCard--selected{border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.resultCard__topRow{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.6rem}.resultCard__topRow h3{margin:0;font-size:1rem;color:var(--text-main)}.statusPill{display:inline-block;background:var(--pill-bg);color:var(--pill-text);border-radius:999px;padding:.15rem .55rem;font-size:.75rem;font-weight:600}.resultCard__meta{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem .8rem}.resultCard__meta dt{font-size:.78rem;color:var(--text-muted)}.resultCard__meta dd{margin:.1rem 0 0;color:var(--text-main)}.orderDetail{padding:1rem}.orderDetail__layout{display:grid;gap:1rem;grid-template-columns:minmax(220px,280px) minmax(0,1fr)}.orderDetail__layout>*{min-width:0}.orderInfoCard{border:1px solid var(--line-border);border-radius:10px;padding:.75rem;background:var(--subtle-bg)}.orderInfoCard h3{margin:0 0 .6rem;font-size:1rem}.orderInfoCard__meta{margin:0;display:grid;gap:.5rem}.orderInfoCard__meta dt{font-size:.78rem;color:var(--text-muted)}.orderInfoCard__meta dd{margin:.1rem 0 0}.lineItemPanel{display:grid;gap:1rem;min-width:0}.columnChooser{border:1px solid var(--line-border);border-radius:10px;padding:.75rem}.columnChooser h3{margin:0 0 .5rem;font-size:1rem}.columnChooser__grid{display:grid;gap:.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}.columnChooser__item{display:flex;align-items:center;gap:.4rem;font-size:.9rem}.lineItemGroup{border:1px solid var(--line-border);border-radius:10px;padding:.75rem;min-width:0}.lineItemGroup h3{margin:0 0 .5rem;font-size:.95rem}.lineItemGroup__header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem}.lineItemGroup__toggle{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;color:var(--text-muted)}.lineItemTableWrap{overflow-x:auto;width:100%;max-width:100%}.lineItemTable{width:max-content;min-width:100%;border-collapse:collapse;font-size:.9rem}.lineItemTable th,.lineItemTable td{border-top:1px solid var(--panel-border);text-align:left;padding:.45rem .5rem;white-space:nowrap}.lineItemTable th{font-size:.78rem;color:var(--text-muted)}.lineItemRow--checked td{text-decoration:line-through;opacity:.6}@media(max-width:680px){.searchForm__controls{flex-direction:column}.resultCard__meta{grid-template-columns:1fr}}@media(max-width:980px){.workspace,.orderDetail__layout,.columnChooser__grid{grid-template-columns:1fr}}