:root{
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:100%;line-height:1.5;color:var(--text);background:var(--page);
  --page:#f5f6f7;--surface:#ffffff;--text:#25322c;--muted:#56635c;
  --green:#193f35;--on-green:#ffffff;--line:#d7ded9;
  --input-border:#7c8981;--focus:#25604e;--hover:#f1f5f2;
  --success-text:#27583d;--success-surface:#edf5ef;
  --warning-text:#784d00;--warning-surface:#fff3d6;
  --error-text:#9b2b2b;--error-surface:#fcebea;
  --font-body:1rem;--font-label:.875rem;--font-section:1.25rem;--font-title:1.5rem;
  --space-1:.25rem;--space-2:.5rem;--space-3:.75rem;
  --space-4:1rem;--space-6:1.5rem;--space-8:2rem;
  --radius-control:.5rem;--radius-card:.75rem;
  --control-height:3rem;--target-size:2.75rem;
}
*{box-sizing:border-box}body{margin:0}
a{color:var(--green);text-underline-offset:.18em}
button,input,a,textarea,select{-webkit-tap-highlight-color:transparent}
button,.button{
  font:inherit;font-weight:600;cursor:pointer;background:var(--green);color:var(--on-green);
  border:1px solid var(--green);border-radius:var(--radius-control);
  padding:.625rem 1rem;min-height:var(--target-size);min-width:0;max-width:100%;
  text-decoration:none;text-align:center;overflow-wrap:anywhere;white-space:normal;
  display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);
}
button:disabled{opacity:.55;cursor:wait}
button.quiet,.button.quiet{background:var(--surface);color:var(--green);border-color:var(--input-border)}
:where(a,button,input,textarea,select,summary,[tabindex]):focus-visible{outline:3px solid var(--focus);outline-offset:3px}
input,textarea,select{
  font:inherit;color:inherit;background:var(--surface);border:1px solid var(--input-border);
  border-radius:var(--radius-control);width:100%;min-width:0;max-width:100%;
  min-height:var(--control-height);padding:.625rem .75rem;
}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}
textarea{resize:vertical}
label{display:block;font-size:var(--font-label);font-weight:600;margin:var(--space-4) 0 var(--space-2)}
p{margin:var(--space-2) 0 var(--space-4);overflow-wrap:anywhere}
h1,h2,h3{line-height:1.3;margin:var(--space-2) 0 var(--space-4);overflow-wrap:anywhere}
h1{font-size:var(--font-title);letter-spacing:-.025em}h2{font-size:var(--font-section)}h3{font-size:1.125rem}
small,.note{font-size:var(--font-label);color:var(--muted)}
.eyebrow{font-size:var(--font-label);font-weight:650;letter-spacing:.025em;color:var(--muted)}
.skip-link{
  position:fixed;left:var(--space-4);top:var(--space-4);z-index:10;
  transform:translateY(calc(-100% - 2rem));padding:.75rem 1rem;
  background:var(--surface);border:1px solid var(--focus);border-radius:var(--radius-control);
  max-width:calc(100% - 2rem);min-height:var(--target-size);
}
.skip-link:focus{transform:none}
.site-header{
  background:var(--surface);border-bottom:1px solid var(--line);
  padding:var(--space-4) max(1rem,calc((100% - 1000px)/2));
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);
}
.brand{display:flex;align-items:center;gap:var(--space-3);min-width:0;max-width:100%;text-decoration:none;font-size:1.25rem;font-weight:750;line-height:1.25}
.brand>span:last-child{min-width:0;overflow-wrap:anywhere}
.brand small{display:block;font-size:var(--font-label);font-weight:400;margin-top:var(--space-1)}
.brand-icon{display:block;width:44px;height:44px;flex:none;border-radius:10px}
#account{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-2);max-width:100%;min-width:0;font-size:var(--font-label)}
#accountName{min-width:0;overflow-wrap:anywhere}
main{max-width:1032px;margin:0 auto;padding:var(--space-6) var(--space-4);min-height:70vh;min-width:0}
main:focus:not(:focus-visible){outline:0}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:var(--space-6);min-width:0}
.login{max-width:470px;margin:var(--space-8) auto}
.login button{width:100%;margin:1.25rem 0 var(--space-4)}
.login .note{margin-bottom:0}
.remember-session{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--font-label);font-weight:400;cursor:pointer;min-height:var(--target-size)}
.remember-session input{width:20px;min-height:20px;height:20px;flex:none;margin:.15rem 0 0;accent-color:var(--green)}
.recovery-navigation{max-width:470px;margin:var(--space-4) auto}
.recovery-navigation a{display:inline-flex;align-items:center;min-height:var(--target-size)}
#message:empty{display:none}
#message{padding:var(--space-4);border-radius:var(--radius-control);background:var(--surface);color:var(--muted);font-size:var(--font-label)}
#message.error,.work-notice.error{background:var(--error-surface);color:var(--error-text)}
.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);justify-content:space-between;margin-bottom:1.25rem}
.toolbar>div{min-width:0;max-width:100%}
.actions,.toolbar .actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:var(--space-4)}
.item{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start;min-width:0;text-decoration:none}
.item:hover{border-color:var(--input-border);background:var(--hover)}
.item h2,.item h3,.item p{margin:0}
.code{font-size:var(--font-label);font-weight:650;color:var(--muted);overflow-wrap:anywhere}
.pager{display:flex;gap:var(--space-3);margin:1.25rem 0;flex-wrap:wrap}
.device-summary{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--space-6);margin-bottom:var(--space-6)}
.device-summary>*{min-width:0}
.device-summary .description{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:0}
dl{margin:0;min-width:0}dt{font-size:var(--font-label);color:var(--muted);margin-top:var(--space-3)}dd{margin:0;overflow-wrap:anywhere}
.badge{display:inline-flex;font-size:var(--font-label);background:var(--success-surface);border-radius:var(--space-1);padding:.25rem .5rem;color:var(--success-text);max-width:100%;overflow-wrap:anywhere}
.badge.archived{background:var(--warning-surface);color:var(--warning-text)}
.history{display:grid;gap:var(--space-4)}
.entry-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap}
.entry-head>div{min-width:0}.entry h3{margin:var(--space-2) 0}
.entry .prose,.submission-entry .prose{white-space:pre-wrap;overflow-wrap:anywhere}
details{border-top:1px solid var(--line);padding-top:var(--space-3);margin-top:var(--space-4);min-width:0}
summary{cursor:pointer;min-height:var(--target-size);display:list-item;padding:.5rem 0;font-weight:600;overflow-wrap:anywhere}
.parts{display:grid;gap:var(--space-3);margin:var(--space-2) 0}
.part{padding:var(--space-4);background:var(--page);border-radius:var(--radius-control);min-width:0}
.part p{margin:var(--space-1) 0;white-space:pre-wrap;overflow-wrap:anywhere}
.part dl{display:flex;flex-wrap:wrap;gap:var(--space-4)}.part dl>*{min-width:0;max-width:100%}
.empty{padding:var(--space-6);border:1px dashed var(--input-border);border-radius:var(--radius-card);color:var(--muted)}
footer{font-size:var(--font-label);color:var(--muted);text-align:center;padding:var(--space-6) var(--space-4);border-top:1px solid var(--line);overflow-wrap:anywhere}
[hidden]{display:none!important}
.work-editor{margin-bottom:var(--space-6);min-width:0}.work-editor details{border-top:0;margin:0;padding:0}
.work-editor .prose{white-space:pre-wrap;overflow-wrap:anywhere}
.work-fields{border:0;padding:0;margin:0;min-width:0}.work-fields>h3{margin-top:var(--space-6)}
.work-parts{display:grid;gap:var(--space-4);margin-bottom:var(--space-4)}
.work-part{min-width:0;border:1px solid var(--line);border-radius:var(--radius-card);padding:var(--space-4);margin:0}
.work-part legend{padding:0 .5rem;font-weight:650;max-width:100%;overflow-wrap:anywhere}
.work-part button{margin-top:var(--space-4)}.work-editor form>button{margin-top:1.25rem}
.work-notice{font-size:var(--font-label);color:var(--muted);overflow-wrap:anywhere}
.work-notice.error{border-radius:var(--radius-control)}
.work-field{min-width:0}.work-fields:disabled{opacity:.8}
.profile-dialog{width:min(30rem,calc(100% - 2rem));max-width:calc(100% - 2rem);max-height:90dvh;overflow:auto;color:var(--text);border-color:var(--line)}
.profile-dialog::backdrop{background:#193f3555}.profile-dialog h2{margin-top:0}
.profile-dialog .actions{margin-top:var(--space-4)}.profile-dialog #profileMessage{font-size:var(--font-label)}
.submission-history:empty{display:none}.submission-history{margin-bottom:var(--space-4)}
.submission-entry[data-submission-state=sending],.submission-entry[data-submission-state=uncertain]{border-color:#aa7f29}
.submission-entry[data-submission-state=sending] .badge,.submission-entry[data-submission-state=uncertain] .badge{background:var(--warning-surface);color:var(--warning-text)}
@media(min-width:48rem){:root{--font-title:1.75rem}}
@media(max-width:600px){
  .site-header{align-items:flex-start}
  .site-header #account{flex-basis:100%;justify-content:flex-start}
  #accountName{flex-basis:100%}
  .card{padding:var(--space-4)}.login{margin:var(--space-4) auto}
  .device-summary{grid-template-columns:minmax(0,1fr);gap:var(--space-3)}main{padding-top:var(--space-4)}
  .toolbar{align-items:flex-start}.toolbar .actions{width:100%}.toolbar .actions>*{flex:1 1 8rem}
}
@media(prefers-reduced-motion:no-preference){.item{transition:border-color 120ms ease,background-color 120ms ease}}
@media(forced-colors:active){:where(a,button,input,textarea,select,summary,[tabindex]):focus-visible{outline-color:Highlight}}

/* The signed-in header keeps occasional account actions behind one disclosure. */
.icon{display:block;width:20px;height:20px;flex:none}
.directory{min-width:0}
.directory-heading .actions{align-items:center;flex-wrap:nowrap;justify-content:space-between}
.directory-heading .actions .icon-button{flex:0 0 auto;width:var(--target-size);min-width:var(--target-size)}
.directory-heading .actions>a{flex:0 1 auto}
.directory-search{margin-bottom:var(--space-3)}
.directory-search>label{margin-top:0}
.directory-search-row{display:flex;gap:var(--space-2);align-items:stretch}
.directory-search-row input{flex:1;min-width:0}
.directory-search-row button{flex:none;font-size:var(--font-label);padding:.5rem .75rem}
.directory-filters{margin:0 0 var(--space-3);padding:0;border:0}
.directory-filters>summary{display:list-item;min-height:var(--target-size);padding:.625rem .25rem;color:var(--green);font-size:var(--font-label);font-weight:600;cursor:pointer}
.directory-filter-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:var(--space-3);padding:var(--space-3) var(--space-4) var(--space-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-control)}
.directory-filter-fields label{margin:0 0 var(--space-2)}
.directory-filter-fields>button{justify-self:start;grid-column:1/-1;font-size:var(--font-label)}
.directory-status{min-height:1.5em;margin:var(--space-3) 0;color:var(--muted);font-size:var(--font-label);font-variant-numeric:tabular-nums}
.directory-list.grid{display:block;margin:0;padding:0;list-style:none;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface)}
.directory-list>li+li{border-top:1px solid var(--line)}
.directory-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);min-height:4.5rem;color:var(--text);text-decoration:none;border-radius:var(--radius-control)}
.directory-row:hover{background:var(--hover)}
.directory-row:focus-visible{position:relative;outline-offset:-3px}
.directory-row-copy{min-width:0}
.directory-row h2{font-size:var(--font-body);font-weight:650;margin:0 0 var(--space-1);letter-spacing:0}
.directory-row p{margin:var(--space-1) 0 0}
.directory-row .code{font-size:var(--font-label);font-weight:600;color:var(--muted)}
.directory-chevron{font-size:1.5rem;color:var(--muted);flex:none;line-height:1}
.directory-empty{padding:var(--space-6) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface)}
.directory-empty h2{font-size:var(--font-body);margin:0 0 var(--space-2)}
.directory-empty p{font-size:var(--font-label)}
.directory-warning{padding:var(--space-3);margin-bottom:var(--space-4);border:1px solid var(--warning-text);background:var(--warning-surface);color:var(--warning-text);border-radius:var(--radius-control)}
.directory-warning p{margin-top:0}
.directory-results[aria-busy=true] .directory-list{background:var(--page)}
@media(max-width:540px){.directory-filter-fields{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:no-preference){.directory-row{transition:background-color 120ms ease-out}}
.portal-header{min-height:64px;padding:10px max(1rem,calc((100% - 1000px)/2));gap:var(--space-2);position:relative;z-index:2}
.portal-header .brand{font-size:1.125rem;gap:var(--space-2)}
.portal-header .brand-icon{width:36px;height:36px;border-radius:9px}
.portal-header .brand small{display:none}
.portal-header #account{display:block;flex:0 1 auto;position:relative;margin:0 0 0 auto;padding:0;border:0;min-width:0;max-width:100%}
#accountToggle{display:flex;align-items:center;gap:var(--space-2);min-height:var(--target-size);padding:.5rem .625rem;border:1px solid var(--line);border-radius:var(--radius-control);font-size:var(--font-label);font-weight:600;color:var(--green);background:var(--surface);list-style:none}
#accountToggle::-webkit-details-marker,#workStart::-webkit-details-marker{display:none}
#accountToggle::marker,#workStart::marker{content:''}
#accountToggle>span{min-width:0;overflow-wrap:anywhere}
#accountToggle .account-chevron{width:16px;height:16px}
#account[open] #accountToggle{background:var(--hover)}
#account[open] .account-chevron{transform:rotate(180deg)}
.account-panel{position:absolute;right:0;top:calc(100% + .5rem);z-index:5;width:min(20rem,calc(100vw - 2rem));max-height:calc(100dvh - 6rem);overflow:auto;padding:var(--space-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:0 8px 24px #193f351a}
.account-panel #accountName{font-size:var(--font-body);font-weight:650;margin:0 0 var(--space-2)}
.account-panel #accountOffice{margin:0 0 var(--space-4)}
.account-panel .actions{display:grid;gap:var(--space-2)}
.account-panel button{justify-content:flex-start;text-align:left}
.icon-button{width:var(--target-size);min-width:var(--target-size);height:var(--target-size);padding:.5rem;flex:none}
.device-heading{display:block;margin-bottom:var(--space-3)}
.device-navigation{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}
.back-link{display:inline-flex;align-items:center;gap:var(--space-1);min-height:var(--target-size);font-size:var(--font-label);color:var(--muted);text-decoration:none;min-width:0;overflow-wrap:anywhere}
.back-link:hover{text-decoration:underline}
.device-heading h1{margin:0 0 var(--space-2)}
.device-heading .note{margin:0;font-weight:650;font-variant-numeric:tabular-nums}
.device-summary{display:block;margin-bottom:var(--space-4)}
.device-location{font-size:var(--font-label);color:var(--muted);margin:0 0 var(--space-4)}
.device-latest{padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-control)}
.device-latest p{margin:0}
.device-latest .note{font-size:var(--font-label)}
.device-status{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;color:var(--muted)}
.device-status strong{min-width:0;overflow-wrap:anywhere}
.device-latest[data-status=operating] .device-status{color:var(--success-text)}
.device-latest[data-status=attention] .device-status{color:var(--warning-text)}
.device-latest[data-status=out_of_service] .device-status{color:var(--error-text)}
.badge[data-status=attention]{color:var(--warning-text);background:var(--warning-surface)}
.badge[data-status=out_of_service]{color:var(--error-text);background:var(--error-surface)}
.badge[data-status=unknown]{color:var(--muted);background:var(--page)}
.device-characteristics{border-top:0;margin:0 0 var(--space-6);padding:0}
.device-characteristics>summary{font-size:var(--font-label);color:var(--muted);font-weight:600}
.characteristics-body{padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);margin-top:var(--space-2)}
.characteristics-body .description{white-space:pre-wrap;overflow-wrap:anywhere}
.characteristics-body dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-2) var(--space-4)}
.characteristics-body dt{margin:0}
#deviceHistoryHeading{font-size:1.125rem;margin:0 0 var(--space-4)}
.work-editor[data-state=draft]{border:0;padding:0;background:transparent;margin-bottom:var(--space-3)}
.work-editor[data-state=draft] .work-presentation>h2{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.work-editor[data-state=draft] #workStart{display:flex;align-items:center;justify-content:center;gap:var(--space-2);list-style:none;background:var(--green);color:var(--on-green);border:1px solid var(--green);border-radius:var(--radius-control);padding:.625rem 1rem;min-height:var(--control-height);text-align:center}
.work-editor[data-state=draft] #workStart::before{content:'+';font-size:1.25em;line-height:1}
.work-editor[data-state=draft] details[open]>#workStart::before{content:'−'}
.work-editor[data-state=draft][data-readonly=true] #workStart{background:var(--surface);color:var(--muted);border-color:var(--input-border)}
.work-editor[data-state=draft][data-readonly=true] #workStart::before{content:none}
.work-editor[data-state=draft] #workForm{background:var(--surface);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-card)}
@media(max-width:360px){#accountToggle>.icon:first-child{display:none}}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.work-device-context{font-size:var(--font-body);font-weight:650;margin:0 0 var(--space-6);overflow-wrap:anywhere}
.work-group{min-width:0;border:0;padding:0;margin:0 0 var(--space-6)}
.work-group>legend{float:left;width:100%;font-size:var(--font-body);font-weight:700;padding:0;margin:0 0 var(--space-3)}
.work-group>legend+*{clear:both}
.work-group+.work-group{border-top:1px solid var(--line);padding-top:var(--space-4)}
.work-field-row{display:grid;grid-template-columns:minmax(0,1fr);gap:0 var(--space-4);min-width:0}
.work-field label{margin-top:var(--space-3)}
.work-field input,.work-field select,.work-field textarea{scroll-margin-block:5rem}
.work-field textarea{min-height:6rem}
.work-hint{font-size:var(--font-label);color:var(--muted);margin:var(--space-2) 0 0}
/* Duration and unit stay side by side on every width; the computed end spans both. */
.work-field-row.work-duration{grid-template-columns:minmax(0,1fr) minmax(0,9rem)}
.work-end{grid-column:1/-1;margin:var(--space-2) 0 0;font-size:var(--font-label);font-weight:600;color:var(--text)}
.work-optional{margin-top:var(--space-3)!important;padding:0!important}
.work-optional>summary,.work-part-extra>summary{font-size:var(--font-label);color:var(--green);font-weight:600;padding:.625rem .125rem}
.work-editor .work-part{padding:0;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);margin:0}
.work-part>summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-1) var(--space-3);list-style:none;padding:var(--space-3) var(--space-4);min-height:var(--target-size);border-radius:var(--radius-control)}
.work-part>summary::-webkit-details-marker{display:none}.work-part>summary::marker{content:''}
.work-part>summary::after{content:'';grid-column:2;grid-row:1/3;align-self:center;width:.5rem;height:.5rem;margin-right:.125rem;color:var(--muted);border-right:1.75px solid currentColor;border-bottom:1.75px solid currentColor;transform:rotate(45deg)}
.work-part[open]>summary::after{transform:rotate(225deg)}
.work-part-name{font-size:var(--font-body);font-weight:650;min-width:0;overflow-wrap:anywhere}
.work-part-meta{font-size:var(--font-label);font-weight:400;color:var(--muted);min-width:0;overflow-wrap:anywhere}
.work-part-body{min-width:0;padding:0 var(--space-4) var(--space-4);margin:0;border:0;border-top:1px solid var(--line)}
.work-part-extra{margin:var(--space-3) 0 0!important;padding:0!important}
.work-part-extra-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:0 var(--space-4)}
.work-part-actions{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-2);margin-top:var(--space-4)}
.work-part .work-part-actions button{margin:0;max-width:100%;font-size:var(--font-label)}
.work-part-actions .work-part-remove{color:var(--error-text);border-color:transparent;background:transparent;padding-inline:.25rem}
.work-submit-area{display:grid;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--line)}
.work-submit-area>button{width:100%}
.work-editor[data-state=draft] .work-submit-area #workNotice{min-height:3em}
.work-field [aria-invalid=true]{border-color:var(--error-text);border-width:2px}
.work-field-error{color:var(--error-text);font-size:var(--font-label);margin:var(--space-2) 0 0}
.work-error-summary{padding:var(--space-4);margin-bottom:var(--space-6);border:2px solid var(--error-text);border-radius:var(--radius-control);color:var(--error-text);background:var(--error-surface)}
.work-error-summary h3{font-size:var(--font-body);margin:0 0 var(--space-2)}
.work-error-summary ul{margin:0;padding-left:1.25rem}
.work-error-summary a{display:inline-block;color:var(--error-text);min-height:var(--target-size);padding:.5rem 0;font-size:var(--font-label)}
@media(min-width:48rem){.work-field-row{grid-template-columns:repeat(2,minmax(0,1fr))}.work-field-row.work-duration{max-width:calc(50% - var(--space-4)/2)}.work-part-extra-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.work-part-extra-fields .work-field:has(textarea){grid-column:1/-1}}
@media(prefers-reduced-motion:no-preference){.work-part>summary::after{transition:transform 150ms ease-out}.work-part>summary{transition:background-color 120ms ease-out}}
@media(hover:hover){.work-part>summary:hover{background:var(--hover)}}
#message.stale{display:grid;grid-template-columns:20px minmax(0,1fr);gap:var(--space-3);background:var(--warning-surface);color:var(--warning-text);border:1px solid var(--warning-text)}
#message.stale>.icon{margin-top:.125rem}
#message.stale>button{grid-column:2;justify-self:start}
.work-save-status{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--page);color:var(--muted);margin:0 0 var(--space-4)}
.work-save-status>div{min-width:0}.work-save-status>.icon{margin-top:.125rem}
.work-save-label{display:block;font-size:var(--font-label);font-weight:650;overflow-wrap:anywhere}
#workSaveState #workNotice{margin:var(--space-2) 0 0;padding:0;background:transparent;color:inherit}
.work-submit-area>.work-save-status{margin:0}
.work-save-status[data-save-state=confirmed]{color:var(--success-text);background:var(--success-surface);border-color:var(--success-text)}
.work-save-status:is([data-save-state=uncertain],[data-save-state=confirmed_local_pending],[data-save-state=not_sent]){color:var(--warning-text);background:var(--warning-surface);border-color:var(--warning-text)}
.work-save-status[data-save-state=storage_error]{color:var(--error-text);background:var(--error-surface);border-color:var(--error-text)}
#workSaveDraft{justify-self:start;font-size:var(--font-label)}
.work-presentation>h2{font-size:var(--font-section);margin:0 0 var(--space-4)}
.history-order{margin:calc(-1 * var(--space-2)) 0 var(--space-4)}
.history-page-status{margin:0;font-variant-numeric:tabular-nums}
.history .entry{padding:var(--space-4)}
.entry .entry-head h3{font-size:var(--font-body);font-weight:650;margin:0 0 var(--space-1)}
.entry-date{margin:0}
.entry .badge,.submission-entry .badge{align-items:center;gap:var(--space-2)}
.entry .badge>.icon,.submission-entry .badge>.icon{width:18px;height:18px}
.entry-label{font-size:var(--font-label);font-weight:600;color:var(--muted);margin:var(--space-4) 0 var(--space-1)}
.entry-action{margin:0;line-height:1.5}
.entry-author{margin:var(--space-3) 0 0}
.entry-issue{margin:0}
.entry-metadata{margin-top:var(--space-2);padding-top:var(--space-2)}
.entry-metadata>summary{font-size:var(--font-label);font-weight:500;color:var(--muted)}
.entry-metadata>p{margin:var(--space-2) 0}
.part-results{display:grid;gap:var(--space-3)}
.part-notice{margin:0}.part-notice:empty,.part-results:empty{display:none}
.part h3{font-size:var(--font-body);font-weight:650;margin:0 0 var(--space-2)}
.submission-entry[data-submission-state=confirmed]{border-color:var(--success-text)}
.submission-entry[data-submission-state=confirmed_local_pending]{border-color:var(--warning-text)}
.submission-entry[data-submission-state=confirmed_local_pending] .badge{color:var(--warning-text);background:var(--warning-surface)}
@media(min-width:48rem){#message.stale{grid-template-columns:20px minmax(0,1fr) auto;align-items:center}#message.stale>button{grid-column:3}}

/* Device tasks share the existing cards and form surface. */
.task-instructions{white-space:pre-wrap;overflow-wrap:anywhere}.task-card .badge{display:inline-block;margin-bottom:.75rem}.task-card .button,.task-card button{margin:.5rem .5rem 0 0}.task-device-list{margin-block:1.5rem}.task-directory> .actions{margin-block:1rem}#myTasks{white-space:nowrap}

.task-card{min-width:0}.task-card h3{overflow-wrap:anywhere}