:root {
    --mb-bg: #f3f4f7;
    --mb-bg-elevated: #fafafa;
    --mb-surface: rgba(255, 255, 255, 0.92);
    --mb-surface-strong: #ffffff;
    --mb-ink: #1d1d1f;
    --mb-text: #2c2c2e;
    --mb-muted: #6e6e73;
    --mb-faint: #8e8e93;
    --mb-line: rgba(0, 0, 0, 0.08);
    --mb-line-strong: rgba(0, 0, 0, 0.14);
    --mb-blue: #007aff;
    --mb-blue-hover: #006bd6;
    --mb-blue-soft: rgba(0, 122, 255, 0.10);
    --mb-red: #ff3b30;
    --mb-red-soft: rgba(255, 59, 48, 0.10);
    --mb-green: #34c759;
    --mb-orange: #ff9f0a;
    --mb-purple: #5856d6;
    --mb-radius: 12px;
    --mb-radius-sm: 9px;
    --mb-shadow: 0 18px 44px rgba(0, 0, 0, 0.07);
    --mb-shadow-soft: 0 8px 24px rgba(0, 0, 0, 0.045);
    --mb-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "PingFang SC", "Helvetica Neue", Arial, sans-serif;
}

html {
    background: var(--mb-bg) !important;
}

body,
button,
input,
select,
textarea {
    font-family: var(--mb-font) !important;
    letter-spacing: 0 !important;
}

body.workspace-page,
body.drive-page-web,
body.share-editor-page,
body.history-page-web,
body.share-page,
body.teams-page,
body.team-space-page,
body.admin-page,
body.apple-workspace,
body.auth-page,
body.feedback-page {
    background:
        linear-gradient(180deg, #fbfbfd 0%, var(--mb-bg) 48%, #eef1f7 100%) !important;
    color: var(--mb-ink) !important;
}

body.workspace-page::before,
body.workspace-page::after,
body.drive-page-web::before,
body.drive-page-web::after,
body.share-editor-page::before,
body.share-editor-page::after,
body.share-page::before,
body.share-page::after,
body.admin-page::before,
body.admin-page::after {
    display: none !important;
}

body.drive-page-web .container,
body.share-editor-page .container,
body.history-page-web .container,
body.teams-page .container,
body.team-space-page .container {
    width: min(100%, 1680px) !important;
    max-width: none !important;
    padding: 16px !important;
    margin: 0 auto !important;
}

.navbar,
.header,
.topbar,
.apple-topbar,
.admin-topbar,
body.feedback-page .feedback-nav,
body.certificate-page .certificate-topbar {
    border: 1px solid var(--mb-line) !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, 0.76) !important;
    color: var(--mb-ink) !important;
    box-shadow: var(--mb-shadow-soft) !important;
    backdrop-filter: blur(24px) saturate(1.45) !important;
    -webkit-backdrop-filter: blur(24px) saturate(1.45) !important;
}

.navbar *,
.header *,
.topbar *,
.apple-topbar *,
.admin-topbar * {
    color: inherit !important;
}

.btn,
.btn-primary,
.apple-btn,
.primary-btn,
.ghost-btn,
.plain-btn,
.share-btn,
.action-btn,
.submit-btn,
.mini-btn,
.chip-btn,
.filter-chip,
.admin-action,
.admin-nav-link,
.nav-links a,
.smart-filter,
.view-toggle button,
.share-chip-btn,
.share-breadcrumb-link,
.share-mobile-back,
.confirm-btn,
.cancel-btn {
    min-height: 36px !important;
    height: auto !important;
    padding: 0 13px !important;
    border: 1px solid var(--mb-line) !important;
    border-radius: var(--mb-radius-sm) !important;
    background: rgba(255, 255, 255, 0.90) !important;
    color: var(--mb-ink) !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    transform: translateZ(0);
    transition:
        background 0.16s ease,
        border-color 0.16s ease,
        color 0.16s ease,
        opacity 0.16s ease,
        transform 0.16s ease !important;
}

.btn:hover,
.apple-btn:hover,
.ghost-btn:hover,
.plain-btn:hover,
.share-btn.secondary:hover,
.mini-btn:hover,
.chip-btn:hover,
.filter-chip:hover,
.admin-nav-link:hover,
.admin-action.secondary:hover,
.nav-links a:hover,
.smart-filter:hover,
.share-chip-btn:hover,
.share-breadcrumb-link:hover {
    background: #fff !important;
    border-color: var(--mb-line-strong) !important;
    color: var(--mb-ink) !important;
    transform: translateY(-1px);
}

.btn-primary,
.primary-btn,
.apple-btn.primary,
.share-btn:not(.secondary),
.action-btn.primary,
.submit-btn,
.confirm-btn,
.admin-action:not(.secondary):not(.danger) {
    background: var(--mb-blue) !important;
    border-color: var(--mb-blue) !important;
    color: #fff !important;
}

.btn-primary:hover,
.primary-btn:hover,
.apple-btn.primary:hover,
.share-btn:not(.secondary):hover,
.action-btn.primary:hover,
.submit-btn:hover,
.confirm-btn:hover,
.admin-action:not(.secondary):not(.danger):hover {
    background: var(--mb-blue-hover) !important;
    border-color: var(--mb-blue-hover) !important;
    color: #fff !important;
}

.btn.danger,
.plain-btn.danger,
.admin-action.danger,
button[value="trash"],
button[value="delete_permanent"],
button[data-action="delete"] {
    background: var(--mb-red-soft) !important;
    border-color: rgba(255, 59, 48, 0.24) !important;
    color: var(--mb-red) !important;
}

button:disabled,
.btn:disabled,
.btn-primary:disabled,
.action-btn:disabled,
.submit-btn:disabled {
    opacity: 0.36 !important;
    cursor: not-allowed !important;
    transform: none !important;
}

input,
select,
textarea,
.search-box,
.admin-input,
.admin-textarea,
.share-search,
.share-select {
    border: 1px solid var(--mb-line) !important;
    border-radius: var(--mb-radius-sm) !important;
    background: rgba(255, 255, 255, 0.92) !important;
    color: var(--mb-ink) !important;
    box-shadow: none !important;
}

input:focus,
select:focus,
textarea:focus,
.admin-input:focus,
.admin-textarea:focus,
.share-search:focus,
.share-select:focus {
    outline: none !important;
    border-color: rgba(0, 122, 255, 0.46) !important;
    box-shadow: 0 0 0 4px rgba(0, 122, 255, 0.11) !important;
}

.main-panel,
.sidebar,
.main-card,
.editor-section,
.setting-card,
.history-card,
.share-panel,
.share-summary-card,
.admin-card,
.admin-stat-card,
.team-card,
.surface-card,
.inspector-card,
.drive-overview-card,
.sidebar-block,
.cloud-tools,
.selection-helper,
.selection-bar,
.upload-card,
.list-header,
.file-row,
.share-row,
.panel,
body.auth-page .panel,
body.auth-page .form-card {
    border: 1px solid var(--mb-line) !important;
    background: var(--mb-surface) !important;
    color: var(--mb-ink) !important;
    box-shadow: var(--mb-shadow-soft) !important;
    border-radius: var(--mb-radius) !important;
    backdrop-filter: blur(18px) saturate(1.22) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.22) !important;
}

.apple-pill,
.share-pill,
.admin-pill,
.history-badge,
.preview-pill,
.chip,
.badge,
.share-type-chip {
    border: 1px solid var(--mb-line) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.76) !important;
    color: var(--mb-muted) !important;
    box-shadow: none !important;
}

