/*! BoxPDF Customer Workspace v4.0 — desktop customer experience, scoped and token-driven. */
.bpdf-customer {
    box-sizing: border-box;
    --bpdf-customer-sidebar: 17.5rem;
    --bpdf-customer-topbar: 5rem;
    position: relative;
    isolation: isolate;
    inline-size: 100%;
    min-inline-size: 0;
    min-block-size: 44rem;
    overflow: clip;
    color: var(--bpdf-text-primary);
    border: 1px solid var(--bpdf-border-default);
    border-radius: var(--bpdf-radius-2xl);
    background: var(--bpdf-surface-canvas);
    box-shadow: var(--bpdf-shadow-lg);
    font-family: var(--bpdf-font-sans);
    line-height: var(--bpdf-font-lineheight-body);
  }
.bpdf-customer *,
  .bpdf-customer *::before,
  .bpdf-customer *::after { box-sizing: border-box; }
.bpdf-customer :where(h1, h2, h3, p, ul, ol, dl, dd) { margin-block-start: 0; }
.bpdf-customer :where(a, button, input, select) { font: inherit; }
.bpdf-customer :where(a) { color: inherit; }
.bpdf-customer svg { inline-size: 1.25rem; block-size: 1.25rem; fill: none; stroke: currentColor; stroke-width: 1.8; }
.bpdf-customer img { max-inline-size: 100%; block-size: auto; }
.bpdf-customer code { direction: ltr; display: inline-block; max-inline-size: 100%; overflow-wrap: anywhere; color: var(--bpdf-text-secondary); font-family: var(--bpdf-font-mono); font-size: var(--bpdf-font-size-xs); }
.bpdf-l-customer-shell { display: grid; grid-template-columns: var(--bpdf-customer-sidebar) minmax(0, 1fr); }
.bpdf-customer--no-navigation { --bpdf-customer-sidebar: 0rem; grid-template-columns: minmax(0, 1fr); }
.bpdf-customer__sidebar {
    position: sticky;
    inset-block-start: 0;
    z-index: var(--bpdf-z-sticky);
    display: flex;
    min-inline-size: 0;
    min-block-size: 44rem;
    flex-direction: column;
    padding: var(--bpdf-space-24) var(--bpdf-space-16);
    color: var(--bpdf-color-gray-100);
    background: linear-gradient(180deg, var(--bpdf-color-gray-950), var(--bpdf-color-gray-900));
  }
.bpdf-customer__brand { display: inline-flex; min-block-size: 3.25rem; align-items: center; padding-inline: var(--bpdf-space-10); border-radius: var(--bpdf-radius-md); text-decoration: none; }
.bpdf-customer__brand img { inline-size: 10.25rem; max-block-size: 2.5rem; object-fit: contain; object-position: start center; }
.bpdf-customer__nav { display: grid; gap: var(--bpdf-space-6); margin-block-start: var(--bpdf-space-32); }
.bpdf-customer__nav-link {
    display: flex;
    min-block-size: 3rem;
    align-items: center;
    gap: var(--bpdf-space-12);
    padding: var(--bpdf-space-10) var(--bpdf-space-12);
    color: var(--bpdf-color-gray-300);
    border: 1px solid transparent;
    border-radius: var(--bpdf-radius-md);
    font-size: var(--bpdf-font-size-sm);
    font-weight: var(--bpdf-font-weight-semibold);
    text-decoration: none;
    transition: color var(--bpdf-motion-duration-normal), background-color var(--bpdf-motion-duration-normal), border-color var(--bpdf-motion-duration-normal), transform var(--bpdf-motion-duration-fast);
  }
.bpdf-customer__nav-link:hover { color: var(--bpdf-color-white); border-color: color-mix(in srgb, var(--bpdf-color-white) 8%, transparent); background: color-mix(in srgb, var(--bpdf-color-white) 7%, transparent); transform: translateX(calc(var(--bpdf-dir, 1) * 2px)); }
[dir="rtl"].bpdf-customer { --bpdf-dir: -1; }
[dir="ltr"].bpdf-customer { --bpdf-dir: 1; }
.bpdf-customer__nav-link.bpdf-is-active { color: var(--bpdf-color-white); border-color: color-mix(in srgb, var(--bpdf-color-red-500) 35%, transparent); background: linear-gradient(90deg, color-mix(in srgb, var(--bpdf-color-red-800) 28%, transparent), color-mix(in srgb, var(--bpdf-color-red-500) 12%, transparent)); box-shadow: inset 3px 0 0 var(--bpdf-action-primary); }
[dir="rtl"] .bpdf-customer__nav-link.bpdf-is-active { box-shadow: inset -3px 0 0 var(--bpdf-action-primary); }
.bpdf-customer__nav-icon { color: var(--bpdf-color-gray-400); }
.bpdf-customer__nav-link.bpdf-is-active .bpdf-customer__nav-icon { color: var(--bpdf-color-red-300); }
.bpdf-customer__privacy { display: flex; gap: var(--bpdf-space-12); margin-block-start: auto; padding: var(--bpdf-space-16); color: var(--bpdf-color-gray-300); border: 1px solid color-mix(in srgb, var(--bpdf-color-white) 8%, transparent); border-radius: var(--bpdf-radius-lg); background: color-mix(in srgb, var(--bpdf-color-white) 4%, transparent); }
.bpdf-customer__privacy strong, .bpdf-customer__privacy span { display: block; }
.bpdf-customer__privacy strong { margin-block-end: var(--bpdf-space-4); color: var(--bpdf-color-white); font-size: var(--bpdf-font-size-sm); }
.bpdf-customer__privacy span { font-size: var(--bpdf-font-size-xs); line-height: 1.6; }
.bpdf-customer__privacy-icon { flex: 0 0 auto; color: var(--bpdf-color-green-500); }
.bpdf-customer__workspace { display: flex; min-inline-size: 0; flex-direction: column; }
.bpdf-customer__topbar {
    position: sticky;
    inset-block-start: 0;
    z-index: calc(var(--bpdf-z-sticky) - 1);
    display: flex;
    min-block-size: var(--bpdf-customer-topbar);
    align-items: center;
    justify-content: space-between;
    gap: var(--bpdf-space-20);
    padding-inline: clamp(var(--bpdf-space-20), 3vw, var(--bpdf-space-40));
    border-block-end: 1px solid var(--bpdf-border-default);
    background: color-mix(in srgb, var(--bpdf-surface-base) 92%, transparent);
    backdrop-filter: blur(16px);
  }
