.od-dialog { width: min(1080px, calc(100vw - 24px)); max-height: 90vh; box-sizing: border-box; padding: 22px; border: 1px solid #697476; border-radius: 18px; background: #202728; color: #f5f2ec; overflow: auto; }
.od-upload-widget{--up-surface:var(--p-panel,#202728);--up-text:var(--p-text,#f5f2ec);--up-muted:var(--p-muted,#a6b3b7);--up-line:var(--p-line,#445153);position:fixed;z-index:1200;right:max(22px,env(safe-area-inset-right));bottom:calc(86px + env(safe-area-inset-bottom));color:var(--up-text);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.45;text-align:left}
.od-upload-widget[hidden],.od-upload-widget [hidden]{display:none!important}
.od-upload-widget .od-upload-launcher{position:relative;display:grid;place-items:center;width:52px;height:52px;padding:0;border:1px solid var(--up-line);border-radius:18px;background:var(--up-surface);color:var(--p-blue,#83adf8);box-shadow:0 6px 24px #0002;cursor:pointer;transition:transform .2s,box-shadow .2s}
.od-upload-launcher:hover{transform:translateY(-2px);box-shadow:0 9px 28px #0003}.od-upload-widget button:focus-visible,.od-upload-widget summary:focus-visible{outline:3px solid var(--p-blue,#83adf8);outline-offset:3px}.od-upload-widget svg{display:block;width:22px;height:22px;flex:none}
.od-upload-orbit{position:absolute;inset:5px;border:2px solid transparent;border-radius:14px;pointer-events:none}.od-upload-widget[data-active=true] .od-upload-orbit{border-top-color:currentColor;border-right-color:currentColor;animation:od-upload-spin 1.2s linear infinite}.od-upload-widget[data-state=done] .od-upload-launcher{color:#25835b}.purchase-dark .od-upload-widget[data-state=done] .od-upload-launcher{color:#71d4a5}.od-upload-widget[data-state=error] .od-upload-launcher{color:#c48128}
.od-upload-badge{position:absolute;right:-5px;top:-5px;min-width:20px;height:20px;border:2px solid var(--up-surface);border-radius:12px;background:var(--p-blue,#2875e8);color:#fff;display:grid;place-items:center;font-size:10px;font-weight:650;box-sizing:content-box}.od-upload-widget[data-state=error] .od-upload-badge{background:#b87420}
.od-upload-panel{position:absolute;bottom:64px;right:0;width:min(320px,calc(100vw - 28px));max-height:min(380px,calc(100dvh - 190px));border:1px solid var(--up-line);border-radius:20px;background:var(--up-surface);box-shadow:0 18px 60px #0003;overflow:hidden;animation:od-upload-enter .22s cubic-bezier(.2,.8,.2,1);box-sizing:border-box;display:flex;flex-direction:column}
.od-upload-widget .od-upload-panel header{position:static;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px;border:0;background:transparent}.od-upload-widget .od-upload-panel h2{font-size:17px;font-weight:650;letter-spacing:-.4px;color:var(--up-text);margin:3px 0}.od-upload-eyebrow{font-size:9px;letter-spacing:.12em;color:var(--up-muted);font-weight:600}.od-upload-panel .od-upload-summary{margin:0;color:var(--up-muted);font-size:11px}.od-upload-widget .od-upload-collapse{display:grid;place-items:center;min-height:32px;width:32px;padding:0;background:var(--p-raised,#303a3c);border:0;border-radius:10px;color:var(--up-muted);cursor:pointer}.od-upload-collapse svg{width:18px;height:18px}
.od-upload-jobs{overflow:auto;overscroll-behavior:contain;padding:0 18px;min-height:0}.od-upload-job{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;padding:13px 0;border-top:1px solid var(--up-line)}.od-upload-file{width:28px;height:28px;display:grid;place-items:center;color:var(--p-blue,#83adf8);background:var(--p-raised,#303a3c);border-radius:9px}.od-upload-file svg{width:17px;height:17px}.od-upload-job[data-status=done] .od-upload-file{color:#25835b}.purchase-dark .od-upload-job[data-status=done] .od-upload-file{color:#71d4a5}.od-upload-job[data-status=error] .od-upload-file{color:#c48128}.od-upload-job strong{display:block;overflow-wrap:anywhere;font-size:12px;font-weight:550;color:var(--up-text)}.od-upload-job span,.od-upload-job p{font-size:11px;color:var(--up-muted)}.od-upload-job p{margin:6px 0;line-height:1.5}.od-upload-timing summary{font-size:10px;color:var(--up-muted);cursor:pointer;margin-top:5px}.od-upload-timing p{font-variant-numeric:tabular-nums}.od-upload-job button{font:inherit;font-size:11px;min-height:32px;border:1px solid var(--up-line);border-radius:8px;background:var(--p-raised,#303a3c);color:var(--up-text);padding:5px 10px;margin-top:7px;cursor:pointer}.od-upload-widget .od-upload-panel footer{position:static;border-top:1px solid var(--up-line);background:transparent;margin:0;padding:12px 18px;font-size:10px;color:var(--up-muted)}
.od-upload-announcement{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
@keyframes od-upload-spin{to{transform:rotate(360deg)}}@keyframes od-upload-enter{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:600px){.od-upload-widget{right:14px;bottom:calc(78px + env(safe-area-inset-bottom))}.od-upload-panel{max-height:calc(100dvh - 175px);border-radius:18px}.od-upload-widget .od-upload-launcher{width:48px;height:48px;border-radius:16px}}
@media(prefers-reduced-motion:reduce){.od-upload-widget *{animation:none!important;transition:none!important}}
.od-dialog::backdrop { background: #0009; }
.od-dialog header { display: flex; align-items: start; justify-content: space-between; gap: 16px; position: sticky; top: -22px; background: #202728; z-index: 2; padding: 12px 0; }
.od-dialog h2 { margin: 0; }
.od-dialog p { line-height: 1.5; }
.od-controls { display: grid; gap: 12px; margin: 18px 0; }
.od-dialog button { min-height: 42px; border: 1px solid #697476; border-radius: 9px; background: #353e40; color: inherit; padding: 10px 15px; cursor: pointer; white-space: normal; }
.od-dialog button:disabled { opacity: .5; cursor: default; }
.od-dialog input:not([type=checkbox]) { display: block; width: 100%; min-width: 0; box-sizing: border-box; padding: 12px; border: 1px solid #697476; border-radius: 8px; background: #151b1c; color: inherit; font: inherit; margin-top: 6px; }
.od-row { display: grid; grid-template-columns: 1.2fr 1fr 1.5fr; gap: 16px; padding: 16px 0; border-top: 1px solid #657071; overflow-wrap: anywhere; }
.od-row > * { min-width: 0; }
.od-row small { display: block; margin-top: 5px; }
.od-select input[type=checkbox] { display: inline-block; width: 18px; height: 18px; min-height: 18px; padding: 0; margin: 0 8px 0 0; vertical-align: middle; }
.od-error { color: #ffba9b; }
.od-dialog footer { position: sticky; bottom: -22px; background: #202728; padding: 12px 0; border-top: 1px solid #657071; }
.od-sync-notice { padding: 12px; border: 1px solid #c47b52; border-radius: 10px; color: #ffd1a8; background: #322822; }
@media(max-width:650px) { .od-dialog { padding: 14px; } .od-row { grid-template-columns: 1fr; gap: 9px; } .od-dialog header { flex-wrap: wrap; top: -14px; } .od-dialog footer { bottom: -14px; } }

.od-upload-widget[data-state=busy] .od-upload-launcher{color:var(--p-blue,#83adf8)}

.od-type-dialog{--type-bg:var(--p-panel,#252b30);--type-text:var(--p-text,#f1f3f5);--type-muted:var(--p-muted,#b1bac4);width:min(780px,calc(100vw - 24px));max-height:calc(100dvh - 32px);box-sizing:border-box;padding:0;border:1px solid var(--p-line,#48515c);border-radius:20px;background:var(--type-bg);color:var(--type-text);box-shadow:0 24px 80px #0005;font:inherit}
.od-type-dialog[open]{display:flex;flex-direction:column}.od-type-dialog::backdrop{background:#11182770;backdrop-filter:blur(5px)}
.od-type-dialog header,.od-type-dialog footer{padding:18px 20px;display:flex;align-items:center;gap:12px;flex-shrink:0;background:var(--type-bg);color:var(--type-text)}
.od-type-dialog header{justify-content:space-between;border-bottom:1px solid var(--p-line,#48515c)}.od-type-dialog h2{font-size:20px;letter-spacing:-.4px;margin:0 0 5px;color:inherit}.od-type-dialog p{margin:0;color:var(--type-muted);font-size:13px}
.od-type-dialog button,.od-type-dialog select{font:inherit;border:1px solid var(--p-line,#48515c);border-radius:10px;padding:10px 12px;background:var(--p-raised,#303840);color:var(--type-text);min-height:42px;box-sizing:border-box;cursor:pointer}
.od-type-dialog button:focus-visible,.od-type-dialog select:focus-visible{outline:3px solid #6aa5ff;outline-offset:2px}.od-type-dialog label{display:grid;gap:6px;font-size:12px;color:var(--type-muted);min-width:0}.od-type-dialog select{width:100%;min-width:0;color:var(--type-text)}
.od-type-bulk{display:flex;align-items:end;gap:10px;padding:16px 20px;background:var(--p-raised,#303840);flex-shrink:0}.od-type-bulk label{flex:1}.od-type-rows{overflow:auto;overscroll-behavior:contain;padding:0 20px;min-height:0}
.od-type-row{display:grid;grid-template-columns:minmax(0,1fr) 190px 42px;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid var(--p-line,#48515c)}.od-type-row>div{min-width:0}.od-type-row strong{font-size:14px;overflow-wrap:anywhere;font-weight:550}.od-type-row small{display:block;margin-top:5px;color:var(--type-muted);font-size:12px}
.od-type-dialog footer{border-top:1px solid var(--p-line,#48515c)}.od-type-dialog footer span{flex:1;font-size:12px;color:var(--type-muted)}.od-type-dialog .od-type-start{background:var(--p-blue,#2872df);color:white;border-color:transparent;font-weight:600}.od-type-dialog button:disabled{opacity:.5;cursor:default}
.od-category-filter{display:flex;align-items:center;gap:10px;margin:12px 0;font-size:12px;color:inherit}.od-category-filter select{max-width:250px;min-width:0;padding:9px;border:1px solid var(--p-line,#48515c);border-radius:10px;background:var(--p-panel,#252b30);color:var(--p-text,#f1f3f5)}
[data-document-category][hidden],[data-document-category-empty][hidden]{display:none!important}
@media(max-width:600px){.od-type-row{grid-template-columns:minmax(0,1fr) 38px;gap:10px}.od-type-row>label{grid-column:1;grid-row:2}.od-type-row>button{grid-column:2;grid-row:1/3}.od-type-dialog header,.od-type-dialog footer{padding:14px}.od-type-bulk{padding:12px 14px;flex-wrap:wrap}.od-type-rows{padding:0 14px}.od-type-dialog footer{flex-wrap:wrap}.od-type-dialog footer span{flex-basis:100%}.od-type-dialog .od-type-start{flex:1}.od-category-filter{flex-wrap:wrap}.od-category-filter select{width:100%;max-width:none}}

.od-dialog .od-row{grid-template-columns:minmax(0,1fr) minmax(160px,1fr) minmax(150px,.8fr) minmax(0,1fr)}
@media(max-width:800px){.od-dialog .od-row{grid-template-columns:minmax(0,1fr)}}

@media(max-width:600px){.od-type-bulk label{flex-basis:100%}.od-type-bulk button{width:100%}}

.od-dialog .od-row select{display:block;width:100%;min-height:42px;box-sizing:border-box;margin-top:6px;padding:10px;border:1px solid #697476;border-radius:8px;background:#151b1c;color:#f5f2ec;font:inherit}

.od-dialog .od-clear-hint{display:block;color:inherit;opacity:.75;line-height:1.5;margin:10px 0}.od-dialog .od-empty{padding:32px 20px;text-align:center;border:1px dashed #697476;border-radius:12px;margin:18px 0}.od-dialog .od-empty strong{font-size:16px}.od-dialog .od-empty p{margin-bottom:0;opacity:.75}

.od-dialog .od-bulk-types[hidden]{display:none!important}
.od-bulk-types{padding:16px;margin:18px 0;border:1px solid var(--p-line,#657071);border-radius:12px;background:var(--p-raised,#293233);color:var(--p-text,#f5f2ec)}
.od-bulk-type-controls{display:flex;align-items:end;gap:12px}.od-bulk-type-controls label{display:grid;gap:6px;flex:1;min-width:0;font-size:13px}.od-dialog .od-bulk-types label{color:var(--p-text,#f5f2ec)}.od-dialog .od-bulk-types select{display:block;width:100%;min-width:0;min-height:44px;box-sizing:border-box;padding:10px 12px;border:1px solid #697476;border-radius:8px;background:var(--p-panel,#151b1c);color:var(--p-text,#f5f2ec);font:inherit}.od-dialog .od-bulk-types button{min-height:44px}.od-bulk-types small{display:block;margin-top:10px;line-height:1.5;opacity:.75}.od-bulk-types select:focus-visible,.od-bulk-types button:focus-visible{outline:3px solid #83adf8;outline-offset:3px}
@media(max-width:600px){.od-bulk-type-controls{flex-direction:column;align-items:stretch}.od-bulk-type-controls label{flex:auto}.od-bulk-types{padding:12px}.od-bulk-type-controls button{width:100%}}