/* WEB report archive presentation. Android keeps its packaged history view. */
[data-web-history="true"] .web-history { width:100%; font-family:Inter,system-ui,sans-serif; }
[data-web-history="true"] .web-history * { box-sizing:border-box; min-width:0; }
[data-web-history="true"] .web-history button { cursor:pointer; }
[data-web-history="true"] .web-history button:focus-visible,
[data-web-history="true"] .web-history input:focus-visible { outline:3px solid #4a9be9; outline-offset:2px; }
[data-web-history="true"] .web-history-heading { display:flex; align-items:center; gap:15px; margin-bottom:15px; }
[data-web-history="true"] .web-history-heading-icon { display:grid; place-items:center; flex:none; width:56px; height:56px; border-radius:13px; background:#e4f1ff; color:#1466d8; font-size:24px; }
[data-web-history="true"] .web-history-heading h1 { color:#142b4b; font-size:27px; font-weight:750; line-height:1.15; }
[data-web-history="true"] .web-history-heading p { margin-top:4px; color:#71839f; font-size:12px; }
[data-web-history="true"] .web-history-filter-link { display:inline-flex; align-items:center; gap:7px; margin-left:auto; padding:8px 10px; color:#0e62c7; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; }
[data-web-history="true"] .web-history-search { display:flex; align-items:center; gap:11px; height:44px; padding:0 13px; border:1px solid #cfe0ef; border-radius:7px; background:#fff; color:#47759b; }
[data-web-history="true"] .web-history-search:focus-within { border-color:#4a9be9; }
[data-web-history="true"] .web-history-search > i { flex:none; font-size:15px; }
[data-web-history="true"] .web-history-search input { width:100%; height:100%; border:0; outline:0; background:transparent; color:#142b4b; font-size:13px; }
[data-web-history="true"] .web-history-search input::placeholder { color:#8497ad; }
[data-web-history="true"] .web-history-search button { flex:none; color:#7893aa; }
[data-web-history="true"] .web-history-scope { display:flex; flex-wrap:wrap; gap:7px; margin:10px 0 12px; }
[data-web-history="true"] .web-history-scope button { min-height:32px; padding:7px 12px; border:1px solid #d4e4ef; border-radius:7px; background:#fff; color:#536f8d; font-size:11px; font-weight:650; }
[data-web-history="true"] .web-history-scope button[aria-pressed="true"] { border-color:#1767e8; background:#1767e8; color:#fff; }
[data-web-history="true"] .web-history-search-result { width:100%; margin-bottom:10px; padding:10px 13px; border:1px solid #bdd9fa; border-radius:7px; background:#eaf4ff; color:#075bc9; font-size:12px; font-weight:700; text-align:left; }
[data-web-history="true"] .web-history-search-result i { float:right; }
[data-web-history="true"] .web-history-categories { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
[data-web-history="true"] .web-history-category { display:flex; align-items:center; gap:14px; min-height:77px; padding:11px 13px; border:1px solid #d4e5f2; border-radius:8px; background:#fff; box-shadow:0 2px 6px #20456807; text-align:left; }
[data-web-history="true"] .web-history-category:hover { border-color:#9dc8ee; background:#fcfeff; }
[data-web-history="true"] .web-history-category-icon { display:grid; place-items:center; flex:none; width:46px; height:46px; border-radius:10px; background:#eaf4ff; color:#146bd4; font-size:20px; }
[data-web-history="true"] .web-history-category-icon.today { background:#e6f8f2; color:#0aa178; }
[data-web-history="true"] .web-history-category-icon.thisWeek { background:#f2edff; color:#764bd9; }
[data-web-history="true"] .web-history-category-icon.lastWeek { background:#fff4e9; color:#e28120; }
[data-web-history="true"] .web-history-category-icon.lastMonth,
[data-web-history="true"] .web-history-category-icon.trash { background:#fff0f3; color:#df506c; }
[data-web-history="true"] .web-history-category-icon.thisYear { background:#f0f4f8; color:#506a87; }
[data-web-history="true"] .web-history-category-copy { display:block; flex:1; }
[data-web-history="true"] .web-history-category-copy strong { display:block; color:#142b4b; font-size:14px; font-weight:700; line-height:1.25; }
[data-web-history="true"] .web-history-category-copy small { display:block; margin-top:4px; color:#71839f; font-size:11px; }
[data-web-history="true"] .web-history-category-arrow { flex:none; color:#6388b4; font-size:12px; }
[data-web-history="true"] .web-history-dates { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-bottom:12px; padding:12px; border:1px solid #d4e5f2; border-radius:8px; background:#fff; }
[data-web-history="true"] .web-history-dates label { display:grid; gap:5px; color:#536f8d; font-size:11px; font-weight:700; }
[data-web-history="true"] .web-history-dates input { height:38px; padding:0 10px; border:1px solid #d4e4ef; border-radius:7px; background:#fbfdff; color:#142b4b; }
[data-web-history="true"] .web-history-list { display:grid; gap:9px; }
[data-web-history="true"] .web-history-report { overflow:hidden; border:1px solid #d4e5f2; border-radius:10px; background:#fff; box-shadow:0 2px 6px #20456808; }
[data-web-history="true"] .web-history-report-summary { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; width:100%; min-height:87px; padding:12px 14px; text-align:left; }
[data-web-history="true"] .web-history-report-summary:hover { background:#fbfdff; }
[data-web-history="true"] .web-history-report-main { display:block; flex:1; }
[data-web-history="true"] .web-history-report-main > strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#142b4b; font-size:14px; font-weight:750; line-height:1.3; }
[data-web-history="true"] .web-history-report-meta { display:flex; flex-wrap:wrap; gap:5px; margin-top:7px; }
[data-web-history="true"] .web-history-tag { display:inline-flex; align-items:center; gap:5px; max-width:100%; min-height:21px; padding:3px 8px; border-radius:12px; background:#f0f4f9; color:#536f8d; font-size:10px; line-height:1.1; white-space:nowrap; }
[data-web-history="true"] .web-history-tag i { font-size:10px; }
[data-web-history="true"] .web-history-tag.date { background:#eaf4ff; color:#1767cf; font-weight:700; }
[data-web-history="true"] .web-history-tag.number { background:#e8f8ef; color:#087e50; font-weight:700; }
[data-web-history="true"] .web-history-tag.creator { overflow:hidden; text-overflow:ellipsis; }
[data-web-history="true"] .web-history-tag.revision { background:#f2edff; color:#704bc4; }
[data-web-history="true"] .web-history-status { display:table; margin-top:6px; padding:3px 8px; border:1px solid #cdebdc; border-radius:11px; background:#e8f8ef; color:#168253; font-size:10px; font-weight:750; line-height:1.1; text-transform:uppercase; }
[data-web-history="true"] .web-history-status.trash,
[data-web-history="true"] .web-history-status.issue { border-color:#f2d4da; background:#fff1f3; color:#be4052; }
[data-web-history="true"] .web-history-status.processing { border-color:#f0e0a8; background:#fff8e1; color:#9a6c00; }
[data-web-history="true"] .web-history-status.legacy { border-color:#dce3e8; background:#f4f6f7; color:#6f7f8c; }
[data-web-history="true"] .web-history-chevron { display:grid; place-items:center; flex:none; width:34px; height:34px; border:1px solid #cfe0ef; border-radius:8px; background:#fbfdff; color:#375b80; font-size:11px; }
[data-web-history="true"] .is-expanded .web-history-chevron { border-color:#2f4f6f; background:#2f4f6f; color:#fff; }
[data-web-history="true"] .web-history-actions { display:grid; gap:8px; padding:10px 14px 14px; border-top:1px solid #e5eef6; }
[data-web-history="true"] .web-history-action-row { display:grid; gap:8px; }
[data-web-history="true"] .web-history-action-row.three { grid-template-columns:repeat(3,minmax(0,1fr)); }
[data-web-history="true"] .web-history-action-row.two { grid-template-columns:repeat(2,minmax(0,1fr)); }
[data-web-history="true"] .web-history-action-row button { min-height:42px; padding:9px 10px; border:1px solid #d4e4ef; border-radius:7px; background:#fff; color:#183a60; font-size:11px; font-weight:750; text-align:center; text-transform:uppercase; }
[data-web-history="true"] .web-history-action-row button i { margin-right:6px; }
[data-web-history="true"] .web-history-action-row .download { border-color:#2f4f6f; background:#2f4f6f; color:#fff; }
[data-web-history="true"] .web-history-action-row .share { border-color:#18bd5c; background:#18bd5c; color:#fff; }
[data-web-history="true"] .web-history-action-row .similar { border-color:#b5d6ff; background:#f5faff; color:#075bc9; }
[data-web-history="true"] .web-history-action-row .edit { border-color:#cfe0ef; background:#fbfdff; color:#183a60; }
[data-web-history="true"] .web-history-action-row .trash { border-color:#f1bdc5; background:#fff7f8; color:#c72745; }
[data-web-history="true"] .web-history-action-row .restore { border-color:#bce8dc; background:#f2fffb; color:#08816a; }
[data-web-history="true"] .web-history-revisions { justify-self:start; padding:8px 10px; border:1px solid #ded3fa; border-radius:7px; background:#f8f5ff; color:#704bc4; font-size:11px; font-weight:700; }
[data-web-history="true"] .web-history-empty,
[data-web-history="true"] .web-history-more { padding:20px; border:1px solid #d4e5f2; border-radius:8px; background:#fff; color:#71839f; text-align:center; font-size:12px; }
[data-web-history="true"] .web-history-more { color:#0e62c7; font-weight:700; }
[data-web-history="true"] .web-history-modal-backdrop { position:fixed; inset:0; z-index:120; display:grid; place-items:center; padding:16px; background:#1f2937b8; }
[data-web-history="true"] .web-history-modal { width:min(100%,640px); max-height:85dvh; overflow-y:auto; padding:18px; border:1px solid #d4e5f2; border-radius:10px; background:#fff; }
[data-web-history="true"] .web-history-modal header { display:flex; justify-content:space-between; gap:12px; margin-bottom:12px; }
[data-web-history="true"] .web-history-modal h2 { font-size:17px; font-weight:750; }
[data-web-history="true"] .web-history-modal p,
[data-web-history="true"] .web-history-revision small { color:#71839f; font-size:11px; }
[data-web-history="true"] .web-history-modal header button { width:30px; height:30px; border:1px solid #d4e4ef; border-radius:7px; }
[data-web-history="true"] .web-history-revision { display:flex; justify-content:space-between; align-items:center; gap:10px; padding:12px; border-top:1px solid #e5eef6; }
[data-web-history="true"] .web-history-revision strong,
[data-web-history="true"] .web-history-revision small { display:block; }
[data-web-history="true"] .web-history-revision button { padding:7px 12px; border-radius:7px; background:#2f4f6f; color:#fff; }
[data-web-history="true"] .web-history-revision button:disabled { opacity:.45; cursor:not-allowed; }
@media (max-width:699px) {
    [data-web-history="true"] .web-history-heading h1 { font-size:23px; }
    [data-web-history="true"] .web-history-heading-icon { width:46px; height:46px; font-size:20px; }
    [data-web-history="true"] .web-history-categories { grid-template-columns:1fr; }
    [data-web-history="true"] .web-history-report-main > strong { white-space:normal; overflow-wrap:anywhere; }
    [data-web-history="true"] .web-history-tag.creator { white-space:normal; overflow-wrap:anywhere; }
    [data-web-history="true"] .web-history-action-row.three { grid-template-columns:1fr; }
    [data-web-history="true"] .web-history-action-row.two { grid-template-columns:1fr; }
}

/* Production-only additions; the common shell owns outer positioning. */
[data-web-history="true"] .web-history-customer-kind {display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px;}
[data-web-history="true"] .web-history-customer-kind button {min-height:38px;padding:8px 13px;border:1px solid #d4e4ef;border-radius:9px;background:#fff;color:#28475f;font-size:12px;font-weight:650;}
[data-web-history="true"] .web-history-customer-kind button[aria-pressed="true"] {border-color:#287cc6;background:#287cc6;color:#fff;}
[data-web-history="true"] .web-history-contact {color:#5c748f;font-size:12px;overflow-wrap:anywhere;}
[data-web-history="true"] :is(.web-history-convert,.web-history-legacy-archive) {min-height:42px;padding:9px 10px;border:1px solid #d4e4ef;border-radius:7px;background:#f5faff;color:#183a60;font-size:11px;font-weight:750;}
[data-web-history="true"] .web-history-legacy-archive {border-color:#cce6d8;background:#eff8f3;color:#28734c;}