.bpdf-customer__topbar-start, .bpdf-customer__topbar-actions { display: flex; min-inline-size: 0; align-items: center; gap: var(--bpdf-space-12); }
.bpdf-customer__context { display: grid; min-inline-size: 0; line-height: 1.35; }
.bpdf-customer__context span { color: var(--bpdf-text-tertiary); font-size: var(--bpdf-font-size-xs); }
.bpdf-customer__context strong { overflow: hidden; color: var(--bpdf-text-primary); font-size: var(--bpdf-font-size-sm); text-overflow: ellipsis; white-space: nowrap; }
.bpdf-customer__menu-button { display: none; }
.bpdf-c-icon-button { display: inline-grid; min-block-size: var(--bpdf-touch-target-min); min-inline-size: var(--bpdf-touch-target-min); place-items: center; padding: 0; color: var(--bpdf-text-secondary); border: 1px solid var(--bpdf-border-default); border-radius: var(--bpdf-radius-md); background: var(--bpdf-surface-base); cursor: pointer; }
.bpdf-c-icon-button:hover { color: var(--bpdf-text-primary); border-color: var(--bpdf-border-brand); background: var(--bpdf-surface-brand-soft); }
.bpdf-customer__menu-button { display: none; }
.bpdf-customer__account { display: flex; min-inline-size: 0; align-items: center; gap: var(--bpdf-space-10); padding: var(--bpdf-space-6) var(--bpdf-space-8); border-radius: var(--bpdf-radius-md); text-decoration: none; }
.bpdf-customer__account:hover { background: var(--bpdf-surface-subtle); }
.bpdf-customer__avatar, .bpdf-c-profile-card__avatar { display: grid; flex: 0 0 auto; place-items: center; color: var(--bpdf-color-white); border-radius: var(--bpdf-radius-full); background: linear-gradient(145deg, var(--bpdf-color-red-600), var(--bpdf-color-red-800)); font-weight: var(--bpdf-font-weight-bold); box-shadow: var(--bpdf-shadow-sm); }
.bpdf-customer__avatar { inline-size: 2.35rem; block-size: 2.35rem; }
.bpdf-customer__account-copy { display: grid; min-inline-size: 0; line-height: 1.35; }
.bpdf-customer__account-copy strong, .bpdf-customer__account-copy small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bpdf-customer__account-copy strong { font-size: var(--bpdf-font-size-xs); }
.bpdf-customer__account-copy small { max-inline-size: 11rem; color: var(--bpdf-text-tertiary); font-size: 11px; }
.bpdf-customer__mobile-nav { display: none; }
.bpdf-customer__main { min-inline-size: 0; flex: 1; padding: clamp(var(--bpdf-space-24), 4vw, var(--bpdf-space-48)); outline: none; }
.bpdf-customer__page-header { display: flex; align-items: flex-start; gap: var(--bpdf-space-16); margin-block-end: var(--bpdf-space-32); }
.bpdf-customer__page-header h1 { margin-block-end: var(--bpdf-space-8); font-size: clamp(var(--bpdf-font-size-2xl), 3vw, var(--bpdf-font-size-4xl)); line-height: var(--bpdf-font-lineheight-heading); letter-spacing: -.02em; }
.bpdf-customer__page-header p { max-inline-size: 48rem; margin-block-end: 0; color: var(--bpdf-text-secondary); }
.bpdf-customer__eyebrow { margin-block-end: var(--bpdf-space-4); color: var(--bpdf-text-brand); font-size: var(--bpdf-font-size-xs); font-weight: var(--bpdf-font-weight-extrabold); letter-spacing: .08em; text-transform: uppercase; }
.bpdf-customer__page-icon, .bpdf-c-stat-card__icon, .bpdf-c-tool-card__icon, .bpdf-c-file-card__icon { display: grid; flex: 0 0 auto; place-items: center; color: var(--bpdf-text-brand); border: 1px solid var(--bpdf-border-brand); background: var(--bpdf-surface-brand-soft); }
.bpdf-customer__page-icon { inline-size: 3.25rem; block-size: 3.25rem; border-radius: var(--bpdf-radius-lg); }
.bpdf-customer__page-icon svg { inline-size: 1.5rem; block-size: 1.5rem; }
.bpdf-customer__content { display: grid; gap: var(--bpdf-space-24); min-inline-size: 0; }
.bpdf-customer__footer { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--bpdf-space-12); padding: var(--bpdf-space-20) clamp(var(--bpdf-space-24), 4vw, var(--bpdf-space-48)); color: var(--bpdf-text-tertiary); border-block-start: 1px solid var(--bpdf-border-default); font-size: var(--bpdf-font-size-xs); }
.bpdf-customer-grid { display: grid; min-inline-size: 0; gap: var(--bpdf-space-20); }
.bpdf-customer-grid--stats { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.bpdf-customer-grid--dashboard { grid-template-columns: minmax(0, 1.55fr) minmax(18rem, .85fr); align-items: start; }
.bpdf-customer-grid--tools { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.bpdf-customer-grid--library { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.bpdf-customer-grid--file-detail { grid-template-columns: minmax(18rem, .85fr) minmax(0, 1.15fr); align-items: start; }
.bpdf-customer-grid--profile, .bpdf-customer-grid--settings { grid-template-columns: minmax(15rem, .65fr) minmax(0, 1.35fr); align-items: start; }
.bpdf-c-surface, .bpdf-c-stat-card, .bpdf-c-tool-card, .bpdf-c-file-card {
    min-inline-size: 0;
    color: var(--bpdf-text-primary);
    border: 1px solid var(--bpdf-border-default);
    border-radius: var(--bpdf-radius-xl);
    background: var(--bpdf-surface-base);
    box-shadow: var(--bpdf-shadow-xs);
  }
.bpdf-c-surface { padding: clamp(var(--bpdf-space-20), 3vw, var(--bpdf-space-28)); }
.bpdf-c-surface--wide { min-inline-size: 0; }
.bpdf-c-stat-card { display: flex; align-items: center; gap: var(--bpdf-space-16); padding: var(--bpdf-space-20); }
.bpdf-c-stat-card__icon { inline-size: 2.8rem; block-size: 2.8rem; border-radius: var(--bpdf-radius-md); }
.bpdf-c-stat-card div:last-child { display: grid; }
.bpdf-c-stat-card strong { font-size: var(--bpdf-font-size-xl); line-height: 1.25; }
.bpdf-c-stat-card span { color: var(--bpdf-text-secondary); font-size: var(--bpdf-font-size-xs); }
.bpdf-c-section-header { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--bpdf-space-16); margin-block-end: var(--bpdf-space-20); }
.bpdf-c-section-header h2 { margin-block-end: var(--bpdf-space-4); font-size: var(--bpdf-font-size-lg); }
.bpdf-c-section-header p { margin-block-end: 0; color: var(--bpdf-text-secondary); font-size: var(--bpdf-font-size-sm); }
.bpdf-c-section-header > a { color: var(--bpdf-text-brand); font-size: var(--bpdf-font-size-sm); font-weight: var(--bpdf-font-weight-bold); text-decoration: none; }
.bpdf-c-tool-card { display: flex; min-block-size: 11rem; flex-direction: column; gap: var(--bpdf-space-10); padding: var(--bpdf-space-20); text-decoration: none; transition: transform var(--bpdf-motion-duration-fast), box-shadow var(--bpdf-motion-duration-normal), border-color var(--bpdf-motion-duration-normal); }
.bpdf-c-tool-card:hover:not(.bpdf-is-disabled) { border-color: var(--bpdf-border-brand); box-shadow: var(--bpdf-shadow-md); transform: translateY(-3px); }
.bpdf-c-tool-card__icon { inline-size: 2.75rem; block-size: 2.75rem; border-radius: var(--bpdf-radius-md); }
.bpdf-c-tool-card strong { font-size: var(--bpdf-font-size-sm); }
.bpdf-c-tool-card > span:not(.bpdf-c-tool-card__icon) { display: -webkit-box; overflow: hidden; color: var(--bpdf-text-secondary); font-size: var(--bpdf-font-size-xs); -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.bpdf-c-tool-card--library { min-block-size: 18rem; padding: var(--bpdf-space-24); }
.bpdf-c-tool-card--library .bpdf-c-tool-card__body { flex: 1; }
.bpdf-c-tool-card--library h2 { margin-block-end: var(--bpdf-space-8); font-size: var(--bpdf-font-size-lg); }
.bpdf-c-tool-card--library p { color: var(--bpdf-text-secondary); font-size: var(--bpdf-font-size-sm); }
.bpdf-c-tool-card__top, .bpdf-c-tool-card__meta { display: flex; align-items: center; justify-content: space-between; gap: var(--bpdf-space-10); }
.bpdf-c-tool-card__meta { justify-content: flex-start; min-block-size: 2.25rem; color: var(--bpdf-text-tertiary); font-family: var(--bpdf-font-mono); font-size: 11px; }
.bpdf-c-tool-card.bpdf-is-disabled { opacity: .72; }
.bpdf-c-button--full { inline-size: 100%; }
.bpdf-c-button--small { min-block-size: 2.25rem; padding-block: var(--bpdf-space-4); padding-inline: var(--bpdf-space-10); font-size: var(--bpdf-font-size-xs); }
.bpdf-c-button.bpdf-is-disabled { pointer-events: none; opacity: .48; }
.bpdf-c-badge { display: inline-flex; min-block-size: 1.65rem; align-items: center; justify-content: center; padding-inline: var(--bpdf-space-8); color: var(--bpdf-text-secondary); border: 1px solid var(--bpdf-border-default); border-radius: var(--bpdf-radius-full); background: var(--bpdf-surface-subtle); font-size: 11px; font-weight: var(--bpdf-font-weight-bold); white-space: nowrap; }
.bpdf-c-badge.bpdf-is-success { color: var(--bpdf-feedback-success); border-color: color-mix(in srgb, var(--bpdf-feedback-success) 34%, transparent); background: var(--bpdf-feedback-success-soft); }
.bpdf-c-badge.bpdf-is-warning { color: var(--bpdf-feedback-warning); border-color: color-mix(in srgb, var(--bpdf-feedback-warning) 34%, transparent); background: var(--bpdf-feedback-warning-soft); }
.bpdf-c-badge.bpdf-is-danger, .bpdf-c-badge.bpdf-is-error { color: var(--bpdf-feedback-danger); border-color: color-mix(in srgb, var(--bpdf-feedback-danger) 34%, transparent); background: var(--bpdf-feedback-danger-soft); }
.bpdf-c-badge.bpdf-is-info { color: var(--bpdf-feedback-info); border-color: color-mix(in srgb, var(--bpdf-feedback-info) 34%, transparent); background: var(--bpdf-feedback-info-soft); }
.bpdf-c-activity-list { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.bpdf-c-activity-list li { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--bpdf-space-10); padding-block: var(--bpdf-space-12); border-block-end: 1px solid var(--bpdf-border-default); }
.bpdf-c-activity-list li:last-child { border-block-end: 0; }
.bpdf-c-activity-list li > div { display: grid; min-inline-size: 0; }
.bpdf-c-activity-list strong { overflow: hidden; font-size: var(--bpdf-font-size-sm); text-overflow: ellipsis; white-space: nowrap; }
.bpdf-c-activity-list span:not(.bpdf-c-badge, .bpdf-c-status-dot) { color: var(--bpdf-text-tertiary); font-size: 11px; }
.bpdf-c-status-dot { inline-size: .55rem; block-size: .55rem; border-radius: var(--bpdf-radius-full); background: var(--bpdf-text-tertiary); box-shadow: 0 0 0 4px var(--bpdf-surface-subtle); }
.bpdf-c-status-dot.bpdf-is-success, .bpdf-c-timeline__marker.bpdf-is-success { background: var(--bpdf-feedback-success); }
.bpdf-c-status-dot.bpdf-is-info, .bpdf-c-timeline__marker.bpdf-is-info { background: var(--bpdf-feedback-info); }
.bpdf-c-status-dot.bpdf-is-danger, .bpdf-c-timeline__marker.bpdf-is-danger { background: var(--bpdf-feedback-danger); }
.bpdf-c-file-strip { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--bpdf-space-12); }
.bpdf-c-file-card { display: flex; min-inline-size: 0; align-items: center; gap: var(--bpdf-space-10); padding: var(--bpdf-space-12); text-decoration: none; }
.bpdf-c-file-card:hover { border-color: var(--bpdf-border-brand); }
.bpdf-c-file-card__icon { inline-size: 2.25rem; block-size: 2.25rem; border-radius: var(--bpdf-radius-sm); }
.bpdf-c-file-card > span:last-child { display: grid; min-inline-size: 0; }
.bpdf-c-file-card strong, .bpdf-c-file-card small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bpdf-c-file-card strong { font-size: var(--bpdf-font-size-xs); }
.bpdf-c-file-card small { color: var(--bpdf-text-tertiary); font-size: 10px; }
.bpdf-c-filter-bar { display: flex; min-inline-size: 0; flex-wrap: wrap; align-items: center; gap: var(--bpdf-space-12); padding: var(--bpdf-space-12); border: 1px solid var(--bpdf-border-default); border-radius: var(--bpdf-radius-lg); background: var(--bpdf-surface-base); box-shadow: var(--bpdf-shadow-xs); }
.bpdf-c-search-field { display: flex; min-block-size: var(--bpdf-control-height-md); min-inline-size: min(100%, 18rem); flex: 1 1 18rem; align-items: center; gap: var(--bpdf-space-8); padding-inline: var(--bpdf-space-12); color: var(--bpdf-text-tertiary); border: 1px solid var(--bpdf-border-strong); border-radius: var(--bpdf-radius-md); background: var(--bpdf-surface-base); }
.bpdf-c-search-field:focus-within { border-color: var(--bpdf-focus-color); box-shadow: var(--bpdf-focus-ring); }
.bpdf-c-search-field input { min-inline-size: 0; inline-size: 100%; block-size: 100%; padding: 0; color: var(--bpdf-text-primary); border: 0; outline: 0; background: transparent; }
.bpdf-c-filter-bar select, .bpdf-c-select-field select { min-block-size: var(--bpdf-control-height-md); max-inline-size: 100%; padding-inline: var(--bpdf-space-12) var(--bpdf-space-32); color: var(--bpdf-text-primary); border: 1px solid var(--bpdf-border-strong); border-radius: var(--bpdf-radius-md); background-color: var(--bpdf-surface-base); }
.bpdf-c-filter-count { margin-inline-start: auto; color: var(--bpdf-text-secondary); font-size: var(--bpdf-font-size-xs); }
.bpdf-is-hidden { display: none; }
.bpdf-c-table-wrap { inline-size: 100%; overflow-x: auto; border: 1px solid var(--bpdf-border-default); border-radius: var(--bpdf-radius-xl); background: var(--bpdf-surface-base); box-shadow: var(--bpdf-shadow-xs); overscroll-behavior-inline: contain; }
.bpdf-c-data-table { inline-size: 100%; min-inline-size: 47rem; border-collapse: collapse; }
.bpdf-c-data-table th, .bpdf-c-data-table td { padding: var(--bpdf-space-16) var(--bpdf-space-16); border-block-end: 1px solid var(--bpdf-border-default); text-align: start; vertical-align: middle; }
.bpdf-c-data-table th { color: var(--bpdf-text-secondary); background: var(--bpdf-surface-subtle); font-size: var(--bpdf-font-size-xs); font-weight: var(--bpdf-font-weight-extrabold); white-space: nowrap; }
.bpdf-c-data-table td { font-size: var(--bpdf-font-size-sm); }
.bpdf-c-data-table tbody tr:hover { background: color-mix(in srgb, var(--bpdf-surface-brand-soft) 55%, transparent); }
.bpdf-c-file-name { display: flex; min-inline-size: 0; align-items: center; gap: var(--bpdf-space-8); font-weight: var(--bpdf-font-weight-semibold); text-decoration: none; }
.bpdf-c-file-name span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bpdf-c-file-name svg { flex: 0 0 auto; color: var(--bpdf-text-brand); }
.bpdf-c-pagination { display: flex; align-items: center; justify-content: space-between; gap: var(--bpdf-space-12); padding-block: var(--bpdf-space-16); color: var(--bpdf-text-secondary); font-size: var(--bpdf-font-size-xs); }
.bpdf-c-empty-state { display: grid; min-block-size: 24rem; place-items: center; align-content: center; padding: var(--bpdf-space-40) var(--bpdf-space-24); text-align: center; border: 1px dashed var(--bpdf-border-strong); border-radius: var(--bpdf-radius-2xl); background: var(--bpdf-surface-base); }
.bpdf-c-empty-state img { max-inline-size: 13rem; margin-block-end: var(--bpdf-space-16); }
.bpdf-c-empty-state h2 { margin-block: var(--bpdf-space-12) var(--bpdf-space-8); font-size: var(--bpdf-font-size-xl); }
.bpdf-c-empty-state p { max-inline-size: 36rem; color: var(--bpdf-text-secondary); }
.bpdf-c-compact-empty { display: grid; min-block-size: 10rem; place-items: center; color: var(--bpdf-text-tertiary); text-align: center; }
.bpdf-c-file-preview { display: grid; place-items: center; text-align: center; }
.bpdf-c-file-preview__paper { display: grid; aspect-ratio: .72; inline-size: min(100%, 15rem); place-items: center; align-content: center; gap: var(--bpdf-space-12); color: var(--bpdf-text-tertiary); border: 1px solid var(--bpdf-border-strong); border-radius: var(--bpdf-radius-sm); background: linear-gradient(145deg, var(--bpdf-surface-base), var(--bpdf-surface-subtle)); box-shadow: var(--bpdf-shadow-md); }
.bpdf-c-file-preview__paper svg { inline-size: 3rem; block-size: 3rem; color: var(--bpdf-text-brand); }
.bpdf-c-file-preview > p { margin-block: var(--bpdf-space-20) 0; color: var(--bpdf-text-tertiary); font-size: var(--bpdf-font-size-xs); }
.bpdf-c-detail-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 var(--bpdf-space-20); margin-block: var(--bpdf-space-20); }
.bpdf-c-detail-list > div { display: grid; grid-template-columns: minmax(6rem, .55fr) minmax(0, 1fr); gap: var(--bpdf-space-10); padding-block: var(--bpdf-space-12); border-block-end: 1px solid var(--bpdf-border-default); }
.bpdf-c-detail-list dt { color: var(--bpdf-text-tertiary); font-size: var(--bpdf-font-size-xs); }
.bpdf-c-detail-list dd { margin: 0; overflow-wrap: anywhere; font-size: var(--bpdf-font-size-sm); font-weight: var(--bpdf-font-weight-semibold); }
.bpdf-c-alert { padding: var(--bpdf-space-16) var(--bpdf-space-16); border: 1px solid var(--bpdf-border-default); border-radius: var(--bpdf-radius-md); font-size: var(--bpdf-font-size-sm); }
.bpdf-c-alert p { margin-block: var(--bpdf-space-4) 0; }
.bpdf-c-alert.bpdf-is-info { color: var(--bpdf-feedback-info); border-color: color-mix(in srgb, var(--bpdf-feedback-info) 35%, transparent); background: var(--bpdf-feedback-info-soft); }
.bpdf-c-alert.bpdf-is-error { color: var(--bpdf-feedback-danger); border-color: color-mix(in srgb, var(--bpdf-feedback-danger) 35%, transparent); background: var(--bpdf-feedback-danger-soft); }
.bpdf-c-timeline { position: relative; display: grid; gap: var(--bpdf-space-16); margin: 0; padding: 0 0 0 var(--bpdf-space-24); list-style: none; }
[dir="rtl"] .bpdf-c-timeline { padding: 0 var(--bpdf-space-24) 0 0; }
.bpdf-c-timeline::before { position: absolute; inset-block: var(--bpdf-space-12); inset-inline-start: 5px; inline-size: 2px; background: var(--bpdf-border-default); content: ""; }
.bpdf-c-timeline > li { position: relative; }
.bpdf-c-timeline__marker { position: absolute; inset-block-start: var(--bpdf-space-24); inset-inline-start: calc(var(--bpdf-space-24) * -1 + 1px); z-index: 1; inline-size: .75rem; block-size: .75rem; border: 3px solid var(--bpdf-surface-canvas); border-radius: var(--bpdf-radius-full); background: var(--bpdf-text-tertiary); box-shadow: 0 0 0 1px var(--bpdf-border-default); }
.bpdf-c-timeline article header { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--bpdf-space-12); }
.bpdf-c-timeline article h2 { margin-block-end: var(--bpdf-space-4); font-size: var(--bpdf-font-size-md); }
.bpdf-c-timeline__meta { display: flex; flex-wrap: wrap; gap: var(--bpdf-space-16); margin-block-start: var(--bpdf-space-16); color: var(--bpdf-text-tertiary); font-size: var(--bpdf-font-size-xs); }
.bpdf-c-profile-card { display: grid; place-items: center; text-align: center; }
.bpdf-c-profile-card__avatar { inline-size: 5.5rem; block-size: 5.5rem; margin-block-end: var(--bpdf-space-16); font-size: var(--bpdf-font-size-3xl); }
.bpdf-c-profile-card h2 { margin-block-end: var(--bpdf-space-4); }
.bpdf-c-profile-card p { color: var(--bpdf-text-secondary); }
.bpdf-c-theme-options { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--bpdf-space-12); margin-block-start: var(--bpdf-space-20); }
.bpdf-c-theme-option { display: grid; min-block-size: 7rem; gap: var(--bpdf-space-8); padding: var(--bpdf-space-10); color: var(--bpdf-text-primary); border: 1px solid var(--bpdf-border-default); border-radius: var(--bpdf-radius-md); background: var(--bpdf-surface-base); cursor: pointer; }
.bpdf-c-theme-option[aria-pressed="true"] { border-color: var(--bpdf-action-primary); box-shadow: var(--bpdf-focus-ring); }
.bpdf-c-theme-option__preview { display: block; block-size: 3rem; border: 1px solid var(--bpdf-border-strong); border-radius: var(--bpdf-radius-sm); background: linear-gradient(135deg, var(--bpdf-color-white) 0 64%, var(--bpdf-color-gray-50) 64%); }
.bpdf-c-theme-option__preview.bpdf-is-dark { background: linear-gradient(135deg, var(--bpdf-color-gray-900) 0 64%, var(--bpdf-color-gray-800) 64%); }
.bpdf-c-theme-option__preview.bpdf-is-contrast { border-color: var(--bpdf-color-black); background: linear-gradient(135deg, var(--bpdf-color-white) 0 50%, var(--bpdf-color-black) 50%); }
.bpdf-c-theme-option__preview.bpdf-is-system { background: linear-gradient(135deg, var(--bpdf-color-white) 0 50%, var(--bpdf-color-gray-900) 50%); }
.bpdf-c-settings-control { margin-block-start: var(--bpdf-space-20); }
.bpdf-c-auth-card { display: grid; grid-template-columns: minmax(14rem, .75fr) minmax(0, 1fr); align-items: center; gap: var(--bpdf-space-40); min-block-size: 25rem; padding: clamp(var(--bpdf-space-28), 5vw, var(--bpdf-space-64)); border: 1px solid var(--bpdf-border-default); border-radius: var(--bpdf-radius-2xl); background: linear-gradient(145deg, var(--bpdf-surface-base), var(--bpdf-surface-brand-soft)); box-shadow: var(--bpdf-shadow-md); }
.bpdf-c-auth-card h2 { margin-block: var(--bpdf-space-16) var(--bpdf-space-8); font-size: var(--bpdf-font-size-3xl); }
.bpdf-c-auth-card p { max-inline-size: 35rem; color: var(--bpdf-text-secondary); }
.bpdf-c-auth-card img { justify-self: center; }
.bpdf-c-tool-embed { min-inline-size: 0; }
.bpdf-c-tool-embed__header { margin-block-end: var(--bpdf-space-20); }
.bpdf-c-tool-embed__header h2 { margin-block-end: var(--bpdf-space-6); }
.bpdf-c-tool-embed__header p { color: var(--bpdf-text-secondary); }
.bpdf-u-skip-link { position: fixed; inset-block-start: var(--bpdf-space-8); inset-inline-start: var(--bpdf-space-8); z-index: var(--bpdf-z-toast); padding: var(--bpdf-space-10) var(--bpdf-space-16); color: var(--bpdf-color-white); border-radius: var(--bpdf-radius-md); background: var(--bpdf-action-primary); box-shadow: var(--bpdf-shadow-lg); text-decoration: none; transform: translateY(-180%); }
.bpdf-u-skip-link:focus { transform: translateY(0); }
.bpdf-u-visually-hidden { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
[data-bpdf-theme="contrast"].bpdf-customer { border-width: 2px; box-shadow: none; }
[data-bpdf-theme="contrast"] .bpdf-customer__sidebar { color: var(--bpdf-color-white); background: var(--bpdf-color-black); }
[data-bpdf-theme="contrast"] :where(.bpdf-c-surface, .bpdf-c-stat-card, .bpdf-c-tool-card, .bpdf-c-file-card, .bpdf-c-filter-bar, .bpdf-c-table-wrap) { border-width: 2px; box-shadow: none; }
@media (max-width: 75rem) {
    .bpdf-customer { --bpdf-customer-sidebar: 6.5rem; }
    .bpdf-customer__brand img { display: none; }
    .bpdf-customer__brand::before { inline-size: 2.25rem; block-size: 2.25rem; margin-inline: auto; background: url("../brand/logos/boxpdf-mark.svg") center / contain no-repeat; content: ""; }
    .bpdf-customer__nav-link { min-block-size: 4.25rem; flex-direction: column; justify-content: center; gap: var(--bpdf-space-4); padding: var(--bpdf-space-8) var(--bpdf-space-4); text-align: center; }
    .bpdf-customer__nav-link span { display: block; max-inline-size: 5.5rem; overflow: hidden; font-size: 10px; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
    .bpdf-customer__privacy { justify-content: center; padding: var(--bpdf-space-12); }
    .bpdf-customer__privacy > div { display: none; }
    .bpdf-customer :where(.bpdf-c-button--small, .bpdf-c-button--sm, .bpdf-c-file-name) { min-block-size: var(--bpdf-touch-target-min); }
    .bpdf-customer-grid--stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .bpdf-customer-grid--library { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .bpdf-c-file-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  }
@media (max-width: 47.99rem) {
    .bpdf-l-customer-shell { display: block; }
    .bpdf-customer__sidebar { display: none; }
    .bpdf-customer__menu-button { display: inline-grid; }
    .bpdf-customer__mobile-nav { position: fixed; inset-block-end: max(var(--bpdf-space-10), env(safe-area-inset-bottom)); inset-inline: var(--bpdf-space-12); z-index: var(--bpdf-z-sticky); display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--bpdf-space-4); padding: var(--bpdf-space-6); border: 1px solid var(--bpdf-border-default); border-radius: var(--bpdf-radius-xl); background: color-mix(in srgb, var(--bpdf-surface-base) 94%, transparent); box-shadow: var(--bpdf-shadow-lg); backdrop-filter: blur(18px); }
    .bpdf-customer__mobile-link { display: grid; min-block-size: 3.25rem; place-items: center; align-content: center; gap: 2px; color: var(--bpdf-text-tertiary); border-radius: var(--bpdf-radius-md); font-size: 10px; font-weight: var(--bpdf-font-weight-semibold); text-align: center; text-decoration: none; }
    .bpdf-customer__mobile-link.bpdf-is-active { color: var(--bpdf-text-brand); background: var(--bpdf-surface-brand-soft); }
    .bpdf-customer__mobile-link svg { inline-size: 1.15rem; block-size: 1.15rem; }
    .bpdf-customer__main { padding-block-end: 7rem; }
    .bpdf-customer__footer { padding-block-end: 7rem; }
    .bpdf-customer-grid--dashboard, .bpdf-customer-grid--file-detail, .bpdf-customer-grid--profile, .bpdf-customer-grid--settings { grid-template-columns: minmax(0, 1fr); }
    .bpdf-customer-grid--tools { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .bpdf-customer__account-copy { display: none; }
  }
@media (max-width: 42rem) {
    .bpdf-customer { min-block-size: 36rem; border-inline: 0; border-radius: 0; }
    .bpdf-customer__topbar { min-block-size: 4.25rem; padding-inline: var(--bpdf-space-12); }
    .bpdf-customer__new-task span, .bpdf-customer__account-copy { display: none; }
    .bpdf-customer__new-task { min-inline-size: var(--bpdf-touch-target-min); padding-inline: 0; }
    .bpdf-customer__main { padding-inline: var(--bpdf-space-16); }
    .bpdf-customer__page-header { gap: var(--bpdf-space-12); margin-block-end: var(--bpdf-space-24); }
    .bpdf-customer__page-icon { inline-size: 2.75rem; block-size: 2.75rem; }
    .bpdf-customer-grid--stats, .bpdf-customer-grid--tools, .bpdf-customer-grid--library { grid-template-columns: minmax(0, 1fr); }
    .bpdf-c-file-strip { grid-template-columns: minmax(0, 1fr); }
    .bpdf-c-filter-bar { align-items: stretch; }
    .bpdf-c-filter-bar :where(select, .bpdf-c-button) { inline-size: 100%; }
    .bpdf-c-detail-list { grid-template-columns: minmax(0, 1fr); }
    .bpdf-c-detail-list > div { grid-template-columns: minmax(5.5rem, .55fr) minmax(0, 1fr); }
    .bpdf-c-theme-options { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .bpdf-c-auth-card { grid-template-columns: minmax(0, 1fr); gap: var(--bpdf-space-20); text-align: center; }
    .bpdf-c-auth-card p { margin-inline: auto; }
    .bpdf-c-pagination { flex-wrap: wrap; justify-content: center; }
    .bpdf-c-pagination span { order: -1; inline-size: 100%; text-align: center; }
  }
@media (max-width: 24rem) {
    .bpdf-customer__topbar { gap: var(--bpdf-space-8); padding-inline: var(--bpdf-space-10); }
    .bpdf-customer__context { display: none; }
    .bpdf-customer__topbar-start, .bpdf-customer__topbar-actions { gap: var(--bpdf-space-8); }
    .bpdf-customer__account { min-inline-size: var(--bpdf-touch-target-min); min-block-size: var(--bpdf-touch-target-min); justify-content: center; padding: 0; }
    .bpdf-customer__avatar { inline-size: 2.25rem; block-size: 2.25rem; }
    .bpdf-customer__main { padding-inline: var(--bpdf-space-12); }
    .bpdf-customer__mobile-nav { inset-inline: var(--bpdf-space-8); }
  }
@media (prefers-reduced-motion: reduce) {
    .bpdf-customer *, .bpdf-customer *::before, .bpdf-customer *::after { scroll-behavior: auto; transition-duration: .01ms; animation-duration: .01ms; animation-iteration-count: 1; }
  }
@media (forced-colors: active) {
    .bpdf-customer, .bpdf-customer__sidebar, .bpdf-customer__topbar, .bpdf-customer__mobile-nav { forced-color-adjust: auto; }
    .bpdf-customer__nav-link.bpdf-is-active, .bpdf-customer__mobile-link.bpdf-is-active { outline: 2px solid Highlight; }
  }

/* Phase 5 — mobile experience refactor on the existing customer shell. */
.bpdf-customer {
    --bpdf-safe-block-start: env(safe-area-inset-top, 0px);
    --bpdf-safe-block-end: env(safe-area-inset-bottom, 0px);
    --bpdf-safe-inline-start: env(safe-area-inset-left, 0px);
    --bpdf-safe-inline-end: env(safe-area-inset-right, 0px);
    --bpdf-visual-viewport-height: 100dvh;
    --bpdf-visual-viewport-offset: 0px;
    --bpdf-mobile-nav-height: 4.75rem;
    --bpdf-mobile-content-gutter: var(--bpdf-space-16);
    overscroll-behavior-inline: none;
    touch-action: manipulation;
  }
[dir="rtl"].bpdf-customer {
    --bpdf-safe-inline-start: env(safe-area-inset-right, 0px);
    --bpdf-safe-inline-end: env(safe-area-inset-left, 0px);
  }
.bpdf-customer :where(input, textarea, select, button, a) { scroll-margin-block: calc(var(--bpdf-customer-topbar) + var(--bpdf-space-16)) var(--bpdf-space-24); }
.bpdf-customer__filter-region { display: grid; gap: var(--bpdf-space-12); min-inline-size: 0; }
.bpdf-customer__filter-trigger { display: none; }
.bpdf-customer .bpdf-c-overlay__backdrop { inline-size: 100%; block-size: 100%; padding: 0; border: 0; cursor: pointer; }
.bpdf-customer__sheet-panel { display: grid; gap: var(--bpdf-space-16); inline-size: min(100%, 34rem); max-block-size: min(calc(var(--bpdf-visual-viewport-height, 100dvh) - var(--bpdf-space-12)), 46rem); margin-inline: auto; padding-block-end: max(var(--bpdf-space-20), var(--bpdf-safe-block-end)); overscroll-behavior: contain; }
.bpdf-customer__sheet-handle { display: block; inline-size: 2.75rem; block-size: .28rem; margin-inline: auto; border-radius: var(--bpdf-radius-full); background: var(--bpdf-border-strong); }
.bpdf-customer__sheet-header { display: flex; align-items: center; justify-content: space-between; gap: var(--bpdf-space-16); }
.bpdf-customer__sheet-header :where(h2, p) { margin: 0; }
.bpdf-customer__sheet-header h2 { font-size: var(--bpdf-font-size-lg); }
.bpdf-customer__sheet-header p { margin-block-end: var(--bpdf-space-2); color: var(--bpdf-text-brand); font-size: var(--bpdf-font-size-xs); font-weight: var(--bpdf-font-weight-bold); }
.bpdf-customer__sheet-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--bpdf-space-8); }
.bpdf-customer__sheet-link { display: flex; min-block-size: 3.5rem; align-items: center; gap: var(--bpdf-space-10); padding: var(--bpdf-space-10) var(--bpdf-space-12); color: var(--bpdf-text-secondary); border: 1px solid var(--bpdf-border-default); border-radius: var(--bpdf-radius-md); background: var(--bpdf-surface-base); font-size: var(--bpdf-font-size-sm); font-weight: var(--bpdf-font-weight-semibold); text-decoration: none; }
.bpdf-customer__sheet-link.bpdf-is-active { color: var(--bpdf-text-brand); border-color: var(--bpdf-border-brand); background: var(--bpdf-surface-brand-soft); }
.bpdf-customer__sheet-link svg { flex: 0 0 auto; }
.bpdf-customer__sheet-account, .bpdf-customer__sheet-privacy { display: flex; min-inline-size: 0; align-items: center; gap: var(--bpdf-space-12); padding: var(--bpdf-space-12); border: 1px solid var(--bpdf-border-default); border-radius: var(--bpdf-radius-lg); background: var(--bpdf-surface-subtle); text-decoration: none; }
.bpdf-customer__sheet-account > span:last-child, .bpdf-customer__sheet-privacy > span { display: grid; min-inline-size: 0; }
.bpdf-customer__sheet-account :where(strong, small), .bpdf-customer__sheet-privacy :where(strong, small) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bpdf-customer__sheet-account small, .bpdf-customer__sheet-privacy small { color: var(--bpdf-text-tertiary); font-size: var(--bpdf-font-size-xs); }
.bpdf-customer__sheet-privacy svg { color: var(--bpdf-feedback-success); }
.bpdf-customer__filter-slot:empty { display: none; }
.bpdf-customer__filter-slot .bpdf-c-filter-bar { display: grid; gap: var(--bpdf-space-12); margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none; }
.bpdf-customer__filter-slot .bpdf-c-filter-bar > * { inline-size: 100%; }
.bpdf-customer__filter-slot .bpdf-c-filter-bar .bpdf-c-button { margin-block-start: var(--bpdf-space-4); }
.bpdf-customer__navigation-sheet:not([hidden]) .bpdf-c-overlay__backdrop,
  .bpdf-customer__filter-sheet:not([hidden]) .bpdf-c-overlay__backdrop { animation: bpdf-customer-backdrop-in var(--bpdf-motion-duration-normal) var(--bpdf-ease-standard) both; }
.bpdf-customer__navigation-sheet:not([hidden]) .bpdf-customer__sheet-panel,
  .bpdf-customer__filter-sheet:not([hidden]) .bpdf-customer__sheet-panel { animation: bpdf-customer-sheet-in var(--bpdf-motion-duration-normal) var(--bpdf-ease-standard) both; }
@keyframes bpdf-customer-backdrop-in { from { opacity: 0; } }
@keyframes bpdf-customer-sheet-in { from { opacity: 0; translate: 0 var(--bpdf-space-24); } }
@media (max-width: 47.99rem) {
    .bpdf-customer { min-block-size: var(--bpdf-visual-viewport-height, 100dvh); overflow-x: clip; }
    .bpdf-customer__topbar { min-block-size: calc(var(--bpdf-customer-topbar) + var(--bpdf-safe-block-start)); padding-block-start: var(--bpdf-safe-block-start); padding-inline-start: max(var(--bpdf-space-16), var(--bpdf-safe-inline-start)); padding-inline-end: max(var(--bpdf-space-16), var(--bpdf-safe-inline-end)); }
    .bpdf-customer__mobile-nav { inset-block-end: max(var(--bpdf-space-8), var(--bpdf-safe-block-end)); inset-inline-start: max(var(--bpdf-space-12), var(--bpdf-safe-inline-start)); inset-inline-end: max(var(--bpdf-space-12), var(--bpdf-safe-inline-end)); grid-template-columns: repeat(auto-fit, minmax(3.5rem, 1fr)); min-block-size: var(--bpdf-mobile-nav-height); transition: opacity var(--bpdf-motion-duration-fast), translate var(--bpdf-motion-duration-normal); }
    .bpdf-customer__mobile-link { min-block-size: 3.5rem; min-inline-size: var(--bpdf-touch-target-min); padding: var(--bpdf-space-4); }
    .bpdf-customer__main, .bpdf-customer__footer { padding-block-end: calc(var(--bpdf-mobile-nav-height) + max(var(--bpdf-space-32), var(--bpdf-safe-block-end))); }
    .bpdf-customer[data-bpdf-keyboard="open"] .bpdf-customer__mobile-nav { visibility: hidden; opacity: 0; pointer-events: none; translate: 0 calc(100% + var(--bpdf-safe-block-end)); }
    .bpdf-customer[data-bpdf-keyboard="open"] :where(.bpdf-customer__main, .bpdf-customer__footer) { padding-block-end: var(--bpdf-space-24); }
    .bpdf-customer[data-bpdf-keyboard="open"] .bpdf-customer__topbar { position: relative; }
    .bpdf-customer :where(.bpdf-c-button--small, .bpdf-c-button--sm) { min-block-size: var(--bpdf-touch-target-min); }
  }
@media (max-width: 42rem) {
    .bpdf-customer { --bpdf-mobile-content-gutter: max(var(--bpdf-space-12), var(--bpdf-safe-inline-start), var(--bpdf-safe-inline-end)); }
    .bpdf-customer__main { padding-inline-start: max(var(--bpdf-space-16), var(--bpdf-safe-inline-start)); padding-inline-end: max(var(--bpdf-space-16), var(--bpdf-safe-inline-end)); }
    .bpdf-customer__page-header h1 { font-size: clamp(var(--bpdf-font-size-xl), 7vw, var(--bpdf-font-size-2xl)); }
    .bpdf-customer__page-header p { font-size: var(--bpdf-font-size-sm); }
    .bpdf-customer[data-bpdf-customer-ready="true"] .bpdf-customer__filter-trigger { display: inline-flex; inline-size: 100%; }
    .bpdf-customer[data-bpdf-customer-ready="true"] .bpdf-customer__filter-region > .bpdf-c-filter-bar { display: none; }
    .bpdf-customer :where(input:not([type="checkbox"]):not([type="radio"]), textarea, select) { min-block-size: 3rem; font-size: 16px; }
    
    .bpdf-customer__sheet-nav { grid-template-columns: minmax(0, 1fr); }
    .bpdf-customer__mobile-nav { inset-inline-start: max(var(--bpdf-space-8), var(--bpdf-safe-inline-start)); inset-inline-end: max(var(--bpdf-space-8), var(--bpdf-safe-inline-end)); }
    .bpdf-customer__mobile-link span { max-inline-size: 4.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .bpdf-customer__files-table { min-inline-size: 0; }
    .bpdf-customer__files-table thead { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
    .bpdf-customer__files-table :where(tbody, tr, td) { display: block; inline-size: 100%; }
    .bpdf-customer__files-table tbody { display: grid; gap: var(--bpdf-space-12); }
    .bpdf-customer__files-table tr[data-bpdf-mobile-card] { overflow: hidden; border: 1px solid var(--bpdf-border-default); border-radius: var(--bpdf-radius-lg); background: var(--bpdf-surface-base); box-shadow: var(--bpdf-shadow-xs); }
    .bpdf-customer__files-table tr[data-bpdf-mobile-card] td { display: grid; grid-template-columns: minmax(5.5rem, .72fr) minmax(0, 1.28fr); align-items: center; gap: var(--bpdf-space-12); padding: var(--bpdf-space-10) var(--bpdf-space-12); border-block-end: 1px solid var(--bpdf-border-default); text-align: start; }
    .bpdf-customer__files-table tr[data-bpdf-mobile-card] td::before { color: var(--bpdf-text-tertiary); content: attr(data-bpdf-label); font-size: var(--bpdf-font-size-xs); font-weight: var(--bpdf-font-weight-semibold); }
    .bpdf-customer__files-table tr[data-bpdf-mobile-card] td[data-bpdf-primary] { display: block; padding: var(--bpdf-space-16) var(--bpdf-space-12); background: var(--bpdf-surface-subtle); }
    .bpdf-customer__files-table tr[data-bpdf-mobile-card] td[data-bpdf-primary]::before { display: none; }
    .bpdf-customer__files-table tr[data-bpdf-mobile-card] td[data-bpdf-action] { display: flex; justify-content: flex-end; border-block-end: 0; }
    .bpdf-customer__files-table tr[data-bpdf-mobile-card] td[data-bpdf-action]::before { margin-inline-end: auto; }
    .bpdf-customer__files-table .bpdf-c-file-name { display: flex; min-block-size: var(--bpdf-touch-target-min); min-inline-size: 0; align-items: center; }
    .bpdf-customer__files-table .bpdf-c-file-name span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .bpdf-c-timeline { padding-inline-start: var(--bpdf-space-20); }
    .bpdf-c-timeline article header { align-items: stretch; flex-direction: column; }
    .bpdf-c-timeline article header .bpdf-c-badge { align-self: flex-start; }
    .bpdf-c-timeline__meta { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--bpdf-space-6); }
    .bpdf-c-tool-card--library { min-block-size: auto; }
    .bpdf-c-empty-state { min-block-size: 13rem; padding: var(--bpdf-space-20); }
  }
@media (hover: none) and (pointer: coarse) {
    .bpdf-customer :where(.bpdf-c-button, .bpdf-c-icon-button, .bpdf-customer__mobile-link, .bpdf-customer__sheet-link) { -webkit-tap-highlight-color: transparent; }
    .bpdf-customer :where(.bpdf-c-button, .bpdf-c-icon-button, .bpdf-customer__mobile-link, .bpdf-customer__sheet-link):active { scale: .98; }
  }
@media (prefers-reduced-motion: reduce) {
    .bpdf-customer__navigation-sheet:not([hidden]) :where(.bpdf-c-overlay__backdrop, .bpdf-customer__sheet-panel),
    .bpdf-customer__filter-sheet:not([hidden]) :where(.bpdf-c-overlay__backdrop, .bpdf-customer__sheet-panel) { animation: none; }
  }


/* Phase 6 — tablet experience on the same customer shell and tool DOM. */
@media (min-width: 48rem) and (max-width: 75rem) {
    .bpdf-customer {
      --bpdf-customer-sidebar: 6.5rem;
      --bpdf-customer-topbar: 4.5rem;
      min-block-size: min(100dvh, 64rem);
      overflow: clip;
    }

    .bpdf-l-customer-shell { grid-template-columns: var(--bpdf-customer-sidebar) minmax(0, 1fr); }
    .bpdf-customer__sidebar {
      display: flex;
      max-block-size: 100dvh;
      min-block-size: min(100dvh, 44rem);
      padding: var(--bpdf-space-16) var(--bpdf-space-8);
      overflow-block: auto;
      overscroll-behavior: contain;
      scrollbar-width: thin;
    }
    .bpdf-customer__brand { min-block-size: 3rem; justify-content: center; padding: var(--bpdf-space-6); }
    .bpdf-customer__brand::before { inline-size: 2.5rem; block-size: 2.5rem; }
    .bpdf-customer__nav { gap: var(--bpdf-space-4); margin-block-start: var(--bpdf-space-20); }
    .bpdf-customer__nav-link { min-block-size: 4.5rem; }
    .bpdf-customer__nav-link svg { inline-size: 1.35rem; block-size: 1.35rem; }
    .bpdf-customer__privacy { min-block-size: var(--bpdf-touch-target-min); margin-block-start: var(--bpdf-space-16); }
    .bpdf-customer__topbar { padding-inline: clamp(var(--bpdf-space-16), 2.5vw, var(--bpdf-space-28)); }
    .bpdf-customer__menu-button, .bpdf-customer__mobile-nav { display: none; }
    .bpdf-customer__account-copy { display: none; }
    .bpdf-customer__main { padding: clamp(var(--bpdf-space-20), 3vw, var(--bpdf-space-32)); }
    .bpdf-customer__footer { padding: var(--bpdf-space-16) clamp(var(--bpdf-space-20), 3vw, var(--bpdf-space-32)); }
    .bpdf-customer__page-header { margin-block-end: var(--bpdf-space-24); }
    .bpdf-customer-grid--stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .bpdf-customer-grid--tools, .bpdf-customer-grid--library { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .bpdf-customer-grid--profile, .bpdf-customer-grid--settings { grid-template-columns: minmax(13rem, .65fr) minmax(0, 1.35fr); }
    .bpdf-c-tablet-layout-switch { display: inline-flex; }
    .bpdf-customer [data-bpdf-tablet-controls],
    .bpdf-customer [data-bpdf-tablet-preview] { min-inline-size: 0; outline: none; }
    .bpdf-customer :where(.psm-doc-canvas-wrap, .psm-preview-stage) {
      overscroll-behavior: contain;
      touch-action: pan-x pan-y pinch-zoom;
      -webkit-user-select: none;
      user-select: none;
    }
    .bpdf-customer[data-bpdf-input="pen"] :where(.psm-doc-canvas-wrap, .psm-preview-stage) {
      border-color: var(--bpdf-border-brand);
      box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--bpdf-action-primary) 22%, transparent);
    }
  }
@media (min-width: 48rem) and (max-width: 75rem) and (orientation: landscape) {
    .bpdf-customer-grid--dashboard { grid-template-columns: minmax(0, 1.35fr) minmax(16rem, .65fr); }
    .bpdf-customer-grid--file-detail { grid-template-columns: minmax(16rem, .8fr) minmax(0, 1.2fr); }
    .bpdf-customer__main { max-block-size: calc(100dvh - var(--bpdf-customer-topbar)); overflow-block: auto; overscroll-behavior: contain; }
  }
@media (min-width: 48rem) and (max-width: 75rem) and (orientation: portrait) {
    .bpdf-customer-grid--dashboard,
    .bpdf-customer-grid--file-detail,
    .bpdf-customer-grid--profile,
    .bpdf-customer-grid--settings { grid-template-columns: minmax(0, 1fr); }
    .bpdf-customer__page-header h1 { font-size: clamp(var(--bpdf-font-size-2xl), 4.2vw, var(--bpdf-font-size-3xl)); }
  }
@media (min-width: 48rem) and (max-width: 75rem) and (any-pointer: coarse) {
    .bpdf-customer :where(.bpdf-c-button, .bpdf-c-icon-button, .bpdf-customer__nav-link, .bpdf-c-tablet-layout-switch__button) { min-block-size: var(--bpdf-touch-target-min); }
    .bpdf-customer__nav-link { min-block-size: 4.75rem; }
  }


/* 2.26.0 — host-theme compatibility and invariant touch targets. */
.bpdf-customer,
.bpdf-customer :where(*) {
    letter-spacing: normal;
    word-spacing: normal;
}
.bpdf-customer :where(button, input, select, textarea, a) { font-family: var(--bpdf-font-sans); }
.bpdf-customer :where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea) {
    min-block-size: var(--bpdf-touch-target-min);
}
.bpdf-customer__brand,
.bpdf-customer__account { min-block-size: var(--bpdf-touch-target-min); }

/* Phase 10 — BoxPDF Design Kit v2 page coverage and ownership-safe surfaces. */
.bpdf-customer__nav { min-block-size: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
.bpdf-customer__privacy { flex: 0 0 auto; }
.bpdf-c-account-summary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  align-items: center;
  gap: var(--bpdf-space-16);
  margin-block-end: var(--bpdf-space-20);
  padding: var(--bpdf-space-16) var(--bpdf-space-20);
  border: 1px solid var(--bpdf-border-default);
  border-radius: var(--bpdf-radius-xl);
  background: linear-gradient(135deg, var(--bpdf-surface-base), var(--bpdf-surface-brand-soft));
  box-shadow: var(--bpdf-shadow-sm);
}
.bpdf-c-account-summary__icon { display: grid; inline-size: 3rem; block-size: 3rem; place-items: center; color: var(--bpdf-text-brand); border-radius: var(--bpdf-radius-lg); background: var(--bpdf-surface-brand-soft); }
.bpdf-c-account-summary__copy { display: grid; min-inline-size: 0; gap: var(--bpdf-space-2); }
.bpdf-c-account-summary__copy span, .bpdf-c-account-summary__copy small { color: var(--bpdf-text-tertiary); font-size: var(--bpdf-font-size-xs); }
.bpdf-c-account-summary__copy strong { overflow: hidden; font-size: var(--bpdf-font-size-lg); text-overflow: ellipsis; white-space: nowrap; }
.bpdf-c-tool-card { position: relative; }
.bpdf-c-tool-card--compact { padding: 0; }
.bpdf-c-tool-card--compact > a { display: grid; min-block-size: 100%; gap: var(--bpdf-space-8); padding: var(--bpdf-space-16); color: inherit; text-decoration: none; }
.bpdf-c-tool-card--compact .bpdf-c-favorite-form { position: absolute; inset-block-start: var(--bpdf-space-8); inset-inline-end: var(--bpdf-space-8); z-index: 2; }
.bpdf-c-tool-card__actions { display: flex; align-items: center; gap: var(--bpdf-space-8); }
.bpdf-c-favorite-form { display: inline-flex; margin: 0; }
.bpdf-c-favorite-button { inline-size: var(--bpdf-touch-target-min); block-size: var(--bpdf-touch-target-min); color: var(--bpdf-text-tertiary); }
.bpdf-c-favorite-button.bpdf-is-active { color: var(--bpdf-color-yellow-600, #b54708); border-color: color-mix(in srgb, currentColor 35%, var(--bpdf-border-default)); background: var(--bpdf-feedback-warning-soft); }
.bpdf-c-favorite-button.bpdf-is-active svg { fill: currentColor; }
.bpdf-c-action-row { display: flex; flex-wrap: wrap; gap: var(--bpdf-space-10); margin-block: var(--bpdf-space-20) var(--bpdf-space-10); }
.bpdf-c-parent-surface, .bpdf-c-theme-surface { min-inline-size: 0; }
.bpdf-c-parent-surface > :first-child, .bpdf-c-theme-surface > :first-child { margin-block-start: 0; }
.bpdf-c-parent-surface > :last-child, .bpdf-c-theme-surface > :last-child { margin-block-end: 0; }
.bpdf-c-notification-list { display: grid; gap: var(--bpdf-space-12); }
.bpdf-c-notification { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--bpdf-space-14); padding: var(--bpdf-space-16); border: 1px solid var(--bpdf-border-default); border-inline-start-width: 4px; border-radius: var(--bpdf-radius-lg); background: var(--bpdf-surface-base); box-shadow: var(--bpdf-shadow-xs); }
.bpdf-c-notification.bpdf-is-success { border-inline-start-color: var(--bpdf-feedback-success); }
.bpdf-c-notification.bpdf-is-warning { border-inline-start-color: var(--bpdf-feedback-warning); }
.bpdf-c-notification.bpdf-is-danger { border-inline-start-color: var(--bpdf-feedback-danger); }
.bpdf-c-notification.bpdf-is-info { border-inline-start-color: var(--bpdf-feedback-info); }
.bpdf-c-notification__icon { display: grid; inline-size: 2.75rem; block-size: 2.75rem; place-items: center; color: var(--bpdf-text-brand); border-radius: var(--bpdf-radius-md); background: var(--bpdf-surface-subtle); }
.bpdf-c-notification h2 { margin: 0; font-size: var(--bpdf-font-size-md); }
.bpdf-c-notification p { margin: var(--bpdf-space-4) 0 0; color: var(--bpdf-text-secondary); }
.bpdf-c-notification time { display: block; margin-block-start: var(--bpdf-space-6); color: var(--bpdf-text-tertiary); font-size: var(--bpdf-font-size-xs); }
.bpdf-customer-grid--support { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-block-end: var(--bpdf-space-20); }
.bpdf-c-support-card { display: flex; min-block-size: 9rem; align-items: flex-start; gap: var(--bpdf-space-14); padding: var(--bpdf-space-20); border: 1px solid var(--bpdf-border-default); border-radius: var(--bpdf-radius-xl); background: var(--bpdf-surface-base); box-shadow: var(--bpdf-shadow-xs); text-decoration: none; transition: translate var(--bpdf-motion-duration-fast), border-color var(--bpdf-motion-duration-fast), box-shadow var(--bpdf-motion-duration-fast); }
.bpdf-c-support-card:hover { border-color: var(--bpdf-border-brand); box-shadow: var(--bpdf-shadow-md); translate: 0 -2px; }
.bpdf-c-support-card > span { display: grid; inline-size: 3rem; block-size: 3rem; flex: 0 0 auto; place-items: center; color: var(--bpdf-text-brand); border-radius: var(--bpdf-radius-lg); background: var(--bpdf-surface-brand-soft); }
.bpdf-c-support-card h2 { margin: 0 0 var(--bpdf-space-6); font-size: var(--bpdf-font-size-lg); }
.bpdf-c-support-card p { margin: 0; color: var(--bpdf-text-secondary); }
.bpdf-c-faq-list { display: grid; gap: var(--bpdf-space-10); }
.bpdf-c-faq-list details { border: 1px solid var(--bpdf-border-default); border-radius: var(--bpdf-radius-md); background: var(--bpdf-surface-base); }
.bpdf-c-faq-list summary { min-block-size: var(--bpdf-touch-target-min); padding: var(--bpdf-space-14) var(--bpdf-space-16); font-weight: var(--bpdf-font-weight-semibold); cursor: pointer; }
.bpdf-c-faq-list details[open] summary { border-block-end: 1px solid var(--bpdf-border-default); }
.bpdf-c-faq-list p { margin: 0; padding: var(--bpdf-space-16); color: var(--bpdf-text-secondary); }
.bpdf-c-auth-card small { display: block; margin-block-start: var(--bpdf-space-12); color: var(--bpdf-text-tertiary); }
.bpdf-customer :where(.bpdf-c-parent-surface, .bpdf-c-theme-surface) { container-type: inline-size; }

@media (max-width: 75rem) {
  .bpdf-customer__nav { gap: var(--bpdf-space-2); }
  .bpdf-customer__nav-link { min-block-size: 3.75rem; }
  .bpdf-c-account-summary { grid-template-columns: auto minmax(0, 1fr) auto; }
  .bpdf-c-account-summary > .bpdf-c-button { grid-column: 2 / -1; justify-self: start; }
  .bpdf-customer-grid--support { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 47.99rem) {
  .bpdf-c-account-summary { grid-template-columns: auto minmax(0, 1fr); padding: var(--bpdf-space-14); }
  .bpdf-c-account-summary > .bpdf-c-badge { justify-self: start; }
  .bpdf-c-account-summary > .bpdf-c-button { grid-column: 1 / -1; inline-size: 100%; }
  .bpdf-c-notification { grid-template-columns: auto minmax(0, 1fr); }
  .bpdf-c-notification > .bpdf-c-button { grid-column: 2; justify-self: start; }
  .bpdf-customer-grid--support { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 30rem) {
  .bpdf-c-tool-card__actions { align-items: flex-end; flex-direction: column; }
  .bpdf-c-notification { grid-template-columns: minmax(0, 1fr); }
  .bpdf-c-notification__icon { inline-size: 2.5rem; block-size: 2.5rem; }
  .bpdf-c-notification > .bpdf-c-button { grid-column: 1; }
}
@media (forced-colors: active) {
  .bpdf-c-favorite-button.bpdf-is-active svg { fill: currentColor; }
  .bpdf-c-account-summary, .bpdf-c-notification, .bpdf-c-support-card { forced-color-adjust: auto; }
}

/* Secure token-delivery surface — intentionally scoped to the customer workspace. */
.bpdf-customer-workspace .boxpdf-token-delivery {
  display: grid;
  gap: var(--bpdf-space-4, 1rem);
  max-inline-size: 48rem;
}
.bpdf-customer-workspace .boxpdf-token-delivery form {
  display: grid;
  gap: var(--bpdf-space-3, .75rem);
}
.bpdf-customer-workspace .boxpdf-token-delivery input,
.bpdf-customer-workspace .boxpdf-token-delivery textarea {
  inline-size: 100%;
  box-sizing: border-box;
  border: 1px solid var(--bpdf-color-border, #d7dce2);
  border-radius: var(--bpdf-radius-md, .75rem);
  background: var(--bpdf-color-surface, #fff);
  color: var(--bpdf-color-text, #1d2327);
  padding: .75rem .875rem;
  font: inherit;
}
.bpdf-customer-workspace .boxpdf-token-delivery textarea {
  direction: ltr;
  text-align: left;
  overflow-wrap: anywhere;
}
.bpdf-customer-workspace .boxpdf-token-delivery button {
  min-block-size: 2.75rem;
  justify-self: start;
  border: 0;
  border-radius: var(--bpdf-radius-md, .75rem);
  padding-inline: 1rem;
  background: var(--bpdf-color-primary, #155eef);
  color: #fff;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}
.bpdf-customer-workspace .boxpdf-token-delivery button:focus-visible,
.bpdf-customer-workspace .boxpdf-token-delivery input:focus-visible,
.bpdf-customer-workspace .boxpdf-token-delivery textarea:focus-visible {
  outline: 3px solid var(--bpdf-color-focus, #84adff);
  outline-offset: 2px;
}
.bpdf-customer-workspace .boxpdf-token-delivery__notice {
  border-radius: var(--bpdf-radius-md, .75rem);
  padding: .75rem 1rem;
}
.bpdf-customer-workspace .boxpdf-token-delivery__notice--error {
  background: color-mix(in srgb, #d92d20 10%, transparent);
  color: var(--bpdf-color-danger, #b42318);
}
.bpdf-customer-workspace .boxpdf-token-delivery__notice--success {
  background: color-mix(in srgb, #079455 10%, transparent);
  color: var(--bpdf-color-success, #067647);
}