/* Approved September 7 layouts. All send actions remain in normal flow. */
[hidden] {display:none!important}
body.workspace-app {background:#f7f6f3;font-size:16px}
.workspace-app .shell {width:100%;max-width:1600px;padding:20px 24px 32px}
.workspace-app .brand {margin:0 0 20px;gap:10px}
.workspace-app .mark {width:38px;height:38px;flex-basis:38px}
.workspace-app .brand h1 {font-size:23px}
.workspace-app .card {border-radius:15px;padding:20px;box-shadow:0 2px 10px #342b1906;background:#fff}
.workspace-app #workspace {padding-left:200px}
.workspace-app .tabs {position:fixed;top:92px;bottom:24px;left:max(24px,calc((100vw - 1552px)/2));width:178px;flex-direction:column;background:transparent;margin:0;padding:0;gap:9px;z-index:3}
.workspace-app .tabs button,.workspace-app .tabs a {display:flex;align-items:center;gap:12px;text-align:left;padding:13px 16px;font-size:17px;color:#302b24;border:0;min-height:49px;font-weight:600;text-decoration:none;border-radius:11px}
.workspace-app .tabs span {width:22px;font-size:23px}
.workspace-app .tabs .active {background:#f3e7ce;color:#76551e}
.workspace-app #send.active {display:grid;grid-template-columns:minmax(0,1.25fr) minmax(310px,1fr);gap:16px;align-items:start}
.workspace-app #send > * {grid-column:1/-1;margin:0}
.workspace-app #send > .composer {grid-column:1}
.workspace-app #send > .targets {grid-column:2;grid-row:1}
.workspace-app .section-title h2 {font-size:21px}
.workspace-app .mode-row {flex-wrap:wrap;margin:14px 0 10px;gap:7px}
.workspace-app .mode {flex:1;white-space:nowrap;padding:10px}
.workspace-app .clipboard {padding:10px 12px;white-space:nowrap}
.workspace-app #content {min-height:130px;margin:0 0 14px}
.workspace-app #url {margin-bottom:14px}
.workspace-app .file-box {margin:4px 0 8px;padding:18px;background:#fcfaf6;cursor:pointer}
.workspace-app #file-list {display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}
.workspace-app .file-choice {position:relative;padding:8px;display:flex;flex-direction:column;margin:0;gap:5px;border:1px solid var(--line);border-radius:10px;font-size:13px}
.workspace-app .file-choice img {width:100%;height:76px;object-fit:cover;border-radius:6px}
.workspace-app .file-choice input {align-self:start}
.workspace-app .file-choice .remove-file {position:absolute;right:3px;top:3px;padding:3px 8px;background:white;font-size:18px}
.workspace-app .file-choice small {display:block}
.workspace-app .device-grid {display:flex;flex-direction:column;gap:10px;margin:16px 0 9px}
.workspace-app .device {display:flex;padding:13px;min-height:70px;border-radius:12px;gap:10px;position:relative;background:var(--device-bg,#eef4ff);border-color:var(--device-border,#c6d7ef)}
.workspace-app .device:has(input:checked) {outline:2px solid #3074d5;outline-offset:-2px;background:var(--device-bg)}
.workspace-app .device strong {font-size:18px;overflow-wrap:anywhere}
.workspace-app .device > span {flex:1;min-width:0}
.workspace-app .device small {font-size:13px;color:#615d59}
.workspace-app .drag-handle {padding:8px;background:transparent;color:#676767;cursor:grab;touch-action:none;font-size:22px;min-width:40px}
.workspace-app .device.sort-target {outline:3px dashed #76551e}
.workspace-app .device-move {display:none;gap:4px}
.workspace-app .sorting .device-move {display:flex}
.workspace-app .device-move button {padding:7px;min-width:32px}
.workspace-app .action-bar {position:static;display:flex;align-items:center;gap:12px;box-shadow:none;background:#fff;border-radius:14px;padding:12px;backdrop-filter:none}
.workspace-app .action-bar .primary {margin-left:auto;min-width:230px;font-size:19px}
.workspace-app .check-line {background:transparent;padding:5px;gap:8px}
.workspace-app #send-status {font-size:14px}
.workspace-app #next-delivery {justify-self:start;font-size:13px}
.workspace-app .draft-tools summary {cursor:pointer;color:#6b6257;font-size:14px}
.help {display:inline-grid;place-items:center;vertical-align:middle;width:25px;height:25px;padding:0;min-width:25px;border:1px solid #aaa39a;background:white;border-radius:50%;color:#726c65;font-size:16px;cursor:help}
.filter-line {display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:10px 0}
.filter-line strong {min-width:74px;font-weight:500}
.filter-line .active {background:#f1e2bf;color:#674817;border-color:#c6a565}
.filter-line button {font-size:15px;font-weight:500}
.browse-filters {margin:18px 0}
.browse-device-label {display:flex;align-items:center;gap:12px}
.browse-filters select {font:inherit;border:1px solid var(--line);background:white;border-radius:8px;padding:8px;color:var(--ink)}
.custom-dates {display:flex;gap:12px}.custom-dates label {flex:1;min-width:0}
.feed.image-feed {grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.feed .item-thumbnail {display:block;width:100%;height:170px;object-fit:cover;border-radius:8px;margin-bottom:10px}
.feed .item-meta {display:block;line-height:1.6}
.feed article {min-width:0}.feed article h3 {overflow-wrap:anywhere;font-size:17px}
.feed .item-actions button {font-size:13px}
.browse-summary {color:var(--muted);font-size:14px}
@media(max-width:760px){
 .workspace-app .shell {padding:12px 12px calc(84px + env(safe-area-inset-bottom))}
 .workspace-app .brand {margin:0 0 12px}.workspace-app .brand h1 {font-size:22px}.workspace-app .mark {width:32px;height:32px;flex-basis:32px}
 .workspace-app #workspace {padding:0}
 .workspace-app .tabs {position:fixed;left:0;right:0;top:auto;bottom:0;width:100%;height:calc(64px + env(safe-area-inset-bottom));padding:4px 5px calc(4px + env(safe-area-inset-bottom));border-top:1px solid var(--line);border-radius:0;background:#fff;flex-direction:row;gap:0;justify-content:space-around;overflow:visible}
 .workspace-app .tabs button,.workspace-app .tabs a {min-width:0;flex:1;flex-direction:column;gap:0;justify-content:center;padding:2px;font-size:12px;white-space:nowrap;min-height:0;border-radius:7px}
 .workspace-app .tabs span {text-align:center;font-size:24px;width:auto;height:29px}
 .workspace-app .tabs .desktop-extra {display:none}
 .workspace-app #send.active {display:flex;flex-direction:column;gap:10px}
 .workspace-app #send > * {width:100%}.workspace-app #send > .composer,.workspace-app #send > .targets {margin:0}
 .workspace-app .card {padding:11px;border-radius:13px}
 .workspace-app .section-title h2 {font-size:18px}
 .workspace-app .mode-row {margin:10px 0 8px;gap:6px}.workspace-app .clipboard {width:100%;padding:8px}
 .workspace-app .mode {font-size:15px;padding:8px 7px}
 .workspace-app #content {height:80px;min-height:75px;max-height:140px;margin-bottom:8px}
 .workspace-app .file-box {padding:12px;margin:0}.workspace-app #file-count {margin:7px 0;font-size:12px}
 .workspace-app #send-title {padding:9px;margin:0}.workspace-app .composer > label {font-size:13px;display:flex;align-items:center;gap:8px}
 .workspace-app .composer > label input {flex:1;min-width:0}
 .workspace-app .device-grid {margin:10px 0 6px;gap:7px}.workspace-app .device {min-height:56px;padding:7px 10px}.workspace-app .device strong {font-size:17px;line-height:1.25}
 .workspace-app .device small {line-height:1.2}.workspace-app .drag-handle {height:38px;padding:4px;line-height:24px}
 .workspace-app .device > span {display:flex;flex-direction:column;gap:2px}.workspace-app .device > span br {display:none}
 .workspace-app #device-sort {font-size:13px;padding:7px 10px}
 .workspace-app #device-selection {margin:5px 0;font-size:12px}
 .workspace-app .target-summary {display:flex;align-items:center;justify-content:space-between;gap:8px}
 .workspace-app .target-summary .check-line {font-size:12px}.workspace-app .target-summary .check-line small {display:none}
 .workspace-app .action-bar {display:grid;grid-template-columns:1fr auto;gap:6px;padding:9px}
 .workspace-app .action-bar .primary {grid-column:1/-1;grid-row:2;min-width:0;width:100%;padding:11px;font-size:18px}
 .workspace-app .action-bar .check-line,.workspace-app #collect-only {font-size:14px}
 .workspace-app #send-status {font-size:12px;margin:0}
 .filter-line {gap:6px}.filter-line strong {min-width:60px;font-size:13px}.filter-line button {font-size:13px;padding:7px 8px}
 .feed.image-feed {grid-template-columns:repeat(2,minmax(0,1fr))}.feed .item-thumbnail {height:120px}.feed article {padding:9px}
 .workspace-app .feed h3 {font-size:15px}.feed small {font-size:12px}
 .search-filters {grid-template-columns:repeat(2,minmax(0,1fr))}
}

.device-tone-0 {--device-bg:#edf3ff;--device-border:#c1d4f5}
.device-tone-1 {--device-bg:#f2edfc;--device-border:#d9caf0}
.device-tone-2 {--device-bg:#eaf7f4;--device-border:#bddfd6}
.device-tone-3 {--device-bg:#fff3e5;--device-border:#edd4b2}
.device-tone-4 {--device-bg:#fceff3;--device-border:#e5c9d4}
.device-tone-5 {--device-bg:#f0f2f4;--device-border:#ced3dc}