/* Shared component recipes. Legacy semantic selectors are compatibility callers of the same recipe. */
@layer guma-material {
 *{box-sizing:border-box}
 html{font-size:16px}
 body{margin:0;font-family:var(--guma-font);font-size:var(--ui-font-body);line-height:var(--ui-leading);color:var(--guma-text);background:radial-gradient(ellipse at 85% 0,color-mix(in srgb,var(--guma-gold) 10%,transparent),transparent 55%),var(--guma-paper);font-synthesis:none;font-optical-sizing:auto}
 button,input,select,textarea{font-family:inherit;font-size:inherit}
 a{color:var(--guma-accent)}
 .launcher-tile,.launcher-brand{color:var(--guma-text)}
 .login-brand{color:var(--guma-text)}
 .work-on-media,.work-on-media :is(h1,h2,h3,p){color:var(--ui-media-text)}
 .work-on-media h2 span{color:var(--ui-media-gold)}
 :where(h1,h2,h3){color:var(--guma-text);line-height:var(--ui-leading-title);font-weight:var(--ui-weight-heading);letter-spacing:-.015em}
 :is(.content,.pilot-main,.pim-page-content,.scanner-main) h1{font-size:var(--ui-font-title)}
 :is(.content,.pilot-main,.pim-page-content,.scanner-main) h2{font-size:var(--ui-font-section)}
 :is(.content,.pilot-main,.pim-page-content,.scanner-main) h3{font-size:var(--ui-font-body)}
 :is(.pilot-note,.scanner-note,.scanner-subtitle,.page-intro,.subline,.muted){font-size:var(--ui-font-label);line-height:var(--ui-leading);color:var(--guma-muted)}
 /* Shared brand, account and search treatment across app shells. */
 .work-wordmark{display:inline-flex;flex-direction:column;gap:4px;white-space:nowrap;line-height:1.1;color:var(--guma-text);letter-spacing:-.025em}
 .work-wordmark:after{content:"";display:block;width:100%;height:3px;background:var(--guma-identity-work);flex:none}
 /* Clear polished lens over the unchanged source logo. */
 .work-brand-glass{position:relative;display:block;flex:none;isolation:isolate;overflow:hidden;border-radius:24.45%;background:transparent;box-shadow:0 1px 1px #4c351a35,0 5px 9px -3px #50361f55;transition:box-shadow var(--ui-motion)}
 .work-brand-glass>img{display:block;width:100%;height:100%;object-fit:contain;filter:none;border-radius:inherit}
 .work-brand-glass:before{content:"";position:absolute;z-index:1;inset:0;border-radius:inherit;background:linear-gradient(155deg,#ffffffb8 0%,#ffffff45 19%,#ffffff12 38%,transparent 40%,transparent 65%,#ffffff28 91%,#ffffff75 100%);pointer-events:none}
 .work-brand-glass:after{content:"";position:absolute;z-index:2;inset:1px;border-radius:calc(24.45% - 1px);border:1px solid #ffffff65;background:radial-gradient(ellipse at 24% 2%,#ffffffc9 0%,#ffffff35 15%,transparent 42%),linear-gradient(112deg,transparent 35%,#ffffff85 48%,transparent 60%) -100px 0/220% 100% no-repeat;box-shadow:inset 0 1px 1px #ffffffc9,inset 1px 0 1px #ffffff65,inset -1px -2px 2px #26180445;pointer-events:none;transition:background-position 750ms var(--ui-ease)}
 @media(hover:hover) and (prefers-reduced-motion:no-preference){a:hover>.work-brand-glass:after,.work-brand-glass:hover:after{background-position:0 0,100px 0}.work-brand-glass:hover{box-shadow:0 1px 1px #4c351a35,0 7px 12px -3px #50361f65}}

 .pilot-brand{min-width:0;flex-shrink:1}.pilot-brand strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pilot-tools,.pilot-account{flex-shrink:0}
 .work-account-initials{font:600 13px/1 var(--guma-font);letter-spacing:.025em}
 :is(.launcher-account>summary,.pilot-account>summary,.account-trigger){display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;border:1px solid var(--ui-action-edge);border-radius:50%;background:var(--ui-action-gradient);color:var(--guma-text);box-shadow:inset 0 1px 0 var(--ui-edge-light),var(--ui-shadow-control);list-style:none;cursor:pointer}
 :is(.launcher-brand,.pilot-brand,.brand-copy) strong{font-family:var(--guma-font);font-size:var(--ui-font-subheading);font-weight:600;letter-spacing:-.025em}
 :is(.workspace-search,.pilot-global-search,.launcher-search){display:var(--ui-search-display,flex);align-items:center;gap:var(--ui-space-sm);min-height:44px;border:1px solid var(--guma-border);border-radius:var(--ui-radius-search);background:color-mix(in srgb,var(--guma-surface) 75%,var(--guma-paper));box-shadow:inset 0 1px 2px #30251a08;overflow:visible;transition:border-color var(--ui-motion),box-shadow var(--ui-motion)}
 :is(.workspace-search,.pilot-global-search,.launcher-search):focus-within{border-color:var(--guma-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--guma-focus) 15%,transparent),inset 0 1px 0 var(--ui-edge-light)}
 :is(.workspace-search,.pilot-global-search,.launcher-search) input{width:100%;min-width:0;min-height:44px;padding:0 14px;border:0;border-radius:inherit;background:transparent;box-shadow:none;color:var(--guma-text);font:400 15px/1.4 var(--guma-font);letter-spacing:-.015em;outline-offset:2px}
 :is(.workspace-search,.pilot-global-search,.launcher-search) input::placeholder{color:var(--guma-muted);opacity:.85}
 :is(.workspace-search,.pilot-global-search) button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:0;border-radius:var(--ui-radius-control);background:transparent;color:var(--guma-muted);box-shadow:none}
 :is(.workspace-search,.pilot-global-search) button:hover{color:var(--guma-accent);background:var(--guma-accent-soft)}
 .launcher-search>svg{width:20px;height:20px;flex:none;color:var(--guma-muted)}
 @media(pointer:coarse){:is(.workspace-search,.pilot-global-search,.launcher-search) input{font-size:16px}}
 /* One field recipe, including composite login/search fields. */
 :is(.entry-form,.access-page,.appearance-preview-toolbar,.scanner-result-panel,.scanner-photo-review,.scanner-search) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea),.login-field,.pilot-search{color:var(--guma-text);background:var(--guma-surface);border:var(--ui-border) solid var(--guma-border);border-radius:var(--ui-radius-control);box-shadow:var(--ui-shadow-inset),inset 0 -1px 0 var(--ui-edge-inner);font-size:var(--ui-font-data)}
 :is(.entry-form,.access-page,.scanner-result-panel,.scanner-search) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select){min-height:var(--ui-control);padding:var(--ui-space-sm) var(--ui-space-md)}
 .login-field{display:flex;align-items:center;gap:var(--ui-space-md);min-height:var(--ui-control);padding:0 var(--ui-space-md)}
 .login-field input,.launcher-search input,.pilot-search input{border:0;background:transparent;box-shadow:none;min-width:0;width:100%;min-height:var(--ui-control);color:inherit;outline-offset:-3px}
 .login-field:focus-within{outline:2px solid var(--guma-focus);outline-offset:2px}
 .login-field input:focus-visible{outline:0}
 :is(input,select,textarea)[aria-invalid=true]{border-color:var(--guma-danger)}
 /* Buttons keep their existing navigation/action behavior and registered identities. */
 :is(.work-button,.pilot-primary,.login-submit,.scanner-primary,.scanner-new-button,.access-page button.wide,.ui-icon-action.is-primary){display:inline-flex;align-items:center;justify-content:center;gap:var(--ui-space-sm);min-height:var(--ui-control);padding:var(--ui-space-sm) var(--ui-space-lg);border:var(--ui-border) solid var(--ui-action-edge);border-radius:var(--ui-radius-control);background:var(--ui-action-gradient);color:var(--ui-action-text);box-shadow:inset 0 1px 0 var(--ui-edge-light),inset 0 0 0 2px var(--ui-edge-inner),var(--ui-shadow-control);font-size:var(--ui-button-font,var(--ui-font-data));font-weight:var(--ui-weight-strong);cursor:pointer;text-decoration:none;transition:box-shadow var(--ui-motion),transform var(--ui-motion),filter var(--ui-motion)}
 :is(.ui-icon-action,.navigation-toggle,.ui-dev-toggle,.pim-icon-button,.gallery-button,.work-icon-button,.scanner-review-actions button,.scanner-result-actions button){display:inline-grid;place-items:center;width:var(--ui-touch);height:var(--ui-touch);min-width:var(--ui-touch);min-height:var(--ui-touch);padding:0;flex:0 0 var(--ui-touch);border:var(--ui-border) solid var(--ui-edge);border-radius:var(--ui-radius-control);background:var(--ui-icon-gradient);color:var(--guma-accent);box-shadow:inset 0 1px 0 var(--ui-edge-light),var(--ui-shadow-control);cursor:pointer}
 :is(.ui-icon-action,.pim-icon-button,.gallery-button,.work-icon-button,.login-submit) svg{width:var(--ui-icon-size);height:var(--ui-icon-size);display:block;flex:none;margin:0}
 :is(.entry-actions>button:not(.work-button),.scanner-upload-entry,.access-page button.quiet){min-height:var(--ui-control);border:var(--ui-border) solid var(--guma-border);border-radius:var(--ui-radius-control);background:var(--ui-surface-gradient);color:var(--guma-text);padding:var(--ui-space-sm) var(--ui-space-md);box-shadow:var(--ui-shadow-control)}
 :is(.work-button,.login-submit,.pilot-primary,.ui-icon-action,.pim-icon-button,.gallery-button,.work-icon-button):not(:disabled):hover{filter:brightness(1.035);box-shadow:inset 0 1px 0 var(--ui-edge-light),var(--ui-shadow-icon)}
 :is(.work-button,.login-submit,.pilot-primary,.ui-icon-action,.pim-icon-button):not(:disabled):active{transform:translateY(1px)}
 :is(button,input,select,textarea):disabled,[aria-disabled=true]{cursor:default;filter:none;opacity:.65}
 :is(.work-action-danger,.scanner-review-actions .danger){color:var(--guma-danger)}
 :is(.work-actionbar,.entry-actions,.pilot-preview-actions){display:var(--ui-actionbar-display,flex);align-items:center;flex-wrap:nowrap;gap:var(--ui-space-sm);min-width:0;max-width:100%;overflow-x:auto;padding-block:var(--ui-space-xs);scrollbar-width:thin}
 :is(.work-actionbar,.entry-actions,.pilot-preview-actions)>:is(button,a,form){flex-shrink:0}
 .work-actionbar .work-action-danger{margin-left:auto}
 /* Shared surfaces: restrained edges, flat information, no panel-in-panel shadow stack. */
 :is(.pilot-list-card,.pilot-preview,.machine-card,.ui-section-card,.content .panel,.content .card,.content .metric,.access-page .panel,.login-card,.scanner-list,.scanner-empty,.scanner-photo-review,.scanner-stats>div,.scanner-selection,.scanner-inspection){background:var(--guma-surface);border:var(--ui-border) solid var(--ui-edge);border-radius:var(--ui-radius-panel);box-shadow:none}
 :is(.pilot-main,.pim-page-content,.content,.scanner-main) :is(.card-head,.pilot-section,.pilot-preview-heading){padding:var(--ui-space)}
 :is(.machine-card,.content .panel,.ui-card-pad){padding:var(--ui-space-lg)}
 :is(.pilot-header,.launcher-header,.shell>.topbar,.login-topbar){background:var(--ui-glass);border-bottom:var(--ui-border) solid var(--ui-edge);backdrop-filter:blur(var(--ui-blur)) saturate(120%);box-shadow:none}
 :is(.pilot-account-panel,.launcher-account>div,.shell-flyout-panel,.login-help__panel){background:var(--ui-surface-gradient);color:var(--guma-text);border:var(--ui-border) solid var(--ui-edge);box-shadow:var(--ui-shadow-floating);border-radius:var(--ui-radius-panel)}
 :is(.pilot-navigation,.scanner-nav){background:var(--ui-glass);border-color:var(--ui-edge);backdrop-filter:blur(var(--ui-blur))}
 :is(.pilot-navigation,.scanner-nav) a[aria-current],.pilot-navigation a.active,.pilot-row.selected{background:var(--guma-accent-soft);color:var(--guma-accent);box-shadow:none;border-radius:var(--ui-radius-control)}
 /* A single optical icon surface is shared by Login and the app launcher. */
 .work-app-icon{position:relative;display:grid;place-items:center;width:var(--ui-app-icon);height:var(--ui-app-icon);flex:none;border:var(--ui-border) solid var(--ui-action-edge);border-radius:var(--ui-radius-icon);background:var(--ui-icon-gradient);box-shadow:inset 0 1px 0 var(--ui-edge-light),inset -2px -2px 0 var(--ui-edge-inner),var(--ui-shadow-icon);isolation:isolate;transition:transform var(--ui-motion) var(--ui-ease)}
 .work-app-icon:before{content:"";position:absolute;inset:3px;border:1px solid var(--ui-edge-light);border-right-width:2px;border-top-width:2px;border-radius:calc(var(--ui-radius-icon) - 3px);pointer-events:none}
 .work-app-icon>svg,.work-app-icon>img{display:block;width:var(--ui-app-glyph);height:var(--ui-app-glyph);object-fit:contain;color:var(--guma-gold);filter:drop-shadow(0 1px 0 var(--ui-edge-light))}
 @media(hover:hover){a:hover>.work-app-icon,button:hover>.work-app-icon{transform:translateY(var(--ui-lift)) rotate(var(--ui-tilt))}}
 .work-app-icon>.work-app-art{width:var(--ui-app-glyph);height:var(--ui-app-glyph);filter:none;overflow:visible}
 .work-app-icon{transform-style:preserve-3d;background:radial-gradient(ellipse at var(--work-light-x,25%) var(--work-light-y,15%),var(--ui-edge-light),transparent 62%),var(--ui-icon-gradient);box-shadow:inset 0 2px 2px var(--ui-edge-light),inset 2px 0 2px var(--ui-edge-inner),inset -2px -3px 3px color-mix(in srgb,var(--guma-gold) 25%,transparent),var(--ui-shadow-icon)}
 .work-app-icon:after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid transparent;background:linear-gradient(135deg,var(--ui-edge-light),var(--ui-media-gold) 25%,transparent 44%,var(--ui-edge-light) 68%,var(--guma-gold)) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}
 @media(hover:hover) and (pointer:fine){.work-app-icon:hover{transform:perspective(600px) rotateX(calc(var(--work-y,0) * -7deg)) rotateY(calc(var(--work-x,0) * 7deg)) translateY(-3px)}}
 /* Photographic depth is decorative; content and hit areas remain stationary. */
 .work-scene{position:relative;overflow:hidden;isolation:isolate}
 .work-scene:before{content:"";position:absolute;inset:-12px;background:var(--work-scene-image) center/cover no-repeat;transform:scale(1.025) translate(calc(var(--work-x,0) * -6px),calc(var(--work-y,0) * -5px));transition:transform 700ms cubic-bezier(.2,.7,.2,1);z-index:0}
 .work-scene:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at var(--work-light-x,20%) var(--work-light-y,42%),#ffd98928,transparent 62%);mix-blend-mode:screen;pointer-events:none;z-index:1}
 @media(prefers-reduced-motion:reduce){.work-scene:before,.work-app-icon:hover{transform:none;transition:none}}

 /* One entrance, then pointer-driven depth; no continuous animation around the form. */
 @media(prefers-reduced-motion:no-preference){
  .work-scene:before{animation:work-scene-arrive 1800ms cubic-bezier(.2,.7,.2,1) backwards}
  .work-app-icon:before{background:linear-gradient(115deg,transparent 35%,var(--ui-edge-light) 48%,transparent 62%) -220px 0/200% 100% no-repeat;animation:work-material-arrive 1400ms ease-out both}
 }
 @keyframes work-scene-arrive{from{opacity:.7;transform:scale(1.07)}to{opacity:1;transform:scale(1.025)}}
 @keyframes work-material-arrive{from{background-position:-220px 0}to{background-position:220px 0}}
 :is(.login-submit,.work-button,.pilot-primary){position:relative;overflow:hidden}
 :is(.login-submit,.work-button,.pilot-primary):after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,var(--ui-edge-inner) 50%,transparent 70%);transform:translateX(-120%);transition:transform 650ms var(--ui-ease);pointer-events:none}
 @media(hover:hover) and (prefers-reduced-motion:no-preference){:is(.login-submit,.work-button,.pilot-primary):hover:after{transform:translateX(120%)}}
 /* Structured technical values and semantic notices are shared across all consumers. */
 :is(.content,.pilot-main,.scanner-main,.access-page) table{width:100%;border-collapse:collapse;font-size:var(--ui-font-data);font-variant-numeric:tabular-nums}
 :is(.content,.pilot-main,.scanner-main,.access-page) :is(td,th){padding:var(--ui-space) var(--ui-space-md);border-bottom:var(--ui-border) solid var(--guma-border);text-align:start;overflow-wrap:anywhere}
 :is(.content,.pilot-main,.scanner-main,.access-page) th{font-size:var(--ui-font-label);color:var(--guma-muted);font-weight:var(--ui-weight-medium)}
 :is(.pilot-property,.contact-data,.scanner-result-fields){font-variant-numeric:tabular-nums;box-shadow:none;background:transparent}
 .scanner-result-fields>div,.pilot-property{padding:var(--ui-space) 0;border-bottom:var(--ui-border) solid var(--guma-border);font-size:var(--ui-font-data)}
 .scanner-result-fields dt{font-size:var(--ui-font-label);color:var(--guma-muted)}
 :is(.login-error,.form-error,.scanner-error){color:var(--guma-danger)}
 :is(.login-error,.scanner-error){background:var(--guma-danger-surface);padding:var(--ui-space-md);border-radius:var(--ui-radius-control)}
 .save-notice{color:var(--guma-success);background:var(--guma-success-surface)}
 [data-tone=info]{color:var(--guma-info);background:var(--guma-info-surface)}[data-tone=warning]{color:var(--guma-warning);background:var(--guma-warning-surface)}[data-tone=success]{color:var(--guma-success);background:var(--guma-success-surface)}[data-tone=danger]{color:var(--guma-danger);background:var(--guma-danger-surface)}
 /* Selected r04 images contain their complete material; do not decorate twice. */
 .work-app-icon.work-app-icon--rendered{border:0;border-radius:20%;background:none;box-shadow:none;overflow:hidden}
 .work-app-icon--rendered:before,.work-app-icon--rendered:after,.work-brand-rendered:before,.work-brand-rendered:after{content:none;display:none;animation:none}
 .work-app-icon--rendered>img{width:100%;height:100%;filter:none;border-radius:inherit;object-fit:contain}
 .work-brand-glass.work-brand-rendered,.work-brand-glass.work-brand-rendered:hover{box-shadow:none;background:none;border-radius:20%}
 /* Media itself is never decorated, tinted or cropped for a card shape. */
 .image-gallery{border:0;border-radius:var(--ui-radius-media);box-shadow:none;background:transparent}
 .image-gallery .gallery-stage{background:var(--guma-paper);border:0;border-radius:var(--ui-radius-media);box-shadow:none}
 .image-gallery .gallery-stage img,.scanner-evidence-image{border:0;border-radius:var(--ui-radius-media);box-shadow:none;filter:none;object-fit:contain}
 .gallery-caption{padding:var(--ui-space)}.gallery-tools{padding:var(--ui-space-xs)}
 .scanner-photo-choices img{object-fit:contain;border-radius:var(--ui-radius-media)}
 /* Existing record context stays two usable rows, with room for real errors. */
 .work-record-header{display:grid;gap:0;min-width:0;margin:0 0 var(--ui-space)}
 .work-record-heading{display:flex;align-items:center;gap:var(--ui-space);min-width:0;min-height:var(--ui-touch)}
 .work-record-heading h1{margin:0;font-size:var(--ui-font-section);white-space:nowrap}
 .work-record-heading time{margin:0 0 0 auto;font-size:var(--ui-font-caption);color:var(--guma-muted);white-space:nowrap}
 .work-record-actions{min-height:var(--ui-touch);margin:0;padding:0;gap:var(--ui-space);overflow:visible}
 .work-record-actions .scanner-order-actions{margin-left:auto;gap:var(--ui-space-xs);padding:0;overflow:visible}
 .work-record-actions .scanner-subtitle{margin:0;font-size:var(--ui-font-caption);white-space:nowrap}
 .work-record-actions .scanner-status{font-size:var(--ui-font-tiny)}
 .work-action-hint{position:fixed;z-index:10000;max-width:calc(100vw - 16px);padding:var(--ui-space-sm) var(--ui-space-md);border-radius:var(--ui-radius-control);background:var(--guma-text);color:var(--guma-surface);pointer-events:none;font:var(--ui-font-caption)/var(--ui-leading) var(--guma-font);box-shadow:var(--ui-shadow-floating)}
 @media(pointer:coarse){input,select,textarea{font-size:var(--ui-font-input)}}
 @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}.work-app-icon,button{transition:none;transform:none}}
}
@layer guma-accessibility {
 [hidden]{display:none!important}
 :focus-visible{outline:2px solid var(--guma-focus);outline-offset:3px}
 :is(.workspace-search,.pilot-global-search,.launcher-search) input:focus-visible{outline:none}
 .sr-only,.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
 @media(forced-colors:active){.work-app-icon,:is(.work-button,.login-submit,.ui-icon-action){background:Canvas;color:ButtonText;border:1px solid ButtonText;box-shadow:none;filter:none}.work-app-icon:before{display:none}}
}

