/* css/style-reports.css — extracted from reports.html */

.reports-page{background:#f4f7fb;min-height:60vh}

  /* Top bar */
  .rep-topbar{background:#fff;border-bottom:2px solid #e9ecef;padding:1.2rem 0 .8rem;
    position:sticky;top:0;z-index:100;box-shadow:0 2px 12px rgba(11,59,92,.07)}
  .rep-topbar h1{font-size:1.45rem;font-weight:800;color:#0b3b5c;margin:0;
    display:flex;align-items:center;gap:.5rem}
  .icon-badge{background:linear-gradient(135deg,#0b3b5c,#0f6b9a);color:#fff;
    width:36px;height:36px;border-radius:9px;display:flex;align-items:center;
    justify-content:center;font-size:1rem;flex-shrink:0}

  /* Search */
  .search-box{position:relative;max-width:320px;width:100%}
  .search-box input{border:1.5px solid #e2e8f0;border-radius:10px;
    padding:.5rem 2.2rem .5rem 2.4rem;font-size:.87rem;background:#f8fafc;width:100%;
    transition:border-color .2s,box-shadow .2s}
  .search-box input:focus{border-color:#0f6b9a;box-shadow:0 0 0 3px rgba(15,107,154,.1);
    background:#fff;outline:none}
  .search-box .si{position:absolute;left:.65rem;top:50%;transform:translateY(-50%);color:#94a3b8}
  .search-box .sc{position:absolute;right:.65rem;top:50%;transform:translateY(-50%);
    color:#94a3b8;cursor:pointer;display:none}

  /* Filters */
  .filter-row{background:#fff;border-bottom:1px solid #e9ecef;padding:.6rem 0}
  .filter-pills{display:flex;flex-wrap:wrap;gap:.3rem}
  .fpill{padding:.25rem .75rem;border-radius:20px;font-size:.77rem;font-weight:600;
    border:1.5px solid #e2e8f0;background:#f8fafc;color:#64748b;
    cursor:pointer;transition:all .18s;white-space:nowrap}
  .fpill:hover{border-color:#0f6b9a;color:#0f6b9a;background:#eaf4fb}
  .fpill.active{background:#0b3b5c;color:#fff;border-color:#0b3b5c}
  .fpill-year.active{background:#0f6b9a;border-color:#0f6b9a;color:#fff}

  /* Year headings */
  .year-section{margin-top:2rem}
  .year-heading{display:flex;align-items:center;gap:.7rem;margin-bottom:1.1rem}
  .yr-num{font-size:1.45rem;font-weight:900;color:#0b3b5c;line-height:1}
  .yr-line{flex:1;height:2px;background:linear-gradient(90deg,#0f6b9a44,transparent);border-radius:2px}
  .yr-count{font-size:.72rem;color:#94a3b8;font-weight:600;background:#f1f5f9;
    padding:.18rem .55rem;border-radius:20px}

  /* Cards */
  .rep-card{background:#fff;border:1.5px solid #e9ecef;border-radius:14px;
    padding:1rem 1.1rem .9rem;height:100%;display:flex;flex-direction:column;
    transition:transform .22s,box-shadow .22s,border-color .22s;
    position:relative;overflow:hidden}
  .rep-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(11,59,92,.12);
    border-color:#0f6b9a}
  .rep-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;
    border-radius:14px 14px 0 0}
  .rep-card[data-type="Отчёт"]::before      {background:linear-gradient(90deg,#0b3b5c,#0f6b9a)}
  .rep-card[data-type="Доклад"]::before     {background:linear-gradient(90deg,#7c3aed,#a855f7)}
  .rep-card[data-type="Объявление"]::before {background:linear-gradient(90deg,#d97706,#f59e0b)}
  .rep-card[data-type="Информация"]::before {background:linear-gradient(90deg,#059669,#10b981)}
  .rep-card[data-type="Сведения"]::before   {background:linear-gradient(90deg,#0891b2,#06b6d4)}

  /* Type badges */
  .type-badge{display:inline-flex;align-items:center;gap:4px;font-size:.69rem;
    font-weight:700;padding:.2rem .55rem;border-radius:20px;letter-spacing:.3px;
    text-transform:uppercase;margin-bottom:.5rem;width:fit-content}
  .tb-Отчёт      {background:#e8f4fd;color:#0b3b5c}
  .tb-Доклад     {background:#f3e8ff;color:#7c3aed}
  .tb-Объявление {background:#fef9e7;color:#d97706}
  .tb-Информация {background:#e8f8f5;color:#059669}
  .tb-Сведения   {background:#e0f7fa;color:#0891b2}

  .rep-title{font-size:.88rem;font-weight:700;color:#0b3b5c;line-height:1.45;
    margin-bottom:.4rem;flex:1}
  .rep-meta{display:flex;align-items:center;gap:.45rem;font-size:.72rem;
    color:#94a3b8;margin-bottom:.85rem}

  /* Buttons */
  .rep-actions{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:auto}
  .btn-dl{display:inline-flex;align-items:center;gap:5px;padding:.38rem .85rem;
    border-radius:8px;font-size:.78rem;font-weight:600;text-decoration:none;
    transition:all .18s;white-space:nowrap;cursor:pointer}
  .btn-primary-dl{background:linear-gradient(90deg,#0b3b5c,#0f6b9a);color:#fff;border:none}
  .btn-primary-dl:hover{opacity:.85;color:#fff}
  .btn-pptx-dl{background:#fef2f2;border:1.5px solid #fca5a5;color:#dc2626}
  .btn-pptx-dl:hover{background:#fee2e2}
  .btn-docx-dl{background:#eff6ff;border:1.5px solid #93c5fd;color:#1d4ed8}
  .btn-docx-dl:hover{background:#dbeafe}
  .btn-xlsx-dl{background:#f0fdf4;border:1.5px solid #86efac;color:#15803d}
  .btn-xlsx-dl:hover{background:#dcfce7}
  .btn-read-dl{background:#f8fafc;border:1.5px solid #e2e8f0;color:#64748b}
  .btn-read-dl:hover{border-color:#0f6b9a;color:#0f6b9a}

  #rep-counter{font-size:.79rem;color:#94a3b8}
  .rep-empty{text-align:center;padding:3.5rem 1rem;display:none}
  .hidden-card{display:none!important}

  /* Pagination */
  .pagination-custom .page-link{border-radius:8px;margin:0 2px;color:#0b3b5c;
    border-color:#e2e8f0;font-size:.85rem}
  .pagination-custom .page-item.active .page-link{background:#0f6b9a;border-color:#0f6b9a}