/* ==========================================================================
       V18 — footer শুধু Home/Login/Register/Forgot এ · Dashboard থেকে Recent
             Update History সরানো · Google login popup (tab-এ id/secret নয়) ·
             sidebar mess name borderless · সব কোণা প্রায় rectangle ·
             refresh-এ কোনোভাবেই home page-এ ফিরে না যাওয়া
       ========================================================================== */

    /* ---------- 1. Footer শুধু Home / Login / Register / Forgot Password ---------- */
    .app-footer {
      display: none !important;
    }

    body.show-homepage #homepageView .app-footer,
    body.show-auth-page #authScreen .app-footer {
      display: block !important;
      margin: 0 !important;
      background: var(--surface, #fff);
    }

    /* পুরোনো ডেড-লিংক footer গুলো বন্ধ */
    #homepageView>.hp-footer,
    #authScreen>.hp-footer,
    .auth-page-footer {
      display: none !important;
    }

    /* ---------- 2. Dashboard-এ Recent Update History নেই ---------- */
    #dashboardActivityHistory,
    .premium-grid:has(#dashboardActivityHistory),
    .v18-hidden-block {
      display: none !important;
    }

    /* ---------- 3. Login popup window (Google) ---------- */
    html.is-login-popup body>*,
    html.is-login-popup body>.container {
      display: none !important;
    }

    html.is-login-popup body {
      display: block !important;
      background: #0f1115;
    }

    html.is-login-popup body::after {
      content: 'Google-এ সাইন-ইন হচ্ছে…';
      position: fixed;
      inset: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      font: 700 15px/1.6 system-ui, sans-serif;
      color: #e8eaf0;
      background: #0f1115;
      z-index: 2147483647;
    }

    /* ---------- 4. Session restore splash — refresh-এ homepage ঝলক নয় ---------- */
    body.session-restoring .homepage-view,
    body.session-restoring .auth-screen {
      display: none !important;
    }

    #sessionRestoreSplash {
      display: none;
    }

    body.session-restoring #sessionRestoreSplash {
      position: fixed;
      inset: 0;
      z-index: 99998;
      display: flex !important;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 16px;
      background: var(--bg, #f5f6fa);
      color: var(--text, #10131a);
    }

    #sessionRestoreSplash img {
      width: 62px;
      height: 62px;
    }

    #sessionRestoreSplash .srs-text {
      font-size: 0.86rem;
      font-weight: 800;
      letter-spacing: .01em;
      opacity: .85;
    }

    #sessionRestoreSplash .srs-bar {
      width: 168px;
      height: 4px;
      overflow: hidden;
      background: rgba(127, 127, 127, .22);
    }

    #sessionRestoreSplash .srs-bar i {
      display: block;
      width: 42%;
      height: 100%;
      background: var(--accent, #4f6ef0);
      animation: srsSlide 1.05s ease-in-out infinite;
    }

    @keyframes srsSlide {
      0% {
        transform: translateX(-105%);
      }

      100% {
        transform: translateX(255%);
      }
    }

    /* ---------- 5. Sidebar mess name — transparent, কোনো পাশে line নেই ---------- */
    .sidebar-mess-name,
    .responsive-sidebar .sidebar-mess-name,
    .responsive-sidebar:not(:hover) .sidebar-mess-name {
      background: transparent !important;
      background-image: none !important;
      border: 0 !important;
      border-width: 0 !important;
      border-style: none !important;
      outline: 0 !important;
      box-shadow: none !important;
    }

    /* ---------- 6. Footer layout (home / auth) ---------- */
    .app-footer {
      padding: 40px clamp(18px, 5vw, 60px) 0;
      border-top: 1px solid var(--border, rgba(127, 127, 127, .2));
      color: var(--text2, #5b6172);
    }

    .app-footer-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.6fr) repeat(3, minmax(0, 1fr));
      gap: clamp(22px, 3vw, 48px);
      max-width: 1240px;
      margin: 0 auto;
    }

    .app-footer-brand-row {
      display: flex;
      align-items: center;
      gap: 11px;
      margin-bottom: 12px;
    }

    .app-footer-brand-row img {
      width: 40px;
      height: 40px;
    }

    .app-footer-brand-row strong {
      font-family: 'Sora', sans-serif;
      font-size: 1.1rem;
      font-weight: 800;
      color: var(--text, #10131a);
      letter-spacing: -0.02em;
    }

    .app-footer p.app-footer-about {
      font-size: 0.82rem;
      line-height: 1.8;
      margin: 0 0 15px;
      max-width: 44ch;
    }

    .app-footer h4 {
      font-size: 0.74rem;
      font-weight: 900;
      letter-spacing: .09em;
      text-transform: uppercase;
      color: var(--text, #10131a);
      margin: 0 0 14px;
    }

    .app-footer-links {
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

    .app-footer-links a,
    .app-footer-links button {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      background: none;
      border: 0;
      padding: 0;
      font: inherit;
      font-size: 0.83rem;
      line-height: 1.45;
      color: var(--text2, #5b6172);
      text-decoration: none;
      cursor: pointer;
      text-align: left;
      width: fit-content;
      max-width: 100%;
      transition: color .15s ease, transform .15s ease;
    }

    .app-footer-links a:hover,
    .app-footer-links button:hover {
      color: var(--accent, #4f6ef0);
      transform: translateX(2px);
    }

    .app-footer-links i {
      font-size: 0.95rem;
      opacity: .85;
      width: 17px;
      text-align: center;
      flex: 0 0 auto;
    }

    .app-footer-contact a span {
      word-break: break-word;
      direction: ltr;
    }

    .app-footer-social {
      display: flex;
      gap: 9px;
      flex-wrap: wrap;
    }

    .app-footer-social a {
      width: 38px;
      height: 38px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border: 1px solid var(--border, rgba(127, 127, 127, .22));
      background: var(--surface2, rgba(127, 127, 127, .08));
      color: var(--text2, #5b6172);
      font-size: 1rem;
      text-decoration: none;
      transition: transform .15s ease, background .15s ease, color .15s ease;
    }

    .app-footer-social a:hover {
      transform: translateY(-2px);
      color: #fff;
    }

    .app-footer-social a.fb:hover {
      background: #1877f2;
      border-color: #1877f2;
    }

    .app-footer-social a.wa:hover {
      background: #25D366;
      border-color: #25D366;
    }

    .app-footer-social a.mail:hover {
      background: #ea4335;
      border-color: #ea4335;
    }

    .app-footer-bottom {
      max-width: 1240px;
      margin: 28px auto 0;
      padding: 18px 0 24px;
      border-top: 1px solid var(--border, rgba(127, 127, 127, .2));
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 12px;
      font-size: 0.8rem;
    }

    .app-footer-bottom a {
      color: var(--accent, #4f6ef0);
      font-weight: 800;
      text-decoration: none;
    }

    .app-footer-bottom a:hover {
      text-decoration: underline;
    }

    .app-footer-made {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      flex-wrap: wrap;
    }

    @media (max-width: 1000px) {
      .app-footer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 26px;
      }

      .app-footer-brand {
        grid-column: 1 / -1;
      }
    }

    @media (max-width: 560px) {
      .app-footer {
        padding: 28px 18px 0;
      }

      .app-footer-grid {
        grid-template-columns: 1fr;
        gap: 22px;
      }

      .app-footer-bottom {
        flex-direction: column;
        align-items: flex-start;
        margin-top: 20px;
      }
    }

    /* ==========================================================================
       7. প্রায় rectangle — সব card / button / input / box-এর কোণা কমানো
       ========================================================================== */
    *,
    *::before,
    *::after {
      border-radius: 4px !important;
    }

    html,
    body,
    main,
    section,
    br,
    hr,
    table,
    caption,
    colgroup,
    col,
    td,
    th,
    tr,
    thead,
    tbody,
    tfoot,
    p,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    a,
    b,
    i,
    em,
    strong,
    small,
    label,
    legend,
    ul,
    ol,
    li,
    dl,
    dt,
    dd,
    figure,
    figcaption,
    svg,
    path,
    g,
    circle,
    rect,
    span:not([class]) {
      border-radius: 0 !important;
    }

    /* text-level হলেও যেগুলো আসলে box — সেগুলো আবার হালকা কোণা পাবে */
    a.btn,
    a[class*="btn"],
    a[class*="chip"],
    a[class*="tag"],
    a[class*="card"],
    a[class*="pill"],
    a[class*="badge"],
    span[class*="btn"],
    span[class*="chip"],
    span[class*="tag"],
    span[class*="pill"],
    span[class*="state"],
    label[class*="opt"],
    label[class*="switch"],
    label[class*="toggle"],
    li[class*="item"],
    li[class*="card"],
    .app-footer-social a {
      border-radius: 4px !important;
    }

    /* গোল থাকাই দরকার এমন জিনিসগুলো গোলই থাকবে */
    .card-title .dot,
    .bill-remove-btn,
    .page-scroll-btn,
    .premium-hero::after,
    .pro-hub-hero::after,
    .header-profile-avatar,
    .premium-avatar,
    .premium-avatar.sm,
    .duty-marquee-track span.v11-duty-number,
    .notification-badge,
    #headerBellCount,
    .header-bell-count,
    input[type="radio"],
    .avatar,
    [class*="avatar"],
    [class*="Avatar"],
    .spinner,
    .loader,
    .dot,
    .status-dot,
    .online-dot {
      border-radius: 50% !important;
    }

    /* আগের `!important` দেওয়া বড় কোণাগুলোও নামিয়ে আনা (higher specificity) */
    html body .stat-card,
    html body #tab-input .bill-field,
    html body .meal-table-wrap,
    html body .bazar-table-wrap,
    html body .bazar-summary-sheet,
    html body .bazar-summary-sheet.table-wrap,
    html body .duty-summary-mini,
    html body #tab-bazarDuty .bazar-duty-hero,
    html body .hp-login-btn,
    html body .hp-cta-btn,
    html body .hp-nav-toggle,
    html body #profileModal .profile-summary-card,
    html body #moderatorInfoModal .moderator-info-card,
    html body #messRoleModal .mess-summary-card,
    html body #profileModal .profile-info-item,
    html body #moderatorInfoModal .profile-info-item,
    html body #messRoleModal .profile-info-item,
    html body #profileModal .profile-avatar-top,
    html body #profileModal .profile-edit-card,
    html body #profileModal .profile-history-wrap,
    html body #messRoleModal .mess-member-item,
    html body #messRoleModal .manager-actions .btn,
    html body .duty-marquee-track .v11-duty-group,
    html body .duty-marquee-track span.v11-duty-group,
    html body .duty-marquee-track .v11-duty-date,
    html body .duty-marquee-track span.v11-duty-date,
    html body .duty-marquee-track .v11-duty-role,
    html body .duty-marquee-track span.v11-duty-role,
    html body .duty-marquee-track .v12-duty-group,
    html body .duty-marquee-track span.v12-duty-group,
    html body .card,
    html body .toolbar-item,
    html body .quick-action-card,
    html body .modal,
    html body .modal-overlay .modal,
    html body .mess-summary-card,
    html body .mess-member-item,
    html body .report-column-item,
    html body .btn,
    html body .btn-sm,
    html body .text-input,
    html body .select-input,
    html body textarea,
    html body .auth-form-grid fieldset.form-group,
    html body .google-auth-btn,
    html body .sidebar-mess-name,
    html body .date-cell,
    html body .password-field-wrap,
    html body .extra-row-label-input,
    html body .dropdown-action,
    html body .actions-dropdown,
    html body .toolbar-today-value,
    html body .day-tab,
    html body .meal-table,
    html body .bazar-table,
    html body .responsive-sidebar .tab-btn,
    html body .sidebar-close-btn,
    html body .sidebar-toggle-btn,
    html body .icon-btn,
    html body .three-dot-btn,
    html body .auth-card,
    html body .auth-tab-btn,
    html body .hp-feature-card,
    html body .sheet-sync-state,
    html body .notif-chip,
    html body .wa-contact,
    html body .access-item,
    html body .sheet-map-row {
      border-radius: 4px !important;
    }

    html body .responsive-sidebar {
      border-radius: 0 4px 4px 0 !important;
    }

    /* গোল থাকাগুলো গোলই — সবার শেষে, সবচেয়ে বেশি specificity */
    html body .header-profile-avatar,
    html body .premium-avatar,
    html body .premium-avatar.sm,
    html body .card-title .dot,
    html body .bill-remove-btn,
    html body .page-scroll-btn,
    html body #topNotificationBadge,
    html body #headerBellCount,
    html body .notification-badge,
    html body .duty-marquee-track span.v11-duty-number,
    html body [class*="avatar"],
    html body input[type="radio"] {
      border-radius: 50% !important;
    }

    #sessionRestoreSplash .srs-bar,
    #sessionRestoreSplash .srs-bar i {
      border-radius: 0 !important;
    }