:root{font:16px/1.5 system-ui,-apple-system,sans-serif;color:#192d29;background:#f4f6f3;--green:#103d35;--muted:#62736d;--line:#d9e0da;--gold:#b97512}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{border:1px solid var(--line);border-radius:8px;background:white;color:var(--green);padding:10px 15px;cursor:pointer;min-height:44px;font-weight:600}button:hover{background:#e9f0e9}button:disabled{opacity:.55;cursor:wait}button.primary{background:var(--green);border-color:var(--green);color:white}button.danger{color:#a43229}a{color:#155b4a}input,select,textarea{width:100%;border:1px solid #b9c6be;border-radius:7px;padding:10px;background:white;color:inherit;min-height:44px}input[type=checkbox]{width:auto;min-height:0}label{display:block;font-size:.88rem;font-weight:600;margin:10px 0}label input,label select,label textarea{display:block;margin-top:5px}header{height:72px;background:var(--green);color:#fff;display:flex;align-items:center;gap:20px;padding:0 30px;position:sticky;top:0;z-index:10}header button{background:transparent;color:white;border-color:#6d8b81;padding:6px 12px}header .brand{font-size:1.3rem;text-decoration:none;color:#fff;white-space:nowrap}#identity{margin-left:auto;font-size:.85rem}h1{font-size:2.3rem;line-height:1.15;letter-spacing:-.04em;margin:8px 0 24px}h2{font-size:1.2rem;line-height:1.3;letter-spacing:-.015em}p{margin:10px 0 18px}.eyebrow{font-size:.72rem;letter-spacing:.13em;color:var(--muted);font-weight:750}.muted{color:var(--muted);font-size:.86rem}.auth{max-width:1100px;margin:65px auto;display:grid;grid-template-columns:1.2fr 1fr;gap:85px;padding:20px}.intro h1{font-size:3.6rem;margin:20px 0}.intro>p{max-width:450px}.promise{margin-top:45px;line-height:2;color:#406057}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;padding:25px;margin-bottom:20px}.panel h2:first-child{margin-top:0}.panel h2{margin-top:25px}.auth form button{width:100%;margin:12px 0}.switches{display:flex;flex-wrap:wrap;gap:5px}.switches button{font-size:.8rem;padding:7px 8px;background:transparent;border:none}nav{position:fixed;top:72px;bottom:0;width:190px;background:#e9eee8;padding:30px 18px;display:flex;flex-direction:column;gap:12px;border-right:1px solid var(--line)}nav button{background:transparent;border-color:transparent;text-align:left}nav button.active{background:#fff;box-shadow:0 2px 8px #13342b0a}.workspace{margin-left:190px;padding:22px 38px 70px;max-width:1500px}.syncbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px;gap:10px;color:var(--muted);font-size:.85rem}.syncbar button{font-size:.8rem;padding:6px 10px}.queue{font-size:.87rem;color:#8c5b0a;min-height:20px}.heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.heading h1{margin-bottom:20px}.searchbar{display:flex;gap:12px;align-items:flex-end}.searchbar>button{margin-bottom:10px}.grow{flex:1}.filters{display:flex;gap:16px;align-items:center;margin:4px 0 20px}.filters label{min-width:140px}.filters>span{margin-left:auto;color:var(--muted);font-size:.85rem}.items{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:15px}.item{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px;display:flex;gap:14px;text-align:left;font-weight:400;width:100%;align-items:center;min-height:128px}.item img,.placeholder{width:64px;height:64px;object-fit:cover;border-radius:8px;background:#edf1eb;flex-shrink:0}.placeholder{display:grid;place-items:center;color:#729280;font-size:1.6rem}.item strong{display:block}.item .meta{font-size:.8rem;color:var(--muted);display:block}.stock{display:inline-block;font-size:.85rem;font-weight:650;margin-top:6px;color:#245744}.warning{color:#965b00!important}.bad{color:#a12e22!important}.tag{font-size:.73rem;padding:3px 8px;border-radius:20px;background:#eaf1e9;color:#376351}.empty{border:1px dashed #aabdac;border-radius:10px;padding:30px;color:var(--muted);grid-column:1/-1}.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.two label{margin:0}.panel .two{margin:15px 0}.stack{display:flex;flex-wrap:wrap;gap:9px}.record{background:#fff;border:1px solid var(--line);border-radius:9px;padding:16px 20px;margin-bottom:12px}.record h3{margin:0 0 7px;font-size:1rem}.record p{font-size:.86rem;margin:6px 0}.record .facts{color:var(--muted)}.reviewRecord{border-left:4px solid var(--gold)}.code{overflow-wrap:anywhere;user-select:all;font-family:monospace;color:#275d48}dialog{width:min(720px,calc(100vw - 24px));max-height:90vh;border:1px solid var(--line);border-radius:14px;padding:25px;color:inherit;background:#f8faf7}dialog::backdrop{background:#0b251ba8}.dialogHead{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:12px}.dialogHead h2{margin:0}.detailPhoto{width:100%;max-height:220px;object-fit:contain;border-radius:9px;background:#eaf0e8}.detailActions{display:flex;gap:12px;margin:20px 0}.detailActions button{flex:1;font-size:1.1rem}.extra{margin:12px 0}summary{cursor:pointer;font-weight:600;padding:8px 0}dl{display:grid;grid-template-columns:120px 1fr;gap:5px;margin:15px 0}dt{color:var(--muted)}dd{margin:0;overflow-wrap:anywhere}#photoPreview{max-width:100%;max-height:160px;margin:10px 0}video{width:100%;max-height:350px;background:#143b2d}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.8rem}#importResults{max-height:350px;overflow:auto;font-size:.85rem}.page[hidden],[hidden]{display:none!important}:focus-visible{outline:3px solid #c89526;outline-offset:3px}@media(max-width:760px){header{height:60px;padding:0 15px;gap:9px}header .brand{font-size:1.05rem}#identity{font-size:.72rem;max-width:145px}header button{font-size:.75rem;min-height:38px}.auth{grid-template-columns:1fr;margin:20px auto;gap:20px;padding:15px}.intro h1{font-size:2.5rem}.intro .promise{display:none}.intro>p{margin-bottom:5px}.panel{padding:20px}nav{top:auto;bottom:0;left:0;right:0;width:100%;height:70px;padding:6px 4px max(6px,env(safe-area-inset-bottom));flex-direction:row;gap:0;z-index:15;border-top:1px solid var(--line);border-right:0}nav button{flex:1;text-align:center;font-size:.76rem;padding:5px 2px}.workspace{margin-left:0;padding:14px 15px 95px}h1{font-size:2rem}.syncbar{align-items:flex-start;padding-bottom:10px}.syncbar>.syncActions{display:flex;gap:4px}.syncbar button{font-size:.7rem;padding:5px;min-height:36px}.syncbar>span{max-width:50%}.searchbar{gap:8px}.searchbar>button{padding:10px;font-size:.85rem}.filters{gap:10px}.filters label{min-width:0;flex:1}.filters>span{display:none}.items{grid-template-columns:1fr}.item{min-height:105px}.two{grid-template-columns:1fr;gap:12px}dialog{padding:18px}dl{grid-template-columns:100px 1fr;font-size:.9rem}.record{padding:14px}.queue{margin:10px 0}.heading{margin-top:18px}.heading .primary{font-size:.85rem}.heading .eyebrow{font-size:.65rem}}
.language{margin:0}.language select{width:100px;background:transparent;color:white;border-color:#6d8b81;padding:6px;font-size:.8rem}.language option{color:#192d29;background:white}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.mappingSample{width:100%;border-collapse:collapse;font-size:.85rem;margin:16px 0;overflow-wrap:anywhere}.mappingSample th,.mappingSample td{text-align:left;border-bottom:1px solid var(--line);padding:8px;vertical-align:top}.mapDefault{display:block;color:var(--muted);font-weight:400;margin-top:4px}.page{scroll-margin-top:90px}@media(max-width:760px){header{height:auto;min-height:60px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}header .brand{font-size:.95rem}#identity{order:5;width:100%;max-width:none;margin:0}.language{margin-left:auto}.language select{width:83px;font-size:.73rem;min-height:38px}.mappingSample th,.mappingSample td{padding:6px}.filters{flex-wrap:wrap}.filters>span{display:block;margin-left:0;flex-basis:100%}}

.heading #addFolder{font-size:.8rem;padding:8px;white-space:nowrap}
#folderDialog .dialogHead h2{margin-right:auto}
/* Keep translated field labels and values in separate columns. */
dl{grid-template-columns:minmax(0,145px) minmax(0,1fr);column-gap:12px}dt{overflow-wrap:anywhere}@media(max-width:760px){dl{grid-template-columns:minmax(0,120px) minmax(0,1fr)}}

.pending{border-left:3px solid var(--gold);padding:1px 12px;background:#fff7df;margin:10px 0}.pending p{margin:8px 0;font-size:.86rem}

/* Selected labels: keep independent item open and label selection controls. */
.labelItem{display:flex;align-items:center;min-width:0;gap:4px}.labelItem>.item{flex:1;min-width:0}.labelCheck{display:flex;align-items:center;justify-content:center;width:44px;min-width:44px;min-height:44px;margin:0}.labelCheck input{width:22px;height:22px;margin:0}#labelSelection{margin:12px 0;padding:12px;border:1px solid var(--line);border-radius:12px}#labelSelectionNames{overflow-wrap:anywhere;margin:0 0 8px}#selectLabels{margin-bottom:10px}

/* The phone opens on lookup and the first item. Status and offline controls stay visible. */
.syncState{flex:1;min-width:0}.syncState .queue{margin:4px 0 0}.syncbar>.syncState{max-width:60%}
.syncIcon{display:none}#catalogueTools{font-size:.72rem;padding:8px 6px}
@media(min-width:761px){#catalogueTools{display:none}}
@media(max-width:760px){
 header{padding:4px 12px;gap:4px 8px;min-height:64px}#identity{font-size:.68rem;line-height:16px}
 .workspace{padding:8px 12px calc(70px + env(safe-area-inset-bottom))}.syncbar{align-items:center;gap:6px;padding-bottom:6px}.syncbar>.syncState{max-width:none;font-size:.66rem;line-height:1.3}.syncState .queue{font-size:.66rem;line-height:1.3;min-height:0;margin:3px 0 0}.syncbar>.syncActions{flex-shrink:0}.syncbar button{font-size:.66rem;padding:4px;min-height:36px}
 #sync{min-width:44px;min-height:44px}.syncIcon{display:inline;font-size:1.3rem}.syncLabel{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .heading{margin:0;min-height:44px;gap:6px}.heading>div{margin-right:auto}.heading .eyebrow{display:none}.heading h1{font-size:1.35rem;line-height:1.2;margin:0}.heading .primary{font-size:.8rem;padding:8px;white-space:nowrap}
 .searchbar label{font-size:.75rem;margin:4px 0 6px}.searchbar .searchLabel{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.searchbar input{margin-top:0}.searchbar>button{margin-bottom:6px}
 #catalogueOptions .filters{margin:0 0 6px}#catalogueOptions #selectLabels{margin-bottom:8px}
 .items{gap:10px}.item{min-height:96px;padding:12px;gap:10px}.item img,.item .placeholder{width:52px;height:52px}
 nav{height:calc(54px + env(safe-area-inset-bottom));padding:4px 4px calc(4px + env(safe-area-inset-bottom))}nav button{min-height:44px}
}
dialog[open]{display:flex;flex-direction:column;overflow:hidden}
dialog .dialogHead{flex-shrink:0}
.dialogContent{min-height:0;overflow:auto;overscroll-behavior:contain}

/* One notice owner. Dialog feedback follows actions inside the scroll area,
   so it neither covers controls nor reduces their visible viewport. */
#notice{position:relative;border:1px solid #bb9d5c;background:#fff7df;padding:12px 42px 12px 14px;border-radius:9px;max-height:35vh;overflow:auto;margin:10px 0;white-space:pre-line;color:#754800}
#notice > button{position:absolute;right:3px;top:3px;padding:0 10px;background:transparent;border:none}
.dialogContent #notice{margin:12px 0}
.syncState > #notice{background:transparent;border:0;padding:0 32px 0 0;min-height:24px;max-height:none;font-size:.85rem;white-space:normal}
.syncState > #notice button{top:-8px;right:-5px}
/* Information that goes away by itself is neutral. Amber stays for messages that need an action. */
#notice[data-transient=true]{border-color:var(--line);background:#eef3ef;color:var(--green)}
.syncState > #notice[data-transient=true]{background:transparent;color:var(--muted)}
#queueStatus:not(.pendingRecords){color:var(--muted)}
.syncState:has(> #notice:not([hidden])) > #queueStatus:not(.pendingRecords){display:none}
.syncState:has(> #notice[data-transient=true]:not([hidden])) > #syncStatus{display:none}

/* Review decisions keep their full text at phone widths. */
.resolutionDecision{border:0;padding:0;margin:12px 0;min-width:0}.resolutionDecision legend{font-size:.88rem;font-weight:600}.resolutionDecision label{display:flex;align-items:flex-start;gap:10px;min-height:44px;padding:10px;border:1px solid var(--line);border-radius:7px;cursor:pointer}.resolutionDecision input[type=radio]{width:20px;height:20px;min-height:20px;flex:0 0 20px;padding:0;margin:2px 0}.resolutionDecision span{min-width:0;overflow-wrap:anywhere}.resolutionDecision small{display:block;font-size:.82rem;font-weight:400;color:var(--muted);margin-top:5px}.resolutionDecision label:has(input:checked){border-color:var(--green);background:#eaf1e9}

/* Catalogue views share content and actions; the choice uses no extra toolbar row. */
.searchbar .grow{min-width:0}
.catalogueViews{display:flex;flex-shrink:0;margin-bottom:10px;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}
.catalogueViews button{display:grid;place-items:center;width:40px;min-height:44px;padding:8px;border:0;border-radius:0}
.catalogueViews button+button{border-left:1px solid var(--line)}
.catalogueViews button[aria-pressed=true]{background:#dbe9df;color:var(--green);box-shadow:inset 0 -3px var(--green)}
.catalogueViews button:focus-visible{outline-offset:-3px}
.catalogueViews svg{width:20px;height:20px;fill:currentColor}
.itemInfo{min-width:0;overflow-wrap:anywhere}
.items[data-view=list]{grid-template-columns:1fr;gap:0}
.items[data-view=list]>.item,.items[data-view=list]>.labelItem{border-bottom:1px solid var(--line)}
.items[data-view=list] .item{min-height:76px;padding:10px 12px;border-radius:0;border-width:0;gap:14px}
.items[data-view=list] .item img,.items[data-view=list] .placeholder{width:44px;height:44px}
.items[data-view=list] .itemInfo{display:grid;grid-template-columns:minmax(140px,2fr) minmax(100px,1fr) minmax(100px,1fr) minmax(110px,1fr);gap:2px 16px;align-items:center;flex:1}
.items[data-view=list] .stock{margin-top:0}
.items[data-view=list] .itemClaim{grid-column:4}
@media(max-width:1100px){
 .items[data-view=list] .itemInfo{grid-template-columns:minmax(0,1fr) minmax(120px,.7fr)}
 .items[data-view=list] .itemInfo strong{grid-column:1;grid-row:1}
 .items[data-view=list] .itemPlace{grid-column:1;grid-row:2}
 .items[data-view=list] .itemFolder{grid-column:1;grid-row:3}
 .items[data-view=list] .stock{grid-column:2;grid-row:1 / 3}
 .items[data-view=list] .itemClaim{grid-column:2;grid-row:3}
}
@media(max-width:760px){
 .catalogueViews{margin-bottom:6px}
 .catalogueViews button{width:36px}
 .items[data-view=list] .item{min-height:82px;padding:8px;gap:9px}
 .items[data-view=list] .item img,.items[data-view=list] .placeholder{width:36px;height:36px}
 .items[data-view=list] .itemInfo{display:block;font-size:.88rem;line-height:1.35}
 .items[data-view=list] .meta{font-size:.75rem}
 .items[data-view=list] .stock{font-size:.78rem;margin-top:2px}
}

/* Keep the original-like item name, amount and Save at the first decision. */
#editDialog .itemEditor{display:flex;flex-direction:column;min-height:0;overflow:hidden}
#editDialog .dialogHead h2{flex:1;min-width:0}
#editDialog .dialogHead{gap:8px}
#editDialog .dialogContent{padding:0 3px 6px}
#editDialog .itemAmounts{grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}
#itemFields summary{min-height:44px}
@media(max-width:760px){#editDialog .dialogHead button{padding:8px 10px;font-size:.85rem}#editDialog .dialogHead h2{font-size:1.05rem}}

#editDialog [data-close]{min-width:44px}
#editDialog #notice{flex-shrink:0;max-height:25vh;margin:0 0 12px}

/* Folder navigation uses saved literal labels. The phone keeps it one disclosure away. */
.folderPath{display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-height:44px;margin:2px 0 8px;overflow-wrap:anywhere;font-size:.9rem}
.folderPath button{padding:6px 8px;min-height:44px}
.folderCatalogue{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:start}
.folderCatalogue.hasFolders{grid-template-columns:210px minmax(0,1fr)}
#folderNavigation{min-width:0;border:1px solid var(--line);border-radius:8px;background:#fff}
#folderToggle{padding:10px;min-height:44px;font-weight:600;cursor:pointer;overflow-wrap:anywhere}
#folderList{padding:0 6px 6px;max-height:55vh;overflow:auto}
#folderList button{display:flex;gap:8px;align-items:center;text-align:left;width:100%;padding:8px;margin:2px 0;border-color:transparent;font-size:.85rem}
#folderList button[aria-current=location]{background:#dbe9df;border-color:var(--green)}
.folderName{min-width:0;overflow-wrap:anywhere}
.folderCount{margin-left:auto;flex-shrink:0;font-weight:400;color:var(--muted)}
#itemFolderContext{margin:10px 0 0;overflow-wrap:anywhere}
@media(min-width:761px){#folderToggle{list-style:none}#folderToggle::-webkit-details-marker{display:none}}
@media(max-width:760px){.folderCatalogue,.folderCatalogue.hasFolders{display:block}.folderPath{font-size:.8rem;margin:0;gap:5px}.folderPath:has(>strong:only-child){display:none}#folderNavigation{margin-bottom:8px}#folderList{max-height:45vh}#folderToggle{font-size:.85rem}.folderCatalogue>.items{margin-top:8px}}

.stockPositions{width:100%;border-collapse:collapse;margin:.5rem 0 1rem}.stockPositions caption{text-align:left;font-weight:700}.stockPositions th,.stockPositions td{text-align:left;padding:.4rem;border-bottom:1px solid #dce5e1}.stockPositions td:last-child{font-variant-numeric:tabular-nums}

/* One summary row per item; folder stock stays distinct from team custody. */
.reportFilters{display:flex;gap:12px;align-items:end;margin:14px 0}.reportFilters label{flex:1;min-width:0}.reportFilters .reportSearch{flex:2}
.inventorySummary{width:100%;border-collapse:collapse;background:white}.inventorySummary th,.inventorySummary td{text-align:left;vertical-align:top;padding:12px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.inventorySummary th{font-size:.8rem;color:var(--muted)}.inventorySummary td:first-child{width:30%}.inventorySummary td button{padding:0;border:0;background:none;color:var(--green);font-weight:700;text-align:left;min-height:44px}.inventorySummary .reportQuantity{font-variant-numeric:tabular-nums;font-weight:700}#reportSummary{font-weight:700}#reportContext{font-size:.8rem}
@media(max-width:760px){.reportFilters{flex-wrap:wrap;gap:8px;margin:8px 0}.reportFilters .reportSearch{flex-basis:100%}.reportFilters label{margin:0;font-size:.78rem}.inventorySummary,.inventorySummary tbody,.inventorySummary tr,.inventorySummary td{display:block}.inventorySummary thead{display:none}.inventorySummary tr{border:1px solid var(--line);border-radius:8px;margin:10px 0;padding:8px 12px}.inventorySummary td{border:0;padding:5px 0}.inventorySummary td:first-child{width:auto}.inventorySummary td[data-label]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 12px;font-size:.86rem}.inventorySummary td[data-label]::before{content:attr(data-label);color:var(--muted);grid-column:1;grid-row:1}.inventorySummary td[data-label]>*{grid-column:2}.inventorySummary td button{font-size:.96rem}#reports .heading>button{font-size:.78rem;padding:8px}}

.reportHelp summary{min-height:36px;color:var(--muted);font-size:.85rem;cursor:pointer}

/* Main destinations retain readable tap targets on narrow screens. */
@media(max-width:760px){#workspace>nav{overflow-x:auto;overscroll-behavior-x:contain}#workspace>nav>button{flex:1 0 70px}}

.draftRow{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem 1rem}.draftRow p{flex:1;margin:.35rem 0;font-size:.85rem}.draftRow button{font-size:.8rem;padding:.35rem .55rem}.draftRow:has(p[hidden]){display:none}

/* One direct action view over the existing draft and movement queue. */
.movementChoices{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.movementChoices button{flex:1 1 140px;min-width:0;padding:8px;overflow-wrap:anywhere}.movementChoices button[aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}
.movementBalance{font-weight:700;margin:8px 0}.itemBalanceSummary{margin:4px 0 10px;overflow-wrap:anywhere}#movementForm .detailActions{margin:12px 0}#movementForm .detailActions:not(:has(button:not([hidden]))){display:none}#movementForm .detailActions button{font-size:1rem}#movementForm>label{margin:8px 0}#movementForm>p.muted{font-size:.78rem;margin:8px 0}.itemFacts{border-top:1px solid var(--line);margin-top:14px}#itemDetail>p:first-child{margin:0 0 4px}

.movementQuantity{display:flex;gap:8px;align-items:end}.movementQuantity>label{flex:1;min-width:0;margin:8px 0}.movementQuantity>button{margin-bottom:8px;padding:8px;font-size:.78rem;max-width:42%}#movementForm .detailActions button{min-height:44px}

/* Report categories stay distinct. Full source notes remain readable on screen and in the handover. */
.reportChoices{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.reportChoices button[aria-pressed=true]{background:var(--green);color:#fff;border-color:var(--green)}
#handoverContent{overflow-wrap:anywhere}.handoverNote,.movementNote{white-space:pre-wrap;overflow-wrap:anywhere}.handoverLoan h3,.handoverMovement h3{line-height:1.4}.handoverLoan h3 .muted,.handoverMovement h3 .muted{font-weight:400}.handoverLoans,.handoverMovements{margin:22px 0}
@media(max-width:760px){.reportChoices{margin:8px 0}.reportChoices button{font-size:.8rem;padding:8px}#handoverPanel .heading{align-items:flex-start;flex-wrap:wrap}#handoverPanel .heading>div{flex:1 1 150px}#handoverPanel .heading>button{font-size:.78rem;padding:8px}#handoverContent .record{padding:12px}#handoverContent .record p{font-size:.85rem}}

/* The two-word Russian Bulk Import label fits the existing phone bar in two lines. */
@media(max-width:760px){#workspace>nav>button[data-page="bulk-import"]{flex-basis:94px}}

/* Unsaved work stays visible in calm text until recovery. */
#notice[data-plain=true]{border-color:var(--line);background:#eef3ef;color:var(--green)}
.syncState > #notice[data-plain=true]{background:transparent;color:var(--muted)}
.draftRow p[data-unsaved=true]{color:var(--muted)!important}

.importNotes{white-space:pre-wrap;overflow-wrap:anywhere}#moreItems{grid-column:1/-1;justify-self:center}#importPlan dd{white-space:pre-wrap;overflow-wrap:anywhere}

textarea{resize:vertical}