/* Finder Pro cloud drive */
body.drive-page-web {
    padding: 0 !important;
    overflow-x: hidden !important;
    background: #f3f4f7 !important;
}

body.drive-page-web .navbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 60 !important;
    min-height: 64px !important;
    margin: -16px -16px 14px !important;
    padding: 10px 18px !important;
    border-radius: 0 !important;
    border-width: 0 0 1px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    background: rgba(250, 250, 252, 0.92) !important;
    box-shadow: none !important;
}

body.drive-page-web .logo {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 20px !important;
    font-weight: 780 !important;
    color: var(--mb-ink) !important;
}

body.drive-page-web .logo::before {
    content: none;
    display: none;
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #007aff;
    color: #fff;
    font-size: 14px;
    font-weight: 800;
}

body.drive-page-web .logo span {
    color: var(--mb-blue) !important;
}

body.drive-page-web .user-menu,
body.drive-page-web .nav-links {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

body.drive-page-web .username {
    height: 36px !important;
    padding: 0 12px !important;
    border: 1px solid var(--mb-line) !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: var(--mb-muted) !important;
    display: inline-flex !important;
    align-items: center !important;
    font-size: 13px !important;
    font-weight: 650 !important;
}

body.drive-page-web .workspace-hero,
body.drive-page-web .drive-commandbar,
body.drive-page-web .toolbar-secondary {
    display: none !important;
}

body.drive-page-web .file-manager {
    display: grid !important;
    grid-template-columns: 236px minmax(720px, 1fr) 300px !important;
    gap: 12px !important;
    align-items: start !important;
    min-height: calc(100vh - 84px) !important;
}

body.drive-page-web .sidebar,
body.drive-page-web .main-panel,
body.drive-page-web .inspector-panel {
    min-width: 0 !important;
}

body.drive-page-web .sidebar,
body.drive-page-web .inspector-panel {
    position: sticky !important;
    top: 76px !important;
    max-height: calc(100vh - 88px) !important;
    overflow: auto !important;
}

body.drive-page-web .sidebar,
body.drive-page-web .main-panel,
body.drive-page-web .inspector-card {
    padding: 12px !important;
}

body.drive-page-web .main-panel {
    display: flex !important;
    flex-direction: column !important;
    min-height: calc(100vh - 86px) !important;
    background: #fff !important;
    overflow: hidden !important;
}

body.drive-page-web .drive-overview-card,
body.drive-page-web .sidebar-block,
body.drive-page-web .inspector-card {
    padding: 12px !important;
    margin: 0 0 10px !important;
    background: #fff !important;
    box-shadow: none !important;
}

body.drive-page-web .mb-file-inspector-card {
    border-color: rgba(0, 122, 255, 0.16) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.84), rgba(245,245,247,.72)) !important;
}

body.drive-page-web .mb-inspector-divider {
    height: 1px;
    margin: 12px 0;
    background: var(--mb-line);
}

body.drive-page-web .drive-overview-card strong,
body.drive-page-web .sidebar h3,
body.drive-page-web .inspector-card h3,
body.drive-page-web .selection-bar strong {
    color: var(--mb-ink) !important;
    font-size: 14px !important;
    font-weight: 740 !important;
}

body.drive-page-web .drive-overview-card span,
body.drive-page-web .drive-overview-card p,
body.drive-page-web .sidebar-subtitle,
body.drive-page-web .inspector-kicker,
body.drive-page-web .inspector-card p,
body.drive-page-web .inspector-meta-list,
body.drive-page-web #selectionBarText {
    color: var(--mb-muted) !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
}

body.drive-page-web .sidebar-action-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin-top: 10px !important;
}

body.drive-page-web .sidebar-action-grid .btn,
body.drive-page-web .inspector-actions .btn {
    width: 100% !important;
}

body.drive-page-web .smart-filter-list {
    display: grid !important;
    gap: 5px !important;
}

body.drive-page-web .smart-filter {
    min-height: 34px !important;
    padding: 0 9px !important;
    justify-content: space-between !important;
    background: transparent !important;
    border-color: transparent !important;
    color: #3a3a3c !important;
}

body.drive-page-web .smart-filter.active,
body.drive-page-web .tree li.active {
    background: rgba(0, 122, 255, 0.09) !important;
    border-color: rgba(0, 122, 255, 0.18) !important;
    color: var(--mb-blue) !important;
}

body.drive-page-web .tree {
    display: grid !important;
    gap: 4px !important;
}

body.drive-page-web .tree li {
    min-height: 32px !important;
    padding: 0 9px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    border-radius: 9px !important;
    color: var(--mb-text) !important;
}

body.drive-page-web .toolbar {
    display: grid !important;
    grid-template-columns: minmax(220px, 1fr) auto !important;
    gap: 12px !important;
    align-items: center !important;
    margin: 0 0 10px !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid var(--mb-line) !important;
}

body.drive-page-web .breadcrumb {
    min-height: 36px !important;
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    color: var(--mb-muted) !important;
    font-size: 14px !important;
    font-weight: 650 !important;
}

body.drive-page-web .breadcrumb a {
    color: var(--mb-blue) !important;
    text-decoration: none !important;
}

body.drive-page-web .actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 7px !important;
    flex-wrap: wrap !important;
}

body.drive-page-web .actions .btn {
    height: 34px !important;
    min-height: 34px !important;
}

body.drive-page-web .actions #uploadBtn,
body.drive-page-web .actions #newFolderBtn,
body.drive-page-web .actions #shareBtn,
body.drive-page-web .actions #refreshBtn,
body.drive-page-web .actions #fileTrashBtn {
    display: inline-flex !important;
}

body.drive-page-web #renameBtn,
body.drive-page-web #moveBtn,
body.drive-page-web #copyBtn,
body.drive-page-web #deleteBtn {
    display: none !important;
}

body.drive-page-web:has(.file-row.selected) #renameBtn,
body.drive-page-web:has(.file-row.selected) #moveBtn,
body.drive-page-web:has(.file-row.selected) #copyBtn,
body.drive-page-web:has(.file-row.selected) #deleteBtn {
    display: inline-flex !important;
}

body.drive-page-web .cloud-tools {
    display: grid !important;
    grid-template-columns: minmax(280px, 1fr) 160px auto minmax(220px, auto) !important;
    gap: 8px !important;
    align-items: center !important;
    padding: 9px !important;
    margin: 0 0 10px !important;
    border-radius: 12px !important;
    background: #f8f8fa !important;
    box-shadow: none !important;
}

body.drive-page-web .search-box {
    height: 38px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0 12px !important;
}

body.drive-page-web .search-box input {
    height: 100% !important;
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
}

body.drive-page-web #sortSelect {
    height: 38px !important;
    min-height: 38px !important;
}

body.drive-page-web .view-toggle {
    height: 38px !important;
    padding: 3px !important;
    border: 1px solid var(--mb-line) !important;
    border-radius: 10px !important;
    background: rgba(229, 229, 234, 0.55) !important;
    display: inline-flex !important;
}

body.drive-page-web .view-toggle button {
    min-height: 30px !important;
    height: 30px !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--mb-muted) !important;
}

body.drive-page-web .view-toggle button.active {
    background: #fff !important;
    color: var(--mb-blue) !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08) !important;
}

