/* V14: slightly taller moving navbar + clean mobile title-to-ticker gap */
    .duty-marquee-navbar {
      height: 54px !important;
      min-height: 54px !important;
      max-height: 54px !important;
      overflow: hidden !important;
      overflow-x: hidden !important;
      overflow-y: hidden !important;
    }

    .duty-marquee-shell {
      min-height: 100% !important;
      overflow: hidden !important;
    }

    .duty-marquee-viewport {
      overflow: hidden !important;
      overflow-x: hidden !important;
      overflow-y: hidden !important;
    }

    .duty-marquee-track {
      overflow: visible !important;
      scrollbar-width: none !important;
    }

    .duty-marquee-track::-webkit-scrollbar,
    .duty-marquee-navbar::-webkit-scrollbar,
    .duty-marquee-viewport::-webkit-scrollbar {
      display: none !important;
    }

    .duty-marquee-track .v12-duty-group,
    .duty-marquee-track span.v12-duty-group {
      min-height: 32px !important;
      padding-top: 7px !important;
      padding-bottom: 7px !important;
    }

    @media (max-width: 900px) {
      .duty-marquee-navbar {
        height: 72px !important;
        min-height: 72px !important;
        max-height: 72px !important;
        overflow: hidden !important;
      }

      .duty-marquee-shell {
        height: 100% !important;
        grid-template-rows: 22px 34px !important;
        gap: 6px !important;
        padding: 6px 10px 8px !important;
        align-items: center !important;
        overflow: hidden !important;
      }

      .duty-marquee-label {
        margin-bottom: 0 !important;
        height: 22px !important;
        min-height: 22px !important;
        line-height: 22px !important;
      }

      .duty-marquee-viewport {
        align-self: center !important;
        min-height: 34px !important;
        height: 34px !important;
        display: flex !important;
        align-items: center !important;
        overflow: hidden !important;
      }

      .duty-marquee-track {
        align-items: center !important;
        min-height: 34px !important;
      }

      .duty-marquee-track .v12-duty-group,
      .duty-marquee-track span.v12-duty-group {
        min-height: 30px !important;
        padding-top: 6px !important;
        padding-bottom: 6px !important;
      }
    }

    @media (max-width: 430px) {
      .duty-marquee-navbar {
        height: 74px !important;
        min-height: 74px !important;
        max-height: 74px !important;
      }

      .duty-marquee-shell {
        gap: 7px !important;
        padding-top: 7px !important;
        padding-bottom: 8px !important;
      }
    }

    /* ================= GLOBAL CORNER-RADIUS REDUCTION =================
       Per request: cards, buttons, inputs, and other rectangular surfaces should have just a
       slight corner round, not the large pill-like curves used earlier. This intentionally does
       NOT touch genuinely circular/pill shapes (avatars, round icon buttons, status pills, the
       sidebar's rounded outer edge) since flattening those would break their shape rather than
       just "reduce" it. */
    .card,
    .stat-card,
    .toolbar-item,
    .quick-action-card,
    .modal,
    .modal-overlay .modal,
    .mess-summary-card,
    .mess-member-item,
    .report-column-item,
    .btn,
    .btn-sm,
    .text-input,
    .select-input,
    textarea,
    .auth-form-grid fieldset.form-group,
    .google-auth-btn,
    .sidebar-mess-name,
    .date-cell,
    .password-field-wrap,
    .extra-row-label-input,
    .dropdown-action,
    .actions-dropdown,
    .toolbar-today-value,
    .day-tab,
    table,
    .meal-table,
    .bazar-table {
      border-radius: 8px !important;
    }

    .responsive-sidebar .tab-btn,
    .sidebar-close-btn {
      border-radius: 8px !important;
    }

    .sidebar-toggle-btn,
    .icon-btn,
    .three-dot-btn {
      border-radius: 8px !important;
    }

    .auth-card {
      border-radius: 12px !important;
    }

    .responsive-sidebar {
      border-radius: 0 8px 8px 0 !important;
    }