/* THE FULL CHART BROWSER — see full-chart-browser.js header for the build order and reuse decisions. */
/* #293 correction (David, 2026-08-28): 250 sat comfortably above Arm & Send's own modal
   (.modal-backdrop:has(.p3-reminder-modal), z-index:120, assistant-calendar.css) but BELOW the
   membership renewal popover (.mr-backdrop, z-index:1300, membership-renewals.css) — so Add
   Document from the new Payment Documents section opened behind it instead of on top. 1350 clears
   every modal in the app (highest found besides this one: 1300) while staying below the global
   document viewer (.p3-pdf-preview-overlay, z-index:1400, styles.css, law 4.15) — a card picked
   here still opens the viewer on top of the picker, not the other way around. */
.p3-fcb-backdrop{position:fixed;inset:0;z-index:1350;display:grid;place-items:center;background:rgba(20,26,38,.45)}
.p3-fcb-modal{width:min(1180px,96vw);height:min(820px,92vh);background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(20,26,38,.35);display:flex;flex-direction:column;overflow:hidden}
.p3-fcb-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid #e3e8ef}
.p3-fcb-head>div:first-child{flex:0 0 auto}   /* #449: the title never shrinks under the focus box */
.p3-fcb-head h3{margin:0;font-size:17px;white-space:nowrap}
/* #449 — the FOCUS box (Get from <source> opens the browser with it filled): a fixed footprint on the right, never the title's width */
.p3-fcb-query{flex:0 1 300px;max-width:300px;margin-left:auto;font:inherit;font-size:12.5px;padding:7px 10px;border:1px solid #d6dde7;border-radius:8px;background:#fff;color:#3d4a5f}
.p3-fcb-query:focus{outline:2px solid rgba(29,78,216,.25);border-color:#c3d7fb}
.p3-fcb-pick-hint{flex:0 1 auto;min-width:0}
.p3-fcb-query-note{margin:0 0 12px;padding:8px 10px;border-left:3px solid #c3d7fb;background:#f5f8fd;border-radius:0 8px 8px 0;font-size:12.5px;color:#3d4a5f}
.p3-fcb-show-all{border:1px solid #d6dde7;border-radius:6px;background:#fff;padding:2px 9px;font:inherit;font-size:11.5px;color:#1d4ed8;cursor:default;margin-left:4px}
.p3-fcb-head p{margin:2px 0 0;color:#7b8699;font-size:11px}
.p3-fcb-body{flex:1;display:grid;grid-template-columns:260px minmax(0,1fr);min-height:0}
.p3-fcb-folders{border-right:1px solid #e3e8ef;overflow-y:auto;padding:10px;position:relative}
.p3-fcb-folders-head{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 8px;color:#7b8699;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.p3-fcb-gear{border:1px solid #d6dde7;border-radius:6px;background:#fff;width:26px;height:26px;font-size:13px;color:#5c6a80;cursor:default}
.p3-fcb-folder-section{margin:10px 6px 4px;color:#9aa4b5;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.p3-fcb-folder{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;text-align:left;border:1px solid transparent;border-radius:8px;background:transparent;padding:8px 9px;margin-bottom:2px;color:#3d4a5f;font-size:12.5px;cursor:default}
.p3-fcb-folder:hover{background:#f5f7fa}
.p3-fcb-folder.active{background:#eaf1ff;border-color:#c3d7fb;color:#1d4ed8;font-weight:700}
.p3-fcb-folder-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.p3-fcb-folder-count{flex:0 0 auto;background:#eef2f7;border-radius:999px;padding:1px 7px;font-size:10px;color:#5c6a80}
.p3-fcb-folder.active .p3-fcb-folder-count{background:#c3d7fb;color:#1d4ed8}
.p3-fcb-pin-popover{position:absolute;top:38px;right:8px;left:8px;z-index:5;background:#fff;border:1px solid #d6dde7;border-radius:10px;box-shadow:0 10px 26px rgba(20,26,38,.18);padding:10px;max-height:70%;overflow-y:auto}
.p3-fcb-pin-head{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;color:#3d4a5f;margin-bottom:6px}
.p3-fcb-pin-done{border:1px solid #d6dde7;border-radius:6px;background:#f8f9fb;padding:3px 9px;font-size:11px;color:#1d4ed8;cursor:default}
.p3-fcb-pin-row{display:flex;align-items:center;gap:8px;padding:5px 4px;font-size:12px;color:#3d4a5f}
.p3-fcb-pin-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.p3-fcb-files{overflow-y:auto;padding:16px}
.p3-fcb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.p3-fcb-tile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;border:1px solid #e3e8ef;border-radius:10px;background:#fafbfc;text-align:center;position:relative}
.p3-fcb-tile:hover{background:#f2f6ff;border-color:#c3d7fb}
.p3-fcb-tile-name{width:100%;font-size:11px;color:#3d4a5f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.p3-fcb-tile-date{font-size:10px;color:#8a94a4}
.p3-fcb-also-filed{position:absolute;top:6px;right:6px;background:#dff5eb;color:#087b59;border-radius:999px;padding:1px 6px;font-size:8px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
/* #452 — MULTI-SELECT (tick on the tile), the SUGGESTED view (grade badge + the engine's reasons), the "filed · not indexed
   yet" tag, the footer with Link N Documents pinned inside the modal (law 4.10), the hover caption */
.p3-fcb-tick{position:absolute;top:6px;left:6px;width:18px;height:18px;border:1.5px solid #b9c4d6;border-radius:5px;background:#fff;color:#fff;font-size:12px;font-weight:800;line-height:15px;text-align:center}
.p3-fcb-tile.selected{background:#eaf1ff;border-color:#3478df;box-shadow:0 0 0 2px rgba(52,120,223,.22)}
.p3-fcb-tile.selected .p3-fcb-tick{background:#3478df;border-color:#3478df}
.p3-fcb-tile-suggested{padding-bottom:8px}
.p3-fcb-grade{display:inline-block;margin-top:2px;border-radius:999px;padding:1px 8px;font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;background:#e6f4ec;color:#0f7a4f}
.p3-fcb-grade-window{background:#eef2f7;color:#5c6a80}
.p3-fcb-grade-preliminary{background:#fff3df;color:#8a5200}
.p3-fcb-tile-why{width:100%;font-size:10px;line-height:1.35;color:#5c6a80;text-align:center;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.p3-fcb-filed-only{background:#fff3df;color:#8a5200}
.p3-fcb-folder-suggested{margin-bottom:8px;border-color:#dfe9fb;background:#f4f8ff}
.p3-fcb-folder-suggested .p3-fcb-folder-name::before{content:"✦ ";color:#3478df}
.p3-fcb-suggest-note b{color:#1f2937}
.p3-fcb-foot{display:flex;align-items:center;gap:12px;padding:12px 20px;border-top:1px solid #e3e8ef;background:#fafbfc}
.p3-fcb-foot-count{font-size:12.5px;font-weight:700;color:#1f2937;white-space:nowrap}
.p3-fcb-foot-note{flex:1;min-width:0;font-size:11.5px;color:#7b8699;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.p3-fcb-foot-cancel{border:1px solid #d6dde7;border-radius:8px;background:#fff;padding:8px 14px;font:inherit;font-size:12.5px;color:#3d4a5f;cursor:default}
.p3-fcb-foot-link{border:1px solid #2c62c9;border-radius:8px;background:#3478df;padding:8px 18px;font:inherit;font-size:12.5px;font-weight:700;color:#fff;cursor:default}
.p3-fcb-foot-link:disabled{opacity:.45}
.p3-fcb-hover-caption{margin-top:6px;font-size:11px;color:#5c6a80;text-align:center}
.p3-fcb-grid-empty{max-width:420px;margin:60px auto;text-align:center;color:#6b7280;font-size:12.5px;line-height:1.6}
.p3-fcb-grid-error{color:#b3261e}
/* THE WHITE HAND LAW (CLAUDE.md 5.21) applies to every future surface,
   including a reused component: the global PDF icon carries cursor:pointer
   app-wide (pdf-icon.css, out of scope to change here). Plain inheritance,
   not a wildcard + !important (5.21's own DECISIONS.md note on why not) — set
   once on the modal root, every descendant that doesn't set its own cursor
   inherits the plain arrow; the icon's explicit cursor:pointer still wins
   for itself since inheritance never overrides a rule with equal or higher
   specificity set directly on the element, so it is overridden explicitly
   just for that one anchor instead. */
.p3-fcb-modal{cursor:default}
.p3-fcb-modal .pvt3-pdf{cursor:default}

.p3-fcb-pick-hint{margin-right:12px;padding:6px 10px;border-radius:999px;background:#ede9fe;color:#5b21b6;font-size:12px;font-weight:600;white-space:nowrap}

/* #321 — Browse Files… mode (the same modal, the real Drive tree) */
.p3-fcb-browse .p3-fcb-roots{display:flex;flex-direction:column;min-height:0}
.p3-fcb-filter{width:100%;box-sizing:border-box;border:1px solid #d6dde7;border-radius:8px;padding:7px 10px;font-size:12.5px;margin:0 0 8px;background:#fff;color:#1f2937}
.p3-fcb-filter:focus{outline:2px solid #c3d7fb;outline-offset:0;border-color:#8fb3f5}
.p3-fcb-roots-list{flex:1;overflow-y:auto;min-height:0}
.p3-fcb-folder.own .p3-fcb-folder-name{font-weight:700}
.p3-fcb-own-mark{font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#1d4ed8;background:#eaf1ff;border-radius:6px;padding:2px 6px;white-space:nowrap}
.p3-fcb-crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:4px;padding:10px 14px 4px;color:#5c6a80;font-size:12.5px}
.p3-fcb-crumb{border:0;background:transparent;color:#1A73E8;font:inherit;font-weight:600;padding:2px 4px;border-radius:6px;cursor:default;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.p3-fcb-crumb:hover{background:#eaf1ff}
.p3-fcb-crumb.current{color:#1f2937;font-weight:700}
.p3-fcb-crumb-sep{color:#9aa4b5}
.p3-fcb-tile-folder{color:#b7791f;border-color:#f1e3c2;background:#fffaf0;cursor:default}
.p3-fcb-tile-folder:hover{background:#fdf3dc}
.p3-fcb-tile-folder .p3-fcb-tile-name{color:#3d4a5f}
.p3-fcb-tile-muted{opacity:.55}
.p3-browse-files{display:inline-block;margin-left:12px}

/* #468 (David, 2026-09-17) — HOVER TO IDENTIFY, CLICK TO LINK.
   The hover preview is now a working surface, not a glance: it stays put while the pointer is on it and carries its
   own page controls, because identifying a multi-page document means seeing past page 1 without opening a viewer. */
.p3-fcb-hover-caption{display:flex;align-items:center;gap:10px;justify-content:center;padding:7px 10px;font-size:12.5px;font-weight:700;color:#3e4d67}
.p3-fcb-hover-caption em{font-style:normal;font-weight:650;color:#6b7890}
.p3-fcb-hover-pg{border:1px solid #cfd8e6;background:#fff;color:#1257b8;border-radius:7px;min-width:30px;height:26px;font-size:16px;font-weight:800;line-height:1}
.p3-fcb-hover-pg:hover{background:#eef4fe;border-color:#9dbdea}
/* the tile is now a link target: it says so on hover, and shows it is working once pressed */
.p3-fcb-tile[role="button"]:hover{outline:2px solid #1A73E8;outline-offset:-2px}
.p3-fcb-tile.linking{opacity:.55}
:root:not([data-theme="light"]) .p3-fcb-hover-caption,:root[data-theme="dark"] .p3-fcb-hover-caption{color:#d3ddec}
:root:not([data-theme="light"]) .p3-fcb-hover-caption em,:root[data-theme="dark"] .p3-fcb-hover-caption em{color:#93a2b8}
:root:not([data-theme="light"]) .p3-fcb-hover-pg,:root[data-theme="dark"] .p3-fcb-hover-pg{background:#16233a;border-color:#2f6fd0;color:#cfe2ff}