body.drive-page-web .folder-stats {
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    border: 1px solid rgba(0, 122, 255, 0.18) !important;
    border-radius: 10px !important;
    background: var(--mb-blue-soft) !important;
    color: var(--mb-blue) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.drive-page-web .selection-helper {
    display: none !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    padding: 9px !important;
    margin: 0 0 10px !important;
    background: rgba(255, 255, 255, 0.60) !important;
    box-shadow: none !important;
}

body.drive-page-web .selection-helper .btn {
    height: 32px !important;
    min-height: 32px !important;
}

body.drive-page-web .selection-bar {
    margin: 0 0 8px !important;
    padding: 10px 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    background: #fbfbfd !important;
    box-shadow: none !important;
}

body.drive-page-web .selection-bar.is-active {
    border-color: rgba(0, 122, 255, 0.24) !important;
    background: rgba(0, 122, 255, 0.08) !important;
}

body.drive-page-web .upload-card {
    min-height: 46px !important;
    margin: 0 0 8px !important;
    padding: 10px 14px !important;
    border-style: dashed !important;
    border-color: rgba(0, 122, 255, 0.24) !important;
    background: #f8fbff !important;
    box-shadow: none !important;
}

body.drive-page-web .upload-info {
    color: var(--mb-muted) !important;
    font-size: 13px !important;
    font-weight: 650 !important;
}

body.drive-page-web .upload-info i {
    color: var(--mb-blue) !important;
}

body.drive-page-web .list-header {
    display: grid !important;
    grid-template-columns: 38px minmax(260px, 1fr) 130px 170px 120px !important;
    align-items: center !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border-radius: 12px 12px 0 0 !important;
    background: #f5f5f7 !important;
    color: var(--mb-muted) !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    box-shadow: none !important;
}

body.drive-page-web #fileList {
    flex: 1 1 auto !important;
    min-height: 320px !important;
    overflow: auto !important;
    margin: 0 !important;
    border: 1px solid var(--mb-line) !important;
    border-top: 0 !important;
    border-radius: 0 0 12px 12px !important;
    background: #fff !important;
}

body.drive-page-web .file-row {
    display: grid !important;
    grid-template-columns: 38px minmax(260px, 1fr) 130px 170px 120px !important;
    align-items: center !important;
    min-height: 50px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.055) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    animation: none !important;
}

body.drive-page-web .file-row:last-child {
    border-bottom: 0 !important;
}

body.drive-page-web .file-row:hover {
    background: #f6f9ff !important;
    transform: none !important;
}

body.drive-page-web .file-row.selected {
    background: rgba(0, 122, 255, 0.10) !important;
}

body.drive-page-web .file-row .name {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    gap: 10px !important;
    color: var(--mb-ink) !important;
    font-size: 14px !important;
    font-weight: 650 !important;
}

body.drive-page-web .file-row .name span {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.drive-page-web .file-row .name i {
    width: 22px !important;
    color: var(--mb-blue) !important;
    font-size: 17px !important;
}

body.drive-page-web .file-row.folder .name i {
    color: var(--mb-orange) !important;
}

body.drive-page-web .file-row .size,
body.drive-page-web .file-row .modified {
    color: var(--mb-muted) !important;
    font-size: 12px !important;
    font-weight: 550 !important;
}

body.drive-page-web .file-row .actions {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 5px !important;
    opacity: 0 !important;
    transition: opacity 0.16s ease !important;
}

body.drive-page-web .file-row:hover .actions,
body.drive-page-web .file-row.selected .actions,
body.drive-page-web .file-row:focus-within .actions {
    opacity: 1 !important;
}

body.drive-page-web .file-row .actions a,
body.drive-page-web .file-row .actions button {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    padding: 0 !important;
    border: 1px solid var(--mb-line) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, 0.82) !important;
    color: var(--mb-muted) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

body.drive-page-web .file-row .actions a:hover,
body.drive-page-web .file-row .actions button:hover {
    color: var(--mb-blue) !important;
    border-color: rgba(0, 122, 255, 0.26) !important;
    background: #fff !important;
}

body.drive-page-web input[type="checkbox"] {
    accent-color: var(--mb-blue) !important;
}

body.drive-page-web .file-list.is-grid-view {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(178px, 1fr)) !important;
    gap: 10px !important;
    padding: 10px !important;
    border: 1px solid var(--mb-line) !important;
    border-radius: 12px !important;
}

body.drive-page-web .file-list.is-grid-view .file-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-content: start !important;
    min-height: 150px !important;
    padding: 12px !important;
    border: 1px solid var(--mb-line) !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.76) !important;
}

body.drive-page-web .file-list.is-grid-view .file-row .actions {
    opacity: 1 !important;
    justify-content: flex-start !important;
}

body.drive-page-web .cloud-empty {
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    color: var(--mb-muted) !important;
}

/* Share creation true wizard */
body.share-editor-page .header {
    position: sticky !important;
    top: 12px !important;
    z-index: 40 !important;
    min-height: 58px !important;
    margin-bottom: 14px !important;
    padding: 10px 14px !important;
}

body.share-editor-page {
    min-height: 100vh !important;
    background: #f3f4f7 !important;
}

body.share-editor-page .logo {
    font-size: 20px !important;
    font-weight: 780 !important;
    color: var(--mb-ink) !important;
}

body.share-editor-page .main-card {
    width: min(100%, 1280px) !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.share-editor-page .footer-note,
body.share-editor-page .share-hero {
    display: none !important;
}

body.share-editor-page .mb-wizard-shell {
    min-height: calc(100vh - 104px);
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr) auto;
    gap: 0;
    border: 1px solid var(--mb-line);
    border-radius: 18px;
    background: #fff;
    box-shadow: var(--mb-shadow-soft);
    overflow: hidden;
}

body.share-editor-page .mb-wizard-head {
    padding: 18px 20px 12px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    border-bottom: 1px solid var(--mb-line);
    background: #fbfbfd;
}

body.share-editor-page .mb-wizard-kicker {
    color: var(--mb-blue);
    font-size: 12px;
    font-weight: 760;
}

body.share-editor-page .mb-wizard-head h2 {
    margin: 4px 0 0;
    color: var(--mb-ink) !important;
    font-size: 24px;
    letter-spacing: -0.02em;
}

body.share-editor-page .mb-wizard-head p {
    margin: 6px 0 0;
    color: var(--mb-muted);
    font-size: 13px;
}

body.share-editor-page .mb-wizard-progress {
    padding: 10px 14px;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 8px;
    background: #fff;
    border-bottom: 1px solid var(--mb-line);
}

body.share-editor-page .mb-wizard-step {
    min-height: 42px;
    padding: 0 10px;
    border: 1px solid var(--mb-line) !important;
    border-radius: 11px;
    background: #fff;
    color: var(--mb-muted);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

body.share-editor-page .mb-wizard-step span {
    width: 22px;
    height: 22px;
    border-radius: 7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f2f2f7;
    color: var(--mb-muted);
    font-size: 11px;
}

body.share-editor-page .mb-wizard-step.is-active {
    border-color: rgba(0, 122, 255, 0.28) !important;
    background: rgba(0, 122, 255, 0.08) !important;
    color: var(--mb-blue);
}

body.share-editor-page .mb-wizard-step.is-active span {
    background: var(--mb-blue);
    color: #fff;
}

body.share-editor-page .mb-wizard-step.is-done {
    color: var(--mb-green);
}

body.share-editor-page .mb-wizard-step.is-done span {
    background: rgba(52, 199, 89, 0.12);
    color: var(--mb-green);
}

body.share-editor-page .mb-wizard-layout {
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 0;
}

body.share-editor-page .mb-wizard-stage {
    min-width: 0;
    min-height: 0;
    padding: 18px;
    overflow: auto;
}

body.share-editor-page .mb-wizard-preview {
    padding: 18px;
    border-left: 1px solid var(--mb-line);
    background: #f8f8fa;
    overflow: auto;
}

body.share-editor-page .mb-wizard-panel {
    min-height: 100%;
    display: grid;
    align-content: start;
    gap: 14px;
}

body.share-editor-page .mb-wizard-panel[hidden] {
    display: none !important;
}

body.share-editor-page .mb-wizard-panel-head {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--mb-line);
}