@layer guma-material {
 :is(.pilot-header,.launcher-header,.topbar):has(details[open]){z-index:100;position:relative;overflow:visible}
 :is(.pilot-account,.launcher-account,.account-flyout)>div{position:fixed;top:var(--account-top,64px);right:max(8px,env(safe-area-inset-right));width:280px;max-width:calc(100vw - 16px);max-height:var(--account-height,calc(100dvh - 80px));overflow:auto;overscroll-behavior:contain;overflow-wrap:anywhere;z-index:101}
 :is(.pilot-account,.launcher-account,.account-flyout) .locale-switcher{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px;width:100%;padding:8px 0;margin:0}
 :is(.pilot-account,.launcher-account,.account-flyout) .locale-switcher label{grid-column:1/-1}
 :is(.pilot-account,.launcher-account,.account-flyout) .locale-switcher :is(select,button){width:100%;min-width:0;min-height:44px}
 .account-action-grid{display:flex;flex-wrap:wrap;gap:var(--ui-space);padding-block:var(--ui-space)}.account-action-grid>form{margin:0}.account-action-grid .ui-icon-action{width:var(--ui-touch);height:var(--ui-touch);min-height:var(--ui-touch);padding:0}.account-help{font-size:var(--ui-font-caption)}.account-help>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;color:var(--guma-muted)}
 .technical-table-scroll{max-width:100%;min-width:0;overflow:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}
 .technical-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:var(--ui-font-data);font-variant-numeric:tabular-nums;background:var(--guma-surface)}
 .technical-table caption{text-align:left;padding:8px 12px;font-weight:600;color:var(--guma-text)}
 .technical-table :is(th,td){padding:8px 12px;border-bottom:1px solid var(--guma-border);text-align:left;vertical-align:top;overflow-wrap:anywhere;line-height:1.4}
 .technical-table thead th{position:sticky;top:0;z-index:1;background:var(--guma-paper);font-size:var(--ui-font-caption);color:var(--guma-muted);font-weight:500}
 .technical-table tbody th{hyphens:auto;width:42%;font-weight:500;color:var(--guma-muted)}
 .technical-table tbody tr:hover{background:var(--guma-accent-soft)}
 .technical-table .numeric{text-align:right;white-space:nowrap}
 .technical-table--directory{min-width:600px}
 .technical-table--records{table-layout:auto}.technical-table--records thead th:last-child{width:28%}.technical-record-link{display:flex;flex-direction:column;justify-content:center;min-height:44px;color:inherit;text-decoration:none}.technical-record-link small,.technical-table--machines small{display:block;font-size:var(--ui-font-caption);color:var(--guma-muted);font-weight:400}.technical-record-row.selected{background:var(--guma-accent-soft);box-shadow:inset 3px 0 var(--guma-accent)}
 .technical-table--machines{min-width:0}.technical-table--machines th:first-child{width:46%}.technical-table--machines th:last-child{width:18%}.technical-table--machines td{vertical-align:middle}
 .technical-table--directory a{display:flex;align-items:center;min-height:44px;font-weight:600}
}

