.mydoc-wrapper{background:var(--wh-bg);flex-direction:column;flex:1;display:flex}.mydoc-root{background:var(--wh-surface);border:1px solid var(--wh-border-light,#ebebeb);border-radius:10px;width:100%;max-width:min(92%,1600px);margin:8px auto 14px;padding:16px 24px 24px;animation:.3s mydocFadeIn;box-shadow:0 1px 3px #00000008}@keyframes mydocFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.mydoc-header{align-items:flex-start;gap:14px;margin-bottom:24px;display:flex}.mydoc-header-icon{border-radius:var(--wh-radius-md,12px);background:color-mix(in srgb,var(--wh-indigo,#2563eb)8%,transparent);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.mydoc-title{color:var(--wh-text,#0f172a);font-size:22px;font-weight:700;font-family:var(--wh-font);letter-spacing:-.3px;margin:0}.mydoc-subtitle{color:var(--wh-text-secondary,#475569);font-size:13px;font-family:var(--wh-font);margin:4px 0 0;line-height:1.5}.mydoc-stats{margin-bottom:12px}.mydoc-action-banner,.mydoc-expiry-banner{border-radius:var(--wh-radius-md,12px);align-items:center;gap:10px;margin-bottom:10px;padding:10px 14px;animation:.25s mydocFadeIn;display:flex}.mydoc-action-banner{background:color-mix(in srgb,var(--wh-warning,#ea580c)6%,transparent);border:1px solid color-mix(in srgb,var(--wh-warning,#ea580c)15%,transparent)}.mydoc-expiry-banner{background:color-mix(in srgb,var(--wh-error,#dc2626)5%,transparent);border:1px solid color-mix(in srgb,var(--wh-error,#dc2626)12%,transparent)}.mydoc-action-banner-icon,.mydoc-expiry-banner-icon{flex-shrink:0}.mydoc-action-banner-text,.mydoc-expiry-banner-text{font-size:13px;font-family:var(--wh-font);color:var(--wh-text,#0f172a);line-height:1.45}.mydoc-action-banner-text strong,.mydoc-expiry-banner-text strong{font-weight:650}.mydoc-pack-list{flex-direction:column;gap:16px;display:flex}.mydoc-pack{transition:box-shadow .2s;overflow:hidden}.mydoc-pack:hover{box-shadow:0 8px 24px #00000012}.mydoc-pack-header{cursor:pointer;text-align:left;font-family:var(--wh-font);border:none;border-bottom:1px solid var(--wh-divider,#0f172a0f);background:0 0;align-items:center;gap:12px;width:100%;padding:12px 16px;transition:background .15s;display:flex}.mydoc-pack-header:hover{background:var(--wh-surface-hover,#0f172a05)}.mydoc-pack-icon{border-radius:var(--wh-radius-sm,10px);background:color-mix(in srgb,var(--wh-indigo,#2563eb)8%,transparent);flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:background .2s;display:flex}.mydoc-pack-icon--done{background:color-mix(in srgb,var(--wh-success,#16a34a)8%,transparent)}.mydoc-pack-info{flex:1;min-width:0}.mydoc-pack-title-row{align-items:center;gap:8px;display:flex}.mydoc-pack-name{color:var(--wh-text,#0f172a);font-size:15px;font-weight:700;font-family:var(--wh-font);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.mydoc-pack-desc{color:var(--wh-text-muted,#94a3b8);font-size:12px;font-family:var(--wh-font);margin:3px 0 0;line-height:1.5}.mydoc-pack-progress{border-bottom:1px solid var(--wh-divider,#0f172a0f);align-items:center;gap:12px;padding:8px 16px;display:flex}.mydoc-pack-progress .wh-progress{flex:1}.mydoc-pack-progress-label{color:var(--wh-text-muted,#94a3b8);font-size:11px;font-weight:600;font-family:var(--wh-font);text-align:right;white-space:nowrap;min-width:80px}.mydoc-pack-body{opacity:1;max-height:2000px;transition:max-height .35s cubic-bezier(.16,1,.3,1),opacity .25s;overflow:hidden}.mydoc-pack-body--collapsed{opacity:0;max-height:0}.mydoc-pack-expiry-alert{font-size:12px;font-family:var(--wh-font);color:var(--wh-warning,#ea580c);background:color-mix(in srgb,var(--wh-warning,#ea580c)4%,transparent);border-bottom:1px solid var(--wh-divider,#0f172a0f);align-items:center;gap:8px;padding:8px 20px;display:flex}.mydoc-doc-list{flex-direction:column;display:flex}.mydoc-row{border-bottom:1px solid var(--wh-divider,#0f172a0f);align-items:center;gap:12px;padding:10px 16px;transition:background .12s;display:flex}.mydoc-row:last-child{border-bottom:none}.mydoc-row--actionable:hover{background:var(--wh-surface-hover,#0f172a05)}.mydoc-row-icon{border-radius:var(--wh-radius-sm,10px);background:var(--wh-surface-hover,#0f172a08);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.mydoc-row-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.mydoc-row-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mydoc-row-name{color:var(--wh-text,#0f172a);font-size:13px;font-weight:600;font-family:var(--wh-font);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mydoc-row-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mydoc-row-date{color:var(--wh-text-muted,#94a3b8);font-size:11px;font-family:var(--wh-font)}.mydoc-row-date--warn{color:var(--wh-warning,#ea580c);font-weight:500}.mydoc-row-version{color:var(--wh-text-muted,#94a3b8);font-size:10px;font-weight:600;font-family:var(--wh-font-mono,monospace);background:var(--wh-surface-hover,#0f172a0a);border-radius:4px;padding:1px 5px}.mydoc-row-type-hint{color:var(--wh-text-muted,#94a3b8);font-size:10px;font-family:var(--wh-font);font-style:italic}.mydoc-row-reject{color:var(--wh-error,#dc2626);font-size:11px;font-family:var(--wh-font);background:color-mix(in srgb,var(--wh-error,#dc2626)5%,transparent);border-radius:6px;align-items:flex-start;gap:5px;margin-top:2px;padding:4px 8px;line-height:1.45;display:flex}.mydoc-row-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.mydoc-file-input{display:none}.mydoc-uploading{align-items:center;gap:6px;display:inline-flex}.mydoc-spinner{border:2px solid var(--wh-border,#0f172a14);border-top-color:var(--wh-indigo,#2563eb);border-radius:50%;width:14px;height:14px;animation:.6s linear infinite mydocSpin}@keyframes mydocSpin{to{transform:rotate(360deg)}}.mydoc-no-docs{color:var(--wh-text-muted,#94a3b8);font-size:12px;font-family:var(--wh-font);text-align:center;padding:20px}.mydoc-skeleton-grid{flex-direction:column;gap:16px;display:flex}.mydoc-skel-card{border-radius:var(--wh-radius-xl,20px);height:220px}.mydoc-row--drag-over{background:color-mix(in srgb,var(--wh-indigo,#2563eb)5%,transparent);outline:2px dashed color-mix(in srgb,var(--wh-indigo,#2563eb)40%,transparent);outline-offset:-2px;border-radius:8px}.mydoc-row-drop-hint{color:var(--wh-indigo,#2563eb);font-size:11px;font-weight:600;font-family:var(--wh-font);align-items:center;gap:5px;margin-top:2px;display:inline-flex}.mydoc-upload-modal{flex-direction:column;gap:16px;display:flex}.mydoc-upload-reject-alert{border-radius:var(--wh-radius-sm,8px);background:color-mix(in srgb,var(--wh-error,#dc2626)5%,transparent);border:1px solid color-mix(in srgb,var(--wh-error,#dc2626)14%,transparent);color:var(--wh-text,#0f172a);font-size:13px;font-family:var(--wh-font);align-items:flex-start;gap:10px;padding:12px 14px;line-height:1.5;display:flex}.mydoc-upload-reject-alert strong{color:var(--wh-error,#dc2626);font-weight:650}.mydoc-upload-hint{color:var(--wh-text-muted,#94a3b8);font-size:12px;font-family:var(--wh-font);align-items:center;gap:6px;display:flex}.mydoc-upload-preview{border-radius:var(--wh-radius-md,12px);border:1px solid var(--wh-border,#0f172a14);background:var(--wh-surface-hover,#0f172a05);position:relative;overflow:hidden}.mydoc-upload-preview-img{object-fit:contain;background:var(--wh-surface-hover,#f1f5f9);width:100%;max-height:280px;display:block}.mydoc-upload-file-card{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:32px 24px;display:flex}.mydoc-upload-file-name{color:var(--wh-text,#0f172a);font-size:13px;font-weight:600;font-family:var(--wh-font);word-break:break-all}.mydoc-upload-file-size{color:var(--wh-text-muted,#94a3b8);font-size:11px;font-family:var(--wh-font)}.mydoc-upload-remove{border:1px solid var(--wh-border,#0f172a14);background:var(--wh-surface,#fff);color:var(--wh-text-secondary,#475569);font-size:11px;font-weight:600;font-family:var(--wh-font);cursor:pointer;border-radius:6px;align-items:center;gap:4px;margin:8px 12px 12px;padding:4px 10px;transition:background .12s;display:inline-flex}.mydoc-upload-remove:hover{background:color-mix(in srgb,var(--wh-error,#dc2626)6%,transparent);color:var(--wh-error,#dc2626);border-color:color-mix(in srgb,var(--wh-error,#dc2626)20%,transparent)}.mydoc-upload-file-error{color:var(--wh-error,#dc2626);font-size:12px;font-family:var(--wh-font);background:color-mix(in srgb,var(--wh-error,#dc2626)5%,transparent);border:1px solid color-mix(in srgb,var(--wh-error,#dc2626)12%,transparent);border-radius:8px;align-items:center;gap:6px;padding:8px 12px;display:flex}.mydoc-upload-progress-wrap{align-items:center;gap:10px;display:flex}.mydoc-upload-progress-wrap .wh-progress{flex:1}.mydoc-upload-progress-label{color:var(--wh-text-muted,#94a3b8);font-size:11px;font-weight:700;font-family:var(--wh-font);text-align:right;min-width:52px}.mydoc-upload-actions{border-top:1px solid var(--wh-divider,#0f172a0f);justify-content:flex-end;align-items:center;gap:8px;padding-top:4px;display:flex}.mydoc-viewer{flex-direction:column;gap:20px;display:flex}.mydoc-viewer-preview{border-radius:var(--wh-radius-md,12px);border:1px solid var(--wh-border,#0f172a14);background:var(--wh-surface-hover,#0f172a05);overflow:hidden}.mydoc-viewer-image{object-fit:contain;background:var(--wh-surface-hover,#f1f5f9);width:100%;max-height:320px;display:block}.mydoc-viewer-pdf{border:none;width:100%;height:360px;display:block}.mydoc-viewer-file-card{color:var(--wh-text-muted,#94a3b8);font-size:13px;font-family:var(--wh-font);flex-direction:column;align-items:center;gap:8px;padding:32px;display:flex}.mydoc-viewer-section-title{color:var(--wh-text-secondary,#475569);font-size:12px;font-weight:700;font-family:var(--wh-font);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;margin:0 0 10px;display:flex}.mydoc-viewer-info{padding:0}.mydoc-viewer-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mydoc-viewer-field{flex-direction:column;gap:3px;display:flex}.mydoc-viewer-label{color:var(--wh-text-muted,#94a3b8);font-size:11px;font-weight:500;font-family:var(--wh-font);text-transform:uppercase;letter-spacing:.3px}.mydoc-viewer-value{color:var(--wh-text,#0f172a);font-size:13px;font-weight:500;font-family:var(--wh-font)}.mydoc-viewer-days{color:var(--wh-text-muted,#94a3b8);margin-left:4px;font-size:11px;font-weight:500}.mydoc-viewer-days--warn{color:var(--wh-warning,#ea580c)}.mydoc-viewer-days--expired{color:var(--wh-error,#dc2626);font-weight:600}.mydoc-viewer-reject-box{border-radius:var(--wh-radius-sm,8px);background:color-mix(in srgb,var(--wh-error,#dc2626)5%,transparent);border:1px solid color-mix(in srgb,var(--wh-error,#dc2626)12%,transparent);align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.mydoc-viewer-reject-box strong{color:var(--wh-error,#dc2626);font-size:12px;font-weight:700;font-family:var(--wh-font)}.mydoc-viewer-reject-box p{color:var(--wh-text,#0f172a);font-size:12px;font-family:var(--wh-font);margin:3px 0 0;line-height:1.5}.mydoc-viewer-download{text-decoration:none;display:inline-flex}.mydoc-viewer-history{border-top:1px solid var(--wh-divider,#0f172a0f);padding-top:16px}.mydoc-viewer-history-count{color:var(--wh-text-inverse,#fff);background:var(--wh-indigo,#2563eb);text-align:center;border-radius:10px;justify-content:center;align-items:center;min-width:18px;padding:1px 6px;font-size:10px;font-weight:700;display:inline-flex}.mydoc-viewer-history-loading{flex-direction:column;gap:8px;padding:4px 0;display:flex}.mydoc-viewer-history-empty{color:var(--wh-text-muted,#94a3b8);font-size:12px;font-family:var(--wh-font);margin:0;padding:4px 0}.mydoc-history-item{border-left:2px solid var(--wh-border,#0f172a14);align-items:flex-start;gap:10px;margin-left:8px;padding:8px 0 8px 16px;display:flex;position:relative}.mydoc-history-item:last-child{border-left-color:#0000}.mydoc-history-dot{background:var(--wh-border,#0f172a26);border-radius:50%;flex-shrink:0;width:8px;height:8px;position:absolute;top:12px;left:-5px}.mydoc-history-dot--current{background:var(--wh-indigo,#2563eb);box-shadow:0 0 0 3px color-mix(in srgb,var(--wh-indigo,#2563eb)20%,transparent)}.mydoc-history-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.mydoc-history-name{color:var(--wh-text,#0f172a);font-size:12px;font-weight:600;font-family:var(--wh-font);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;display:flex;overflow:hidden}.mydoc-history-date{color:var(--wh-text-muted,#94a3b8);font-size:11px;font-family:var(--wh-font)}.mydoc-history-dl{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:background .12s;display:flex}.mydoc-history-dl:hover{background:var(--wh-surface-hover,#0f172a0a)}.mydoc-history-show-more{color:var(--wh-indigo,#2563eb);font-size:12px;font-weight:600;font-family:var(--wh-font);cursor:pointer;text-align:left;background:0 0;border:none;width:100%;margin-left:8px;padding:6px 0 6px 16px;display:block}.mydoc-history-show-more:hover{text-decoration:underline}@media (width<=640px){.mydoc-root{max-width:100%;padding:16px 14px 32px}.mydoc-header{gap:10px}.mydoc-header-icon{width:38px;height:38px}.mydoc-title{font-size:19px}.mydoc-subtitle{font-size:12px}.mydoc-pack-header{gap:10px;padding:14px}.mydoc-pack-icon{width:34px;height:34px}.mydoc-pack-name{font-size:14px}.mydoc-pack-progress{padding:8px 14px}.mydoc-row{gap:10px;padding:10px 14px}.mydoc-row-icon{width:32px;height:32px}.mydoc-pack-expiry-alert{padding:6px 14px}.mydoc-action-banner,.mydoc-expiry-banner{padding:10px 12px}.mydoc-viewer-grid{grid-template-columns:1fr}.mydoc-viewer-pdf{height:260px}}