body.share-editor-page .mb-wizard-panel-head > span {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--mb-blue);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    flex: none;
}

body.share-editor-page .mb-wizard-panel-head h3 {
    margin: 0;
    color: var(--mb-ink);
    font-size: 20px;
    letter-spacing: -0.015em;
}

body.share-editor-page .mb-wizard-panel-head p {
    margin: 5px 0 0;
    color: var(--mb-muted);
    font-size: 13px;
}

body.share-editor-page .mb-wizard-footer {
    min-height: 66px;
    padding: 12px 16px;
    border-top: 1px solid var(--mb-line);
    background: #fbfbfd;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

body.share-editor-page .mb-wizard-hint {
    color: var(--mb-muted);
    font-size: 13px;
}

body.share-editor-page .mb-wizard-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

body.share-editor-page .mb-wizard-actions .submit-btn {
    min-height: 38px !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 16px !important;
    font-size: 13px !important;
}

body.share-editor-page .mb-wizard-form {
    display: block;
}

body.share-editor-page .mb-wizard-form .section-head {
    display: none !important;
}

body.share-editor-page .editor-section {
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.share-editor-page .source-banner,
body.share-editor-page .selection-summary,
body.share-editor-page .category-picker,
body.share-editor-page .enterprise-template-panel,
body.share-editor-page .advanced-settings,
body.share-editor-page .setting-card,
body.share-editor-page .template-card,
body.share-editor-page .enterprise-template-card,
body.share-editor-page .category-card {
    background: #fff !important;
    border-color: var(--mb-line) !important;
    box-shadow: none !important;
}

body.share-editor-page .template-grid,
body.share-editor-page .enterprise-template-grid,
body.share-editor-page .category-grid {
    display: grid !important;
    gap: 10px !important;
}

body.share-editor-page .settings-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

body.share-editor-page .share-live-preview {
    position: sticky;
    top: 12px;
    display: grid !important;
    border: 1px solid var(--mb-line) !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: none !important;
}

body.share-editor-page .submit-section .submit-btn {
    display: none !important;
}

body.share-editor-page .submit-section::after {
    content: "确认无误后点击底部“生成分享”。";
    display: block;
    padding: 18px;
    border: 1px solid rgba(0, 122, 255, 0.18);
    border-radius: 14px;
    background: rgba(0, 122, 255, 0.08);
    color: var(--mb-blue);
    font-size: 14px;
    font-weight: 700;
}

body.share-editor-page .mb-draft-bar,
body.share-editor-page .mb-flow-nav,
body.share-editor-page .mb-flow-actions {
    display: none !important;
}

body.share-editor-page .info-note,
body.share-editor-page .error-note {
    width: min(100%, 1280px);
    margin: 0 auto 12px !important;
}

body.share-editor-page .mb-wizard-panel .submit-section .submit-btn {
    display: none !important;
}

/* Shared delivery page */
body.share-page {
    padding: 16px !important;
}

body.share-page .share-shell {
    width: min(100%, 1480px) !important;
    max-width: none !important;
    margin: 0 auto !important;
    display: grid !important;
    gap: 14px !important;
}

body.share-page .share-banner,
body.share-page .share-hero,
body.share-page .share-layout,
body.share-page .share-footer {
    border: 1px solid var(--mb-line) !important;
    border-radius: 16px !important;
    background: var(--mb-surface) !important;
    box-shadow: var(--mb-shadow-soft) !important;
    backdrop-filter: blur(18px) saturate(1.22) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.22) !important;
}

body.share-page .share-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 320px !important;
    gap: 14px !important;
    padding: 14px !important;
}

body.share-page .share-hero {
    padding: 18px !important;
    background:
        linear-gradient(135deg, rgba(255,255,255,.94), rgba(245,245,247,.86)) !important;
}

body.share-page .share-hero-main {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 420px !important;
    gap: 18px !important;
}

body.share-page .share-title h1,
body.share-page .share-panel h2,
body.share-page .share-panel h3 {
    color: var(--mb-ink) !important;
    letter-spacing: -0.02em !important;
}

body.share-page .share-title p,
body.share-page .share-panel p,
body.share-page .share-kv-row span {
    color: var(--mb-muted) !important;
}

body.share-page .enterprise-share-mark {
    border-radius: 14px !important;
    border: 1px solid var(--mb-line) !important;
    background: rgba(255, 255, 255, 0.72) !important;
    box-shadow: none !important;
}

body.share-page .share-summary-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

body.share-page .share-panel {
    padding: 14px !important;
    box-shadow: none !important;
}

body.share-page .share-toolbar {
    position: sticky !important;
    top: 12px !important;
    z-index: 12 !important;
    margin: 0 0 12px !important;
    padding: 10px !important;
    border: 1px solid var(--mb-line) !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.82) !important;
    box-shadow: var(--mb-shadow-soft) !important;
    backdrop-filter: blur(18px) saturate(1.2) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.2) !important;
}

body.share-page .share-toolbar-top {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 170px !important;
    gap: 8px !important;
}

body.share-page .share-chip-group,
body.share-page .share-breadcrumb {
    display: flex !important;
    gap: 7px !important;
    flex-wrap: wrap !important;
}

body.share-page .share-chip-btn.is-active {
    background: var(--mb-blue-soft) !important;
    border-color: rgba(0, 122, 255, 0.24) !important;
    color: var(--mb-blue) !important;
}

body.share-page .share-board {
    border: 1px solid var(--mb-line) !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.76) !important;
    overflow: hidden !important;
}

body.share-page .share-file-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    min-height: 58px !important;
    margin: 0 !important;
    padding: 12px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.055) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.share-page .share-file-row:last-child {
    border-bottom: 0 !important;
}

body.share-page .share-file-row:hover {
    background: rgba(0, 122, 255, 0.055) !important;
}

body.share-page .share-file-icon {
    width: 34px !important;
    height: 34px !important;
    border-radius: 9px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(0, 122, 255, 0.10) !important;
}

body.share-page .share-file-row.is-folder .share-file-icon {
    background: rgba(255, 159, 10, 0.13) !important;
}

body.share-page .share-board.is-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)) !important;
    gap: 10px !important;
    padding: 10px !important;
}

body.share-page .share-board.is-grid .share-file-row {
    border: 1px solid var(--mb-line) !important;
    border-radius: 14px !important;
    grid-template-columns: 1fr !important;
    align-content: start !important;
    gap: 12px !important;
    background: rgba(255, 255, 255, 0.72) !important;
}

body.share-page .mb-delivery-flow {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    margin-top: 14px;
}

body.share-page .mb-delivery-step {
    min-height: 58px;
    padding: 10px;
    border: 1px solid var(--mb-line);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.72);
    color: var(--mb-muted);
    display: grid;
    gap: 4px;
}

body.share-page .mb-delivery-step strong {
    color: var(--mb-ink);
    font-size: 13px;
}

body.share-page .mb-delivery-step.is-active {
    border-color: rgba(0, 122, 255, 0.28);
    background: var(--mb-blue-soft);
}

