:root{--space-2: 2px;--space-3: 3px;--space-4: 4px;--space-5: 5px;--space-6: 6px;--space-7: 7px;--space-8: 8px;--space-9: 9px;--space-10: 10px;--space-11: 11px;--space-12: 12px;--space-14: 14px;--space-16: 16px;--space-18: 18px;--space-20: 20px;--space-22: 22px;--space-24: 24px;--space-25: 25px;--space-28: 28px;--space-30: 30px;--space-32: 32px;--space-36: 36px;--space-40: 40px;--space-48: 48px;--gap-inline: var(--space-8);--gap-fields: var(--space-12);--gap-actions: var(--space-12);--gap-workspace: var(--space-20);--gap-sections: var(--space-24);--gap-detail-columns: var(--space-40);--padding-control: var(--space-11);--padding-record: var(--space-14);--padding-panel: var(--space-25);--padding-detail: var(--space-32);--padding-detail-compact: var(--space-22);--padding-page-block: var(--space-48);--padding-page-block-compact: var(--space-30);--padding-page-inline: 5vw;--padding-page-inline-compact: var(--space-20);--radius-control: 6px;--radius-feedback: 8px;--radius-panel: 12px;--size-icon-button: 44px;--size-record-row-min: 48px;--size-checkbox: 16px;--height-app-header: 82px;--height-app-header-compact: 64px;--width-header-preview: 375px;--opacity-avatar-placeholder: 1;--height-panel-min: 330px;--height-infinite-list: 360px;--height-report-list: 300px;--width-page-max: 1440px;--color-surface-page: #f6f7f2;--color-surface-header: #fafbf7;--color-surface-panel: #ffffff;--color-surface-control: #ffffff;--color-surface-record: #fafbf7;--color-surface-subtle: #f5f7f3;--color-surface-selected: #e8f0e2;--color-surface-badge: #edf2e8;--color-text-primary: #21382f;--color-text-record: #263d30;--color-text-secondary: #68756c;--color-text-eyebrow: #697a65;--color-text-record-meta: #6f845f;--color-text-empty: #738074;--color-text-small: #788577;--color-text-date: #75816e;--color-text-cost: #4d6950;--color-text-footer: #82907d;--color-brand-accent: #6d8b5b;--color-action-primary-background: #31533e;--color-action-primary-foreground: #ffffff;--color-action-link: #31533e;--color-focus-ring: #93b379;--color-border-default: #dce3d9;--color-border-control: #ccd6c9;--color-border-divider: #e3e8df;--color-border-selected: #789363;--color-feedback-success-background: #ecf5e9;--color-feedback-success-border: #c7d8c3;--color-feedback-success-foreground: #21382f;--color-feedback-error-background: #fff1e9;--color-feedback-error-border: #eac8b5;--color-feedback-error-foreground: #863e2c;--font-family-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-weight-regular: 400;--font-weight-heading: 550;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-solid: 1;--line-height-compact: 1.5;--line-height-body: 1.6;--line-height-empty: 1.65;--line-height-record: 1.7;--letter-spacing-brand: -1px;--letter-spacing-eyebrow: 1.8px;--letter-spacing-title: -1.7px;--letter-spacing-heading: -.4px;--font-size-page-title: clamp(30px, 4vw, 46px);--font-size-preview-title: clamp(28px, 4vw, 40px);--font-size-record-title: clamp(24px, 3vw, 32px);--border-width-default: 1px;--border-width-focus-compact: 2px;--border-width-focus: 3px;--opacity-disabled: .5;--radius-badge: 4px;--size-select-chevron: 12px;--height-list-sentinel: 1px;--height-color-swatch: 64px;--width-token-label: 110px;--width-design-index: 190px;--width-intro-copy-max: 650px;--width-demo-control-min: 180px;--color-focus-strong: var(--color-action-primary-background);--font-size-10: 10px;--font-size-11: 11px;--font-size-12: 12px;--font-size-13: 13px;--font-size-14: 14px;--font-size-20: 20px;--font-size-22: 22px;--font-size-23: 23px;--image-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='%2321382f' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}input[appInput]{box-sizing:border-box;width:100%;min-width:0;font:inherit;padding:var(--padding-control);border:var(--border-width-default) solid var(--color-border-control);border-radius:var(--radius-control);background:var(--color-surface-control);color:var(--color-text-primary)}input[appInput]:focus-visible{outline:var(--border-width-focus) solid var(--color-focus-ring);outline-offset:var(--space-3)}input[appInput]:disabled{opacity:var(--opacity-disabled)}button[appButton]{font:inherit;border-radius:var(--radius-control);cursor:pointer;font-size:var(--font-size-13);font-weight:var(--font-weight-semibold);line-height:var(--line-height-compact);margin:0}button[appButton].primary{background:var(--color-action-primary-background);color:var(--color-action-primary-foreground);padding:var(--padding-control) var(--space-16);border:var(--border-width-default) solid transparent}button[appButton].secondary{padding:var(--space-9) var(--space-12);border:var(--border-width-default) solid var(--color-border-control);background:var(--color-surface-control);color:var(--color-text-primary)}button[appButton].ds-icon-button{display:inline-flex;align-items:center;justify-content:center;width:var(--size-icon-button);height:var(--size-icon-button);padding:0;margin:0;flex-shrink:0;font-size:var(--font-size-22);line-height:var(--line-height-solid)}button[appButton]:disabled{opacity:var(--opacity-disabled);cursor:default}button[appButton]:focus-visible{outline:var(--border-width-focus) solid var(--color-focus-ring);outline-offset:var(--space-3)}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) header{height:var(--height-app-header);padding:0 var(--padding-page-inline);border-bottom:var(--border-width-default) solid var(--color-border-default);display:flex;align-items:center;justify-content:space-between;background:var(--color-surface-header)}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .brand{font-size:var(--font-size-23);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-brand);color:inherit;text-decoration:none}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .brand span{color:var(--color-brand-accent)}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .tag,:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .eyebrow{font-size:var(--font-size-11);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-eyebrow);color:var(--color-text-eyebrow)}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) main{max-width:var(--width-page-max);margin:auto;padding:var(--padding-page-block) var(--padding-page-inline)}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .intro{margin-bottom:var(--space-36)}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) h1{font-size:var(--font-size-page-title);font-weight:var(--font-weight-heading);letter-spacing:var(--letter-spacing-title);margin:var(--space-10) 0}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .intro>p:last-child{color:var(--color-text-secondary);line-height:var(--line-height-body)}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) h2{font-size:var(--font-size-20);font-weight:var(--font-weight-semibold);margin:var(--space-12) 0 var(--space-24);letter-spacing:var(--letter-spacing-heading)}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .workspace{display:grid;grid-template-columns:1fr 1fr 1.45fr;gap:var(--gap-workspace);align-items:start}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) section{padding:var(--padding-panel);background:var(--color-surface-panel);border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--radius-panel);min-width:0;min-height:var(--height-panel-min)}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .eyebrow{margin:0}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .items{margin-bottom:var(--space-28)}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .item{width:100%;display:flex;justify-content:space-between;text-align:left;padding:var(--padding-record);margin:var(--space-8) 0;background:var(--color-surface-subtle);border:var(--border-width-default) solid transparent;color:var(--color-text-record)}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .item.selected{background:var(--color-surface-selected);border-color:var(--color-border-selected)}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .item span{color:var(--color-text-record-meta)}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) button,:where(.design-system-page,app-account-screen,app-maintenance-record-screen) input,:where(.design-system-page,app-account-screen,app-maintenance-record-screen) textarea{font:inherit;border-radius:var(--radius-control)}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) button{cursor:pointer}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) button:disabled{opacity:var(--opacity-disabled);cursor:default}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .primary{background:var(--color-action-primary-background);color:var(--color-action-primary-foreground);padding:var(--padding-control) var(--space-16);border:0;margin-top:var(--space-14);font-size:var(--font-size-13);font-weight:var(--font-weight-semibold)}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) label{display:block;font-size:var(--font-size-12);font-weight:var(--font-weight-semibold);margin:var(--space-14) 0 var(--space-7)}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) input,:where(.design-system-page,app-account-screen,app-maintenance-record-screen) textarea{width:100%;padding:var(--padding-control);border:var(--border-width-default) solid var(--color-border-control);background:var(--color-surface-control);color:var(--color-text-primary)}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) textarea{resize:vertical}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .empty{color:var(--color-text-empty);font-size:var(--font-size-14);line-height:var(--line-height-empty);padding:var(--padding-record) 0}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) small{font-weight:var(--font-weight-regular);color:var(--color-text-small)}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-fields)}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) h3{font-size:var(--font-size-14);margin-top:var(--space-30)}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) h3 span{font-size:var(--font-size-11);background:var(--color-surface-badge);padding:var(--space-3) var(--space-8);border-radius:var(--radius-panel);margin-left:var(--space-8)}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) article{border-top:var(--border-width-default) solid var(--color-border-divider);padding:var(--space-12) 0;font-size:var(--font-size-14);overflow-wrap:anywhere}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .date{font-size:var(--font-size-11);color:var(--color-text-date)}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .cost{color:var(--color-text-cost);font-weight:var(--font-weight-semibold)}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) footer{font-size:var(--font-size-11);color:var(--color-text-footer);padding:var(--space-28) 0}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .message{color:var(--color-feedback-success-foreground);border:var(--border-width-default) solid var(--color-feedback-success-border);padding:var(--padding-record);border-radius:var(--radius-feedback);background:var(--color-feedback-success-background);font-size:var(--font-size-14)}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .error{background:var(--color-feedback-error-background);border-color:var(--color-feedback-error-border);color:var(--color-feedback-error-foreground)}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .message button{margin-left:var(--space-12);padding:var(--space-5) var(--space-10);border:var(--border-width-default) solid currentColor;background:transparent;color:inherit}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) :focus-visible{outline:var(--border-width-focus) solid var(--color-focus-ring);outline-offset:var(--space-3)}@media(max-width:1000px){:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .workspace{grid-template-columns:1fr 1fr}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .history{grid-column:1/-1}}@media(max-width:600px){:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .workspace{grid-template-columns:1fr}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .history{grid-column:auto}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) main{padding:var(--padding-page-block-compact) var(--padding-page-inline-compact)}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .tag{display:none}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .fields{grid-template-columns:1fr}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) section{min-height:0}}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .assertion-list{margin-top:var(--space-18);display:grid;gap:var(--space-6)}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .assertion-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-12);width:100%;padding:var(--space-12);border:var(--border-width-default) solid var(--color-border-default);background:var(--color-surface-record);text-align:left;color:inherit}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .assertion-row>span:first-child{min-width:0}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .assertion-row strong{font-size:var(--font-size-12)}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .assertion-value{display:block;margin-top:var(--space-5);font-size:var(--font-size-12);overflow-wrap:anywhere}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .assertion-meta{font-size:var(--font-size-11);color:var(--color-text-secondary);flex-shrink:0;display:grid;gap:var(--space-6)}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .assertion-row.selected,:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .report-card.selected{background:var(--color-surface-selected);border-color:var(--color-border-selected)}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .inspector{margin-top:var(--space-24)}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .inspector-header{display:flex;align-items:start;justify-content:space-between;gap:var(--gap-workspace)}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .inspector-header h2{margin-bottom:var(--space-10)}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .assertion-statement{margin:0 0 var(--space-16);font-size:var(--font-size-20);overflow-wrap:anywhere}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .secondary{padding:var(--space-9) var(--space-12);border:var(--border-width-default) solid var(--color-border-control);color:inherit;background:var(--color-surface-control);font-size:var(--font-size-12);flex-shrink:0}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .identity{color:var(--color-text-secondary);font-size:var(--font-size-12);overflow-wrap:anywhere}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .identity summary{cursor:pointer}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .inspector-grid{display:grid;grid-template-columns:.85fr 1fr 1.2fr;gap:var(--space-28);margin-top:var(--space-20)}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .inspector-column{min-width:0}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .inspector-column+.inspector-column{border-left:var(--border-width-default) solid var(--color-border-divider);padding-left:var(--space-28)}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .inspector-column h3{margin-top:0}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .qualifications{font-size:var(--font-size-13);overflow-wrap:anywhere}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .qualifications dt{color:var(--color-text-secondary);margin-top:var(--space-14)}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .qualifications dd{margin:var(--space-5) 0 var(--space-18)}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .inspector .empty{padding-top:0}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .field-help{font-size:var(--font-size-12);color:var(--color-text-secondary);line-height:var(--line-height-body)}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .evidence-card,:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .contradiction{border:var(--border-width-default) solid var(--color-border-default);padding:var(--padding-record);border-radius:var(--radius-control);margin:var(--space-10) 0;font-size:var(--font-size-13);overflow-wrap:anywhere}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .evidence-card p,:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .contradiction p{font-size:var(--font-size-12);margin-bottom:0}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .evidence-card a{color:var(--color-action-link)}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .conflict-badge{color:var(--color-feedback-error-foreground);background:var(--color-feedback-error-background);border-radius:var(--radius-badge);padding:var(--space-3) var(--space-6);font-size:var(--font-size-10);width:fit-content}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .report-list{display:grid;gap:var(--space-8);max-height:var(--height-report-list);overflow-y:auto;padding:var(--space-3)}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .report-card{width:100%;display:grid;gap:var(--space-7);padding:var(--padding-record);text-align:left;border:var(--border-width-default) solid var(--color-border-default);background:var(--color-surface-record);color:inherit;overflow-wrap:anywhere}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .report-card strong{font-size:var(--font-size-13)}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .report-card>span{font-size:var(--font-size-11)}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) select{width:100%;padding:var(--padding-control);border:var(--border-width-default) solid var(--color-border-control);border-radius:var(--radius-control);background:var(--color-surface-control);color:inherit;font:inherit}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) select:not([multiple]):not([size]){appearance:none;padding-right:calc(var(--padding-control) + var(--space-24));background-image:var(--image-select-chevron);background-repeat:no-repeat;background-position:right var(--padding-control) center;background-size:var(--size-select-chevron) var(--size-select-chevron)}@media(forced-colors:active){:where(.design-system-page,app-account-screen,app-maintenance-record-screen) select:not([multiple]):not([size]){appearance:auto;background-image:none;padding-right:var(--padding-control)}}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .checkbox-label{display:flex;align-items:start;gap:var(--space-8);line-height:var(--line-height-body)}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .checkbox-label input{width:var(--size-checkbox);height:var(--size-checkbox);margin:var(--space-2) 0 0;flex-shrink:0}@media(max-width:1000px){:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .inspector-grid{grid-template-columns:1fr 1fr}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .inspector-column:last-child{grid-column:1/-1;padding-left:0;border-left:0;border-top:var(--border-width-default) solid var(--color-border-divider);padding-top:var(--space-24)}}@media(max-width:600px){:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .inspector-grid{grid-template-columns:1fr}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .inspector-column+.inspector-column{grid-column:auto;border-left:0;padding-left:0;border-top:var(--border-width-default) solid var(--color-border-divider);padding-top:var(--space-24)}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .inspector-header{flex-direction:column}}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .app-nav{display:flex;align-items:center;gap:var(--gap-workspace)}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .app-nav a{color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-13);padding:var(--space-10) 0}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .app-nav a[aria-current=page]{color:var(--color-action-link);box-shadow:0 var(--border-width-focus-compact) var(--color-action-link)}@media(max-width:600px){:where(.design-system-page,app-account-screen,app-maintenance-record-screen) header{padding:0 var(--space-20)}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .app-nav{gap:var(--space-12)}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .app-nav a{font-size:var(--font-size-12)}}:where(.design-system-page,app-account-screen,app-maintenance-record-screen) .ds-icon-button{display:inline-flex;align-items:center;justify-content:center;width:var(--size-icon-button);height:var(--size-icon-button);padding:0;margin:0;flex-shrink:0;font-size:var(--font-size-22);line-height:var(--line-height-solid)}:root{font-family:var(--font-family-body);color:var(--color-text-primary);background:var(--color-surface-page);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button.secondary.danger{background:var(--color-feedback-error-foreground);border-color:var(--color-feedback-error-foreground);color:var(--color-action-primary-foreground)}button.secondary.danger:hover:not(:disabled){background:var(--color-feedback-error-background);color:var(--color-feedback-error-foreground)}.delete-actions{margin-top:var(--space-32);padding-top:var(--space-16);border-top:var(--border-width-default) solid var(--color-border-divider)}