@layer guma-material {
 .work-category-icon{display:block;width:40px;height:40px;min-width:40px;max-width:none;flex:none;object-fit:contain;border:0;border-radius:20%;box-shadow:none;filter:none;background:none}
 :is(.scanner-type-options,.scanner-motif-options) button:has(.work-category-icon){padding:2px;min-width:44px;min-height:44px;border:0;background:none;box-shadow:none;position:relative}
 :is(.scanner-type-options,.scanner-motif-options) button:has(.work-category-icon):before,
 :is(.scanner-type-options,.scanner-motif-options) button:has(.work-category-icon):after{display:none}
 :is(.scanner-type-options,.scanner-motif-options) button:has(.work-category-icon)[aria-pressed=true]{outline:2px solid var(--guma-accent);outline-offset:1px;border-radius:10px}
 .scanner-type-options button:has(.work-category-icon):focus-visible,.scanner-motif-options button:has(.work-category-icon):focus-visible{outline:3px solid var(--guma-focus);outline-offset:2px}
}

@layer guma-material {
.release-version{display:inline-block;font-size:10px;line-height:16px;font-weight:400;letter-spacing:0;color:var(--guma-muted);white-space:nowrap;font-variant-numeric:tabular-nums}.release-footer{padding:4px 12px;text-align:right;background:var(--guma-surface);border-top:1px solid var(--guma-border)}
.pim-app-navigation>.release-version{margin-top:auto;text-align:center;width:100%;flex:none}.scanner-nav>.release-version{display:block;text-align:right;padding:0 12px}
@media(max-width:600px) and (orientation:portrait),(max-height:500px) and (max-width:1024px){.pim-app-navigation{height:calc(78px + env(safe-area-inset-bottom));padding-bottom:calc(26px + env(safe-area-inset-bottom))}.pim-app-navigation>.release-version{position:absolute;bottom:env(safe-area-inset-bottom);right:12px;width:auto}.pim-app .pilot-grid{height:calc(100dvh - 142px - env(safe-area-inset-bottom))}.pim-app.has-demo-bar .pilot-grid{height:calc(100dvh - 198px - env(safe-area-inset-bottom))}}
}