/* History, teams and admin convergence */
body.history-page-web .topbar,
body.history-page-web .panel,
body.teams-page .header,
body.teams-page .main-card,
body.team-space-page .header,
body.team-space-page .card,
body.admin-page .admin-shell,
body.admin-page .admin-card,
body.admin-page .admin-stat-card,
body.admin-page .admin-list-row {
    border-color: var(--mb-line) !important;
    background: var(--mb-surface) !important;
    box-shadow: var(--mb-shadow-soft) !important;
}

body.admin-page .admin-hero,
body.admin-page .admin-mini-panel,
body.admin-page .admin-chart-card {
    border: 1px solid var(--mb-line) !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, 0.76) !important;
    box-shadow: var(--mb-shadow-soft) !important;
}

body.admin-page .admin-kicker,
body.share-editor-page .share-kicker,
body.share-page .share-kicker {
    color: var(--mb-blue) !important;
    letter-spacing: 0 !important;
}

/* Motion primitives */
.mb-reveal {
    opacity: 0;
    transform: translateY(12px);
}

.mb-reveal.mb-visible {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.42s ease, transform 0.42s ease;
}

.mb-pressable {
    position: relative;
    overflow: hidden;
}

.mb-pressable::before {
    content: "";
    position: absolute;
    inset: auto;
    left: var(--mb-x, 50%);
    top: var(--mb-y, 50%);
    width: 0;
    height: 0;
    border-radius: 999px;
    background: rgba(0, 122, 255, 0.12);
    transform: translate(-50%, -50%);
    pointer-events: none;
    transition: width 0.32s ease, height 0.32s ease, opacity 0.32s ease;
    opacity: 0;
}

.mb-pressable:hover::before {
    width: 160px;
    height: 160px;
    opacity: 1;
}

.ai-chat-launcher {
    left: auto !important;
    right: 18px !important;
    bottom: 18px !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 13px !important;
    border: 1px solid var(--mb-line) !important;
    background: rgba(255, 255, 255, 0.86) !important;
    color: var(--mb-blue) !important;
    box-shadow: var(--mb-shadow-soft) !important;
}

.ai-chat-launcher span {
    font-size: 0 !important;
}

.ai-chat-launcher span::before {
    content: "AI";
    font-size: 13px;
    font-weight: 780;
}

@media (max-width: 1280px) {
    body.drive-page-web .file-manager {
        grid-template-columns: 230px minmax(0, 1fr) !important;
    }

    body.drive-page-web .inspector-panel {
        grid-column: 1 / -1 !important;
        position: static !important;
        max-height: none !important;
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }

    body.share-page .share-hero-main,
    body.share-page .share-layout {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 920px) {
    body.drive-page-web .container,
    body.share-editor-page .container {
        padding: 10px !important;
    }

    body.drive-page-web .navbar,
    body.drive-page-web .user-menu,
    body.drive-page-web .nav-links,
    body.drive-page-web .toolbar,
    body.drive-page-web .cloud-tools,
    body.drive-page-web .selection-bar {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        align-items: stretch !important;
    }

    body.drive-page-web .file-manager {
        grid-template-columns: 1fr !important;
    }

    body.drive-page-web .sidebar,
    body.drive-page-web .inspector-panel {
        position: static !important;
        max-height: none !important;
    }

    body.drive-page-web .inspector-panel,
    body.share-editor-page .share-hero,
    body.share-editor-page .mb-flow-nav,
    body.share-page .mb-delivery-flow {
        grid-template-columns: 1fr !important;
    }

    body.drive-page-web .actions,
    body.drive-page-web .selection-helper,
    body.drive-page-web .selection-actions {
        justify-content: stretch !important;
    }

    body.drive-page-web .actions .btn,
    body.drive-page-web .selection-helper .btn,
    body.drive-page-web .selection-actions .btn,
    body.drive-page-web .nav-links a {
        width: 100% !important;
    }

    body.drive-page-web .list-header {
        display: none !important;
    }

    body.drive-page-web #fileList {
        border-top: 1px solid var(--mb-line) !important;
        border-radius: 12px !important;
    }

    body.drive-page-web .file-row {
        grid-template-columns: 32px minmax(0, 1fr) !important;
        gap: 8px !important;
        padding: 12px !important;
        min-height: 0 !important;
    }

    body.drive-page-web .file-row .size,
    body.drive-page-web .file-row .modified,
    body.drive-page-web .file-row .actions {
        grid-column: 2 / -1 !important;
    }

    body.drive-page-web .file-row .actions {
        opacity: 1 !important;
        justify-content: flex-start !important;
    }

    body.share-page {
        padding: 10px !important;
    }

    body.share-page .share-toolbar-top,
    body.share-page .share-summary-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
    }
}

/* Preview v3 structural reset: business app shell */
body.drive-page-web {
    background: #f4f5f7 !important;
}

body.drive-page-web .container {
    width: 100% !important;
    max-width: none !important;
    padding: 0 16px 16px !important;
}

body.drive-page-web .navbar {
    margin: 0 -16px 12px !important;
    padding: 10px 16px !important;
    min-height: 62px !important;
    display: grid !important;
    grid-template-columns: 260px minmax(320px, 1fr) auto !important;
    border-radius: 0 !important;
    border-width: 0 0 1px !important;
    background: rgba(248, 248, 250, 0.94) !important;
    box-shadow: none !important;
}

body.drive-page-web .mb-top-search {
    height: 38px !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0 12px !important;
    border: 1px solid var(--mb-line) !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: var(--mb-muted) !important;
}

body.drive-page-web .mb-top-search input {
    width: 100% !important;
    height: 100% !important;
    border: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

body.drive-page-web .navbar .user-menu {
    flex-wrap: nowrap !important;
}

body.drive-page-web .navbar .nav-links {
    display: none !important;
}

body.drive-page-web .file-manager {
    grid-template-columns: 260px minmax(0, 1fr) 316px !important;
    gap: 12px !important;
    min-height: calc(100vh - 90px) !important;
}

body.drive-page-web .sidebar {
    border: 1px solid var(--mb-line) !important;
    border-radius: 14px !important;
    background: #f8f8fa !important;
    box-shadow: none !important;
    padding: 10px !important;
}

body.drive-page-web .mb-drive-sidebar-head {
    padding: 9px 8px 12px !important;
    display: grid !important;
    gap: 3px !important;
    border-bottom: 1px solid var(--mb-line) !important;
    margin-bottom: 8px !important;
}

body.drive-page-web .mb-drive-sidebar-head strong {
    color: var(--mb-ink) !important;
    font-size: 15px !important;
    font-weight: 760 !important;
}

body.drive-page-web .mb-drive-sidebar-head span,
body.drive-page-web .mb-drive-section-title {
    color: var(--mb-muted) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

body.drive-page-web .mb-drive-nav,
body.drive-page-web .mb-drive-sidebar-section {
    display: grid !important;
    gap: 4px !important;
    margin-bottom: 12px !important;
}

body.drive-page-web .smart-filter,
body.drive-page-web .mb-sidebar-link,
body.drive-page-web .tree li {
    width: 100% !important;
    min-height: 36px !important;
    padding: 0 9px !important;
    display: grid !important;
    grid-template-columns: 22px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 8px !important;
    border: 1px solid transparent !important;
    border-radius: 9px !important;
    background: transparent !important;
    color: #343437 !important;
    text-align: left !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 640 !important;
}

body.drive-page-web .mb-sidebar-link {
    grid-template-columns: 22px minmax(0, 1fr) !important;
    cursor: pointer !important;
}

body.drive-page-web .smart-filter i,
body.drive-page-web .mb-sidebar-link i,
body.drive-page-web .tree li i {
    width: 22px !important;
    color: #71717a !important;
    text-align: center !important;
}

body.drive-page-web .smart-filter span,
body.drive-page-web .mb-sidebar-link span,
body.drive-page-web .tree li span {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.drive-page-web .smart-filter small {
    min-width: 24px !important;
    height: 20px !important;
    padding: 0 6px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    background: rgba(0, 0, 0, 0.05) !important;
    color: var(--mb-muted) !important;
    font-size: 11px !important;
}

body.drive-page-web .smart-filter:hover,
body.drive-page-web .mb-sidebar-link:hover,
body.drive-page-web .tree li:hover {
    background: #fff !important;
    border-color: var(--mb-line) !important;
}

body.drive-page-web .smart-filter.active,
body.drive-page-web .tree li.active {
    background: var(--mb-blue-soft) !important;
    border-color: rgba(0, 122, 255, 0.18) !important;
    color: var(--mb-blue) !important;
}

body.drive-page-web .smart-filter.active i,
body.drive-page-web .tree li.active i {
    color: var(--mb-blue) !important;
}

body.drive-page-web .drive-overview-card {
    border: 1px solid var(--mb-line) !important;
    border-radius: 12px !important;
    background: #fff !important;
}

body.drive-page-web .main-panel,
body.drive-page-web .inspector-card {
    border: 1px solid var(--mb-line) !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: none !important;
}

body.drive-page-web .toolbar {
    grid-template-columns: minmax(240px, 1fr) auto !important;
    padding: 12px 12px 10px !important;
    margin: -12px -12px 10px !important;
    background: #fff !important;
}

body.drive-page-web .actions {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
}

body.drive-page-web .btn,
body.drive-page-web .btn-primary,
body.drive-page-web .actions .btn,
body.drive-page-web .selection-actions .btn,
body.drive-page-web .inspector-actions .btn {
    height: 36px !important;
    min-height: 36px !important;
    min-width: 36px !important;
    padding: 0 12px !important;
    border-radius: 9px !important;
    background: #fff !important;
    border: 1px solid var(--mb-line) !important;
    color: var(--mb-ink) !important;
    opacity: 1 !important;
}

body.drive-page-web .btn-primary,
body.drive-page-web #shareBtn,
body.drive-page-web #topShareBtn,
body.drive-page-web .selection-actions .btn-primary,
body.drive-page-web .inspector-actions .btn-primary {
    background: var(--mb-blue) !important;
    border-color: var(--mb-blue) !important;
    color: #fff !important;
}

body.drive-page-web #deleteBtn,
body.drive-page-web button[data-action="delete"] {
    background: var(--mb-red-soft) !important;
    border-color: rgba(255, 59, 48, 0.22) !important;
    color: var(--mb-red) !important;
}

body.drive-page-web .cloud-tools {
    grid-template-columns: minmax(220px, 1fr) 148px auto minmax(160px, 220px) !important;
    background: #f8f8fa !important;
}

body.drive-page-web .folder-stats {
    min-width: 0 !important;
    max-width: 100% !important;
}

body.drive-page-web .selection-bar {
    border: 1px solid var(--mb-line) !important;
    border-radius: 12px !important;
}

body.drive-page-web .file-row .actions a,
body.drive-page-web .file-row .actions button {
    font-size: 0 !important;
}

body.drive-page-web .file-row .actions i {
    font-size: 13px !important;
}

body.drive-page-web .file-row[data-kind="image"] .name i { color: #30b06d !important; }
body.drive-page-web .file-row[data-kind="document"] .name i { color: #007aff !important; }
body.drive-page-web .file-row[data-kind="video"] .name i { color: #af52de !important; }
body.drive-page-web .file-row[data-kind="archive"] .name i { color: #6e6e73 !important; }
body.drive-page-web .file-row[data-kind="audio"] .name i { color: #ff9500 !important; }

body.share-editor-page .mb-wizard-shell {
    max-height: calc(100vh - 96px) !important;
}

body.share-editor-page .mb-wizard-stage {
    display: block !important;
}

body.share-editor-page .mb-wizard-progress {
    grid-template-columns: repeat(6, minmax(108px, 1fr)) !important;
    overflow-x: auto !important;
}

body.share-editor-page .mb-wizard-step {
    justify-content: flex-start !important;
}

body.share-editor-page .mb-wizard-step strong {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.share-editor-page .mb-wizard-panel {
    min-height: 100% !important;
}

body.share-editor-page .mb-wizard-panel .file-list,
body.share-editor-page .mb-wizard-panel .category-grid,
body.share-editor-page .mb-wizard-panel .template-grid,
body.share-editor-page .mb-wizard-panel .enterprise-template-grid,
body.share-editor-page .mb-wizard-panel .settings-grid {
    max-height: none !important;
}

body.share-editor-page .mb-wizard-footer {
    position: sticky !important;
    bottom: 0 !important;
    z-index: 3 !important;
}

@media (max-width: 1180px) {
    body.drive-page-web .navbar {
        grid-template-columns: 1fr !important;
    }

    body.drive-page-web .file-manager {
        grid-template-columns: 236px minmax(0, 1fr) !important;
    }

    body.drive-page-web .inspector-panel {
        grid-column: 1 / -1 !important;
        position: static !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.share-editor-page .mb-wizard-layout {
        grid-template-columns: 1fr !important;
    }

    body.share-editor-page .mb-wizard-preview {
        display: none !important;
    }

    body.share-editor-page .mb-wizard-shell.is-preview-open .mb-wizard-preview {
        display: block !important;
        position: fixed !important;
        inset: 72px 14px 80px !important;
        z-index: 80 !important;
        border: 1px solid var(--mb-line) !important;
        border-radius: 14px !important;
        box-shadow: var(--mb-shadow) !important;
    }
}

@media (max-width: 760px) {
    body.drive-page-web .container {
        padding: 0 10px 12px !important;
    }

    body.drive-page-web .file-manager,
    body.drive-page-web .inspector-panel {
        grid-template-columns: 1fr !important;
    }

    body.drive-page-web .sidebar,
    body.drive-page-web .inspector-panel {
        position: static !important;
        max-height: none !important;
    }

    body.drive-page-web .actions,
    body.drive-page-web .navbar .user-menu,
    body.drive-page-web .cloud-tools,
    body.share-editor-page .mb-wizard-footer {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    body.share-editor-page .mb-wizard-head,
    body.share-editor-page .mb-wizard-footer {
        align-items: stretch !important;
    }

    body.share-editor-page .mb-wizard-actions {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.share-editor-page .mb-wizard-actions .btn,
    body.share-editor-page .mb-wizard-actions .submit-btn {
        width: 100% !important;
    }
}

/* Preview v4: Feishu/Apple minimalist enterprise workspace */
body.drive-page-web,
body.share-editor-page,
body.history-page-web {
    background: #f6f7f9 !important;
}

body.drive-page-web .container {
    padding: 0 18px 18px !important;
}

body.drive-page-web .navbar {
    min-height: 60px !important;
    grid-template-columns: 248px minmax(260px, 1fr) auto !important;
    gap: 14px !important;
    border-color: rgba(0,0,0,.06) !important;
    background: rgba(255,255,255,.94) !important;
}

body.drive-page-web .logo {
    font-size: 18px !important;
}

body.drive-page-web .mb-top-search,
body.drive-page-web .search-box {
    height: 36px !important;
    border-radius: 10px !important;
    background: #f5f6f8 !important;
    border-color: transparent !important;
}

body.drive-page-web .file-manager {
    grid-template-columns: 224px minmax(0, 1fr) 0 !important;
    gap: 12px !important;
}

body.drive-page-web .sidebar {
    padding: 10px 8px !important;
    background: transparent !important;
    border: 0 !important;
}

body.drive-page-web .mb-drive-sidebar-head {
    padding: 8px 10px 14px !important;
    border-bottom: 0 !important;
}

body.drive-page-web .mb-drive-sidebar-head strong {
    font-size: 14px !important;
}

body.drive-page-web .mb-drive-nav {
    margin-bottom: 18px !important;
}

body.drive-page-web .mb-drive-sidebar-section {
    margin-top: 18px !important;
}

body.drive-page-web .smart-filter,
body.drive-page-web .mb-sidebar-link,
body.drive-page-web .tree li {
    min-height: 34px !important;
    padding: 0 10px !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    background: transparent !important;
}

body.drive-page-web .smart-filter small {
    background: transparent !important;
    color: #9ca3af !important;
}

body.drive-page-web .smart-filter.active,
body.drive-page-web .tree li.active {
    background: #eaf2ff !important;
    border-color: transparent !important;
}

body.drive-page-web .main-panel {
    min-height: calc(100vh - 90px) !important;
    padding: 0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
}

body.drive-page-web .toolbar {
    margin: 0 !important;
    padding: 14px 16px !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
}

body.drive-page-web .breadcrumb {
    font-size: 15px !important;
    color: var(--mb-ink) !important;
}

body.drive-page-web .actions {
    gap: 6px !important;
}

body.drive-page-web .actions #renameBtn,
body.drive-page-web .actions #moveBtn,
body.drive-page-web .actions #copyBtn,
body.drive-page-web .actions #deleteBtn,
body.drive-page-web .actions #shareBtn {
    display: none !important;
}

body.drive-page-web:has(.file-row.selected) .actions #renameBtn,
body.drive-page-web:has(.file-row.selected) .actions #moveBtn,
body.drive-page-web:has(.file-row.selected) .actions #copyBtn,
body.drive-page-web:has(.file-row.selected) .actions #deleteBtn,
body.drive-page-web:has(.file-row.selected) .actions #shareBtn {
    display: inline-flex !important;
}

body.drive-page-web .btn,
body.drive-page-web .btn-primary {
    height: 34px !important;
    min-height: 34px !important;
    border-radius: 9px !important;
    font-size: 13px !important;
}

body.drive-page-web .cloud-tools {
    margin: 0 !important;
    padding: 10px 16px !important;
    display: grid !important;
    grid-template-columns: minmax(240px, 1fr) 150px auto !important;
    gap: 10px !important;
    border-radius: 0 !important;
    border-top: 1px solid rgba(0,0,0,.06) !important;
    border-bottom: 1px solid rgba(0,0,0,.06) !important;
    background: #fff !important;
}

body.drive-page-web .view-toggle {
    height: 34px !important;
}

body.drive-page-web .view-toggle button {
    height: 28px !important;
    min-height: 28px !important;
    padding: 0 10px !important;
}

body.drive-page-web .list-header {
    min-height: 38px !important;
    padding: 0 16px !important;
    border-radius: 0 !important;
    background: #fbfbfc !important;
    grid-template-columns: 34px minmax(260px, 1fr) 120px 150px 96px !important;
}

body.drive-page-web #fileList {
    min-height: calc(100vh - 250px) !important;
    border: 0 !important;
    border-radius: 0 !important;
}

body.drive-page-web .file-row {
    min-height: 46px !important;
    padding: 0 16px !important;
    grid-template-columns: 34px minmax(260px, 1fr) 120px 150px 96px !important;
}

body.drive-page-web .file-row .name {
    font-size: 13px !important;
    font-weight: 620 !important;
}

body.drive-page-web .file-row .name i {
    font-size: 15px !important;
}

body.drive-page-web .file-row .actions {
    opacity: 0 !important;
}

body.drive-page-web .file-row:hover .actions,
body.drive-page-web .file-row.selected .actions {
    opacity: 1 !important;
}

body.drive-page-web .file-row .actions a,
body.drive-page-web .file-row .actions button {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    min-height: 26px !important;
}

body.drive-page-web .file-list.is-grid-view {
    display: block !important;
}

body.drive-page-web .file-list.is-grid-view .file-row {
    display: grid !important;
    grid-template-columns: 34px minmax(260px, 1fr) 120px 150px 96px !important;
    min-height: 46px !important;
    border-radius: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(0,0,0,.055) !important;
}

body.drive-page-web .file-list.is-grid-view .file-row .checkbox,
body.drive-page-web .file-list.is-grid-view .file-row .name,
body.drive-page-web .file-list.is-grid-view .file-row .size,
body.drive-page-web .file-list.is-grid-view .file-row .modified,
body.drive-page-web .file-list.is-grid-view .file-row .actions {
    grid-column: auto !important;
}

body.drive-page-web .inspector-panel {
    width: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

body.drive-page-web:has(.file-row.selected) .file-manager {
    grid-template-columns: 224px minmax(0, 1fr) 280px !important;
}

body.drive-page-web:has(.file-row.selected) .inspector-panel {
    width: auto !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

body.drive-page-web .inspector-card {
    padding: 14px !important;
}

body.share-editor-page {
    padding: 0 !important;
}

body.share-editor-page .container {
    width: 100% !important;
    padding: 0 !important;
}

body.share-editor-page .header {
    display: none !important;
}

body.share-editor-page .info-note,
body.share-editor-page .error-note {
    width: auto !important;
    margin: 10px 18px !important;
}

body.share-editor-page .mb-wizard-shell {
    min-height: 100vh !important;
    max-height: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #f6f7f9 !important;
}

body.share-editor-page .mb-wizard-layout {
    min-height: calc(100vh - 70px) !important;
    display: grid !important;
    grid-template-columns: 248px minmax(0, 1fr) 340px !important;
}

body.share-editor-page .mb-wizard-rail {
    padding: 18px 14px !important;
    border-right: 1px solid rgba(0,0,0,.07) !important;
    background: #fff !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
}

body.share-editor-page .mb-wizard-brand {
    display: grid !important;
    gap: 4px !important;
    padding: 4px 4px 12px !important;
}

body.share-editor-page .mb-wizard-brand span {
    color: var(--mb-muted) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

body.share-editor-page .mb-wizard-brand strong {
    color: var(--mb-ink) !important;
    font-size: 20px !important;
}

body.share-editor-page .mb-wizard-progress {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 6px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    overflow: visible !important;
}

body.share-editor-page .mb-wizard-step {
    min-height: 58px !important;
    padding: 9px 10px !important;
    display: grid !important;
    grid-template-columns: 26px minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: center !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    text-align: left !important;
}

body.share-editor-page .mb-wizard-step span {
    grid-row: 1 / span 2 !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 999px !important;
}

body.share-editor-page .mb-wizard-step strong {
    font-size: 13px !important;
}

body.share-editor-page .mb-wizard-step small {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: var(--mb-muted) !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
}

body.share-editor-page .mb-wizard-step.is-active {
    background: #eaf2ff !important;
}

body.share-editor-page .mb-wizard-stage {
    padding: 28px 34px !important;
    background: #fff !important;
}

body.share-editor-page .mb-wizard-panel {
    max-width: 860px !important;
    min-height: auto !important;
    gap: 18px !important;
}

body.share-editor-page .mb-wizard-panel-head {
    padding-bottom: 18px !important;
}

body.share-editor-page .mb-wizard-panel-head h3 {
    font-size: 28px !important;
}

body.share-editor-page .source-banner,
body.share-editor-page .selection-summary,
body.share-editor-page .category-picker,
body.share-editor-page .enterprise-template-panel,
body.share-editor-page .advanced-settings,
body.share-editor-page .setting-card,
body.share-editor-page .template-card,
body.share-editor-page .enterprise-template-card,
body.share-editor-page .category-card {
    border-radius: 14px !important;
    box-shadow: none !important;
}

body.share-editor-page .action-bar {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

body.share-editor-page .action-bar::after {
    display: none !important;
}

body.share-editor-page .action-btn {
    min-height: 76px !important;
    border-radius: 14px !important;
}

body.share-editor-page .settings-grid {
    grid-template-columns: 1fr !important;
}

body.share-editor-page .mb-wizard-preview {
    padding: 24px 18px !important;
    background: #f6f7f9 !important;
}

body.share-editor-page .share-live-preview {
    position: sticky !important;
    top: 18px !important;
    border-radius: 18px !important;
}

body.share-editor-page .mb-wizard-footer {
    min-height: 70px !important;
    padding: 12px 24px !important;
    border-top: 1px solid rgba(0,0,0,.07) !important;
    background: rgba(255,255,255,.96) !important;
}

body.history-page-web .shell {
    width: min(1280px, calc(100% - 40px)) !important;
    padding-top: 14px !important;
}

body.history-page-web .hero {
    padding: 18px 4px 12px !important;
}

body.history-page-web .hero h1 {
    font-size: 30px !important;
    line-height: 1.2 !important;
}

body.history-page-web .hero p {
    max-width: 760px !important;
    font-size: 14px !important;
}

body.history-page-web .stats {
    display: none !important;
}

body.history-page-web .tabs {
    padding-top: 0 !important;
}

body.history-page-web .toolbar {
    padding: 12px !important;
}

body.history-page-web .filters {
    grid-template-columns: minmax(260px, 1fr) 150px 150px 140px 140px 78px !important;
}

body.history-page-web .share-row {
    grid-template-columns: 26px minmax(0, 1fr) auto !important;
    padding: 12px 14px !important;
    border-radius: 14px !important;
}

body.history-page-web .row-title strong {
    font-size: 15px !important;
}

body.history-page-web .desc {
    display: none !important;
}

body.history-page-web .row-actions .btn {
    min-height: 32px !important;
    padding: 0 10px !important;
}

/* Preview v5: delivery workbench information architecture */
body.apple-workspace {
    background: #f5f5f7 !important;
}

body.apple-workspace .desk-shell {
    width: min(1320px, calc(100% - 36px)) !important;
}

body.apple-workspace .desk-hero {
    padding: 22px 0 14px !important;
    grid-template-columns: minmax(0, 1fr) 300px !important;
    align-items: stretch !important;
}

body.apple-workspace .desk-hero h1 {
    font-size: clamp(28px, 3.2vw, 42px) !important;
}

body.apple-workspace .desk-hero p {
    max-width: 720px !important;
    font-size: 14px !important;
}

body.apple-workspace .delivery-entry-grid {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 0 0 12px !important;
}

body.apple-workspace .delivery-entry {
    min-height: 112px !important;
    padding: 14px !important;
    border: 1px solid var(--mb-line) !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.9) !important;
    display: grid !important;
    gap: 8px !important;
    align-content: start !important;
}

body.apple-workspace .delivery-entry i {
    width: 30px !important;
    height: 30px !important;
    border-radius: 9px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--mb-blue) !important;
    background: var(--mb-blue-soft) !important;
}

body.apple-workspace .delivery-entry strong {
    font-size: 15px !important;
    color: var(--mb-ink) !important;
}

body.apple-workspace .delivery-entry span {
    font-size: 12px !important;
    line-height: 1.45 !important;
    color: var(--mb-muted) !important;
}

body.drive-page-web .workspace-hero,
body.drive-page-web .drive-commandbar,
body.drive-page-web .toolbar-secondary,
body.drive-page-web .selection-helper {
    display: none !important;
}

body.drive-page-web .sidebar {
    overflow: auto !important;
}

body.drive-page-web .mb-drive-primary-actions {
    padding-bottom: 12px !important;
    border-bottom: 1px solid var(--mb-line) !important;
}

body.drive-page-web .mb-sidebar-link.is-primary {
    background: var(--mb-blue) !important;
    color: #fff !important;
    border-color: var(--mb-blue) !important;
}

body.drive-page-web .mb-sidebar-link.is-primary i {
    color: #fff !important;
}

body.drive-page-web .mb-drive-nav {
    gap: 5px !important;
}

body.drive-page-web .mb-drive-nav .mb-drive-section-title {
    margin-top: 10px !important;
}

body.drive-page-web .toolbar {
    min-height: 58px !important;
}

body.share-editor-page .header {
    display: none !important;
}

body.share-editor-page .container {
    padding: 0 !important;
}

body.share-editor-page .main-card {
    margin: 0 !important;
}

body.share-editor-page .recipient-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin-bottom: 14px !important;
}

body.share-editor-page .action-bar {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body.share-editor-page .action-btn {
    min-height: 92px !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    padding: 14px !important;
    text-align: left !important;
    line-height: 1.25 !important;
    white-space: normal !important;
}

body.share-editor-page .action-btn span {
    width: 28px !important;
    height: 28px !important;
    border-radius: 9px !important;
    background: var(--mb-blue-soft) !important;
    color: var(--mb-blue) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

body.share-editor-page .action-btn.primary span {
    background: rgba(255,255,255,.2) !important;
    color: #fff !important;
}

body.share-editor-page .mb-wizard-brand strong {
    font-size: 18px !important;
}

body.share-editor-page .mb-wizard-step {
    min-height: 64px !important;
}

body.share-editor-page .mb-wizard-step small {
    white-space: normal !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

body.history-page-web .hero {
    display: none !important;
}

body.history-page-web .topbar {
    margin-bottom: 14px !important;
}

body.history-page-web .meta {
    gap: 6px 10px !important;
}

body.history-page-web .meta span {
    font-size: 12px !important;
}

@media (max-width: 1100px) {
    body.apple-workspace .delivery-entry-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.share-editor-page .action-bar,
    body.share-editor-page .recipient-grid {
        grid-template-columns: 1fr 1fr !important;
    }
}

@media (max-width: 700px) {
    body.apple-workspace .delivery-entry-grid,
    body.share-editor-page .action-bar,
    body.share-editor-page .recipient-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 1180px) {
    body.share-editor-page .mb-wizard-layout {
        grid-template-columns: 220px minmax(0, 1fr) !important;
    }
}

@media (max-width: 860px) {
    body.drive-page-web .file-manager,
    body.drive-page-web:has(.file-row.selected) .file-manager {
        grid-template-columns: 1fr !important;
    }

    body.drive-page-web .sidebar,
    body.drive-page-web .inspector-panel {
        display: none !important;
    }

    body.share-editor-page .mb-wizard-layout {
        grid-template-columns: 1fr !important;
    }

    body.share-editor-page .mb-wizard-rail {
        border-right: 0 !important;
        border-bottom: 1px solid rgba(0,0,0,.07) !important;
    }

    body.share-editor-page .mb-wizard-progress {
        display: flex !important;
        overflow-x: auto !important;
    }

    body.share-editor-page .mb-wizard-step {
        min-width: 160px !important;
    }

    body.history-page-web .filters,
    body.history-page-web .share-row {
        grid-template-columns: 1fr !important;
    }
}