/* ==========================================================================
   AFAQ PROJECT OWNER - EDIT PROJECT
   Path: assets/css/project-owner/edit-project.css
   Scope: html body .afaq-app.afaq-owner-edit-project-page
   Version: royal-edit-project-ultra-v1.0
   ========================================================================== */

/* ==========================================================================
   00) HARD SCOPE / LOCAL TOKENS
   ========================================================================== */
html body .afaq-app.afaq-owner-edit-project-page,
html body .afaq-app.afaq-owner-edit-project-page *,
html body .afaq-app.afaq-owner-edit-project-page *::before,
html body .afaq-app.afaq-owner-edit-project-page *::after {
    box-sizing: border-box !important;
}

html body .afaq-app.afaq-owner-edit-project-page {
    --page-white: #ffffff;
    --page-paper: #fffdf9;
    --page-cream: #fff7eb;
    --page-cream-2: #f7ead9;
    --page-soft: #f7f9fc;
    --page-soft-2: #f1f4f8;
    --page-heading: #071321;
    --page-ink: #102033;
    --page-muted: #536176;
    --page-muted-2: #7b8798;
    --page-navy: #071321;
    --page-navy-2: #102b49;
    --page-navy-3: #183f69;
    --page-gold: #c08c47;
    --page-gold-2: #d9a15a;
    --page-gold-soft: #fff1da;
    --page-success: #178650;
    --page-success-soft: #ecfff5;
    --page-warning: #c47a2c;
    --page-warning-soft: #fff7e8;
    --page-danger: #c93d3d;
    --page-danger-soft: #fff2f2;
    --page-info: #245d99;
    --page-info-soft: #f1f7ff;
    --page-border: rgba(7, 19, 33, 0.09);
    --page-border-2: rgba(7, 19, 33, 0.14);
    --page-border-gold: rgba(192, 140, 71, 0.34);
    --page-shadow-xs: 0 4px 12px rgba(7, 19, 33, 0.045);
    --page-shadow-sm: 0 12px 28px rgba(7, 19, 33, 0.065);
    --page-shadow-md: 0 22px 55px rgba(7, 19, 33, 0.105);
    --page-shadow-lg: 0 32px 90px rgba(7, 19, 33, 0.14);
    --page-radius-xl: 34px;
    --page-radius-lg: 26px;
    --page-radius-md: 20px;
    --page-radius-sm: 14px;
    --page-transition: 0.22s cubic-bezier(.2,.7,.2,1);
    --page-font: "Tajawal", "IBM Plex Sans Arabic", "Segoe UI", Arial, sans-serif;
    --page-sidebar: var(--afaq-sidebar, 270px);

    width: 100% !important;
    min-height: 100svh !important;
    direction: rtl !important;
    color: var(--page-ink) !important;
    font-family: var(--page-font) !important;
    line-height: 1.7 !important;
    isolation: isolate !important;
    overflow-x: clip !important;
    background:
        radial-gradient(circle at 8% 0%, rgba(192, 140, 71, 0.125), transparent 30%),
        radial-gradient(circle at 96% 10%, rgba(24, 63, 105, 0.045), transparent 34%),
        linear-gradient(180deg, #fffaf2 0%, #ffffff 38%, #f7f9fc 100%) !important;
}

html body .afaq-app.afaq-owner-edit-project-page :where(p,h1,h2,h3,h4,h5,h6,figure,ul,ol) {
    margin-top: 0 !important;
}

html body .afaq-app.afaq-owner-edit-project-page :where(a,button,input,textarea,select,label) {
    font-family: var(--page-font) !important;
}

html body .afaq-app.afaq-owner-edit-project-page a {
    color: inherit !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

html body .afaq-app.afaq-owner-edit-project-page img {
    max-width: 100% !important;
    height: auto !important;
}

html body .afaq-app.afaq-owner-edit-project-page .dashicons,
html body .afaq-app.afaq-owner-edit-project-page .dashicons-before::before {
    font-family: dashicons !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 1 !important;
}

html body .entry-content > .afaq-app.afaq-owner-edit-project-page,
html body .wp-block-post-content > .afaq-app.afaq-owner-edit-project-page,
html body .site-main .afaq-app.afaq-owner-edit-project-page,
html body .content-area .afaq-app.afaq-owner-edit-project-page,
html body .elementor-widget-container > .afaq-app.afaq-owner-edit-project-page,
html body .elementor-shortcode > .afaq-app.afaq-owner-edit-project-page {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ==========================================================================
   01) PAGE FRAME
   ========================================================================== */
html body .afaq-app.afaq-owner-edit-project-page .afaq-main {
    min-width: 0 !important;
    color: var(--page-ink) !important;
    background: transparent !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-main:not(.afaq-main--standalone) {
    width: calc(100% - var(--page-sidebar)) !important;
    margin-right: var(--page-sidebar) !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-main--standalone {
    width: 100% !important;
    margin-right: 0 !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-content,
html body .afaq-app.afaq-owner-edit-project-page .afaq-content--dashboard {
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 14px 18px 48px !important;
    color: var(--page-ink) !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-content--dashboard::before {
    content: "" !important;
    position: absolute !important;
    z-index: -1 !important;
    top: 14px !important;
    right: 18px !important;
    left: 18px !important;
    height: 240px !important;
    border-radius: 36px !important;
    border: 1px solid rgba(192, 140, 71, 0.12) !important;
    background:
        linear-gradient(135deg, rgba(255,255,255,.86), rgba(255,247,235,.66)),
        repeating-linear-gradient(-45deg, rgba(192, 140, 71, 0.048) 0 1px, transparent 1px 18px) !important;
    pointer-events: none !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-content--dashboard::after {
    content: "" !important;
    position: absolute !important;
    z-index: -1 !important;
    top: 58px !important;
    left: 8% !important;
    width: 260px !important;
    height: 260px !important;
    border-radius: 999px !important;
    background: rgba(192, 140, 71, 0.110) !important;
    filter: blur(32px) !important;
    pointer-events: none !important;
}

/* ==========================================================================
   02) TOPBAR / SIDEBAR / MOBILE TOGGLE
   ========================================================================== */
html body .afaq-app.afaq-owner-edit-project-page .afaq-topbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 80 !important;
    width: 100% !important;
    padding: 12px 18px 7px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.94), rgba(255,255,255,.70), transparent) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
}

html body.admin-bar .afaq-app.afaq-owner-edit-project-page .afaq-topbar {
    top: 32px !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-topbar__content {
    position: relative !important;
    overflow: hidden !important;
    min-height: 84px !important;
    border-radius: 27px !important;
    padding: 15px 17px !important;
    border: 1px solid rgba(7, 19, 33, 0.08) !important;
    background:
        radial-gradient(circle at 10% 0%, rgba(192, 140, 71, 0.145), transparent 34%),
        linear-gradient(135deg, rgba(255,255,255,.98), rgba(255,250,242,.95)) !important;
    box-shadow: 0 18px 48px rgba(7, 19, 33, 0.078) !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    align-items: center !important;
    gap: 12px !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-topbar__content::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background:
        linear-gradient(90deg, rgba(192,140,71,.075), transparent 34%),
        radial-gradient(circle at 100% 0%, rgba(24,63,105,.050), transparent 28%) !important;
    pointer-events: none !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-topbar__content > * {
    position: relative !important;
    z-index: 1 !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-page-title h1,
html body .afaq-app.afaq-owner-edit-project-page .afaq-page-title strong {
    margin: 5px 0 0 !important;
    color: var(--page-heading) !important;
    font-size: clamp(23px, 1.85vw, 36px) !important;
    line-height: 1.14 !important;
    font-weight: 950 !important;
    letter-spacing: -0.035em !important;
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-page-title p,
html body .afaq-app.afaq-owner-edit-project-page .afaq-page-title span,
html body .afaq-app.afaq-owner-edit-project-page .afaq-user-card__meta span {
    color: var(--page-muted) !important;
    font-weight: 750 !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-page-title::after {
    content: "" !important;
    display: block !important;
    width: 92px !important;
    height: 3px !important;
    margin-top: 7px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, var(--page-gold), transparent) !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-header-back,
html body .afaq-app.afaq-owner-edit-project-page .afaq-topbar__actions .afaq-btn,
html body .afaq-app.afaq-owner-edit-project-page .afaq-header-actions .afaq-btn {
    width: auto !important;
    min-width: 132px !important;
    max-width: 230px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 9px 14px !important;
    border-radius: 14px !important;
    font-size: 12.2px !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-user-card {
    min-width: 148px !important;
    max-width: 190px !important;
    min-height: 48px !important;
    padding: 8px 10px !important;
    gap: 8px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(7, 19, 33, 0.08) !important;
    background: rgba(255, 255, 255, 0.92) !important;
    box-shadow: var(--page-shadow-xs) !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-user-card__avatar {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, var(--page-navy), var(--page-navy-3)) !important;
    color: #ffffff !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-user-card__meta strong {
    color: var(--page-heading) !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-user-card__meta span,
html body .afaq-app.afaq-owner-edit-project-page .afaq-user-card__meta small {
    font-size: 10px !important;
    line-height: 1.25 !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-sidebar {
    background: linear-gradient(180deg, #ffffff 0%, #fbf6ee 100%) !important;
    border-left: 1px solid rgba(7, 19, 33, 0.08) !important;
    box-shadow: -12px 0 38px rgba(7, 19, 33, 0.075) !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-sidebar__link {
    color: var(--page-muted) !important;
    background: transparent !important;
    border-color: transparent !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-sidebar__link:hover,
html body .afaq-app.afaq-owner-edit-project-page .afaq-sidebar__link.is-active {
    color: var(--page-heading) !important;
    background: rgba(192, 140, 71, 0.10) !important;
    border-color: rgba(192, 140, 71, 0.18) !important;
}

@media screen and (min-width: 1025px) {
    html body div.afaq-app.afaq-owner-edit-project-page button.afaq-mobile-menu-toggle,
    html body div.afaq-app.afaq-owner-edit-project-page .afaq-mobile-menu-toggle,
    html body div.afaq-app.afaq-owner-edit-project-page .afaq-topbar button.afaq-mobile-menu-toggle,
    html body div.afaq-app.afaq-owner-edit-project-page .afaq-topbar__content button.afaq-mobile-menu-toggle {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        position: absolute !important;
        width: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        outline: 0 !important;
        overflow: hidden !important;
        clip-path: inset(50%) !important;
    }
}

@media screen and (max-width: 1024px) {
    html body div.afaq-app.afaq-owner-edit-project-page button.afaq-mobile-menu-toggle,
    html body div.afaq-app.afaq-owner-edit-project-page .afaq-mobile-menu-toggle,
    html body div.afaq-app.afaq-owner-edit-project-page .afaq-topbar button.afaq-mobile-menu-toggle,
    html body div.afaq-app.afaq-owner-edit-project-page .afaq-topbar__content button.afaq-mobile-menu-toggle {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        position: relative !important;
        z-index: 999 !important;
        width: 42px !important;
        min-width: 42px !important;
        max-width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 1px solid rgba(255,255,255,.28) !important;
        border-radius: 14px !important;
        outline: 0 !important;
        background-color: #c08c47 !important;
        background-image:
            linear-gradient(#ffffff, #ffffff),
            linear-gradient(#ffffff, #ffffff),
            linear-gradient(#ffffff, #ffffff),
            radial-gradient(circle at 28% 18%, rgba(255,255,255,.34), transparent 38%),
            linear-gradient(135deg, #c08c47 0%, #d9a15a 100%) !important;
        background-size:
            18px 2px,
            14px 2px,
            18px 2px,
            100% 100%,
            100% 100% !important;
        background-position:
            center calc(50% - 7px),
            center center,
            center calc(50% + 7px),
            center center,
            center center !important;
        background-repeat: no-repeat !important;
        box-shadow: 0 12px 26px rgba(192,140,71,.26) !important;
        cursor: pointer !important;
        font-size: 0 !important;
        line-height: 0 !important;
        color: transparent !important;
        text-indent: -9999px !important;
        overflow: hidden !important;
        appearance: none !important;
        -webkit-appearance: none !important;
        transform: none !important;
    }

    html body div.afaq-app.afaq-owner-edit-project-page button.afaq-mobile-menu-toggle::before,
    html body div.afaq-app.afaq-owner-edit-project-page button.afaq-mobile-menu-toggle::after,
    html body div.afaq-app.afaq-owner-edit-project-page .afaq-mobile-menu-toggle::before,
    html body div.afaq-app.afaq-owner-edit-project-page .afaq-mobile-menu-toggle::after {
        content: none !important;
        display: none !important;
    }

    html body div.afaq-app.afaq-owner-edit-project-page button.afaq-mobile-menu-toggle *,
    html body div.afaq-app.afaq-owner-edit-project-page .afaq-mobile-menu-toggle * {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }
}

/* ==========================================================================
   03) PWA INSTALL BUTTON SAFETY
   ========================================================================== */
html body .afaq-app.afaq-owner-edit-project-page [data-afaq-pwa-install],
html body .afaq-app.afaq-owner-edit-project-page .afaq-pwa-install,
html body .afaq-app.afaq-owner-edit-project-page .afaq-install-pwa,
html body .afaq-app.afaq-owner-edit-project-page .afaq-install-button {
    position: fixed !important;
    left: 18px !important;
    bottom: 18px !important;
    z-index: 120 !important;
    width: auto !important;
    max-width: calc(100vw - 36px) !important;
    min-width: 0 !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    background: linear-gradient(135deg, var(--page-gold), var(--page-gold-2)) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    box-shadow: 0 14px 32px rgba(192, 140, 71, 0.25) !important;
    overflow: hidden !important;
    writing-mode: horizontal-tb !important;
    transform: none !important;
    text-align: center !important;
    font-size: 11.8px !important;
    font-weight: 950 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

html body .afaq-app.afaq-owner-edit-project-page [data-afaq-pwa-install] *,
html body .afaq-app.afaq-owner-edit-project-page .afaq-pwa-install *,
html body .afaq-app.afaq-owner-edit-project-page .afaq-install-pwa *,
html body .afaq-app.afaq-owner-edit-project-page .afaq-install-button * {
    writing-mode: horizontal-tb !important;
    transform: none !important;
    white-space: nowrap !important;
    color: inherit !important;
}

/* ==========================================================================
   04) NOTICES / EMPTY STATES
   ========================================================================== */
html body .afaq-app.afaq-owner-edit-project-page .afaq-notices {
    display: grid !important;
    gap: 10px !important;
    margin: 0 0 12px !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-notice {
    position: relative !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 13px 15px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(7, 19, 33, 0.08) !important;
    background: #ffffff !important;
    box-shadow: var(--page-shadow-xs) !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-notice p {
    margin: 0 !important;
    color: var(--page-ink) !important;
    font-size: 12.5px !important;
    line-height: 1.55 !important;
    font-weight: 800 !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-notice .dashicons {
    width: 22px !important;
    height: 22px !important;
    font-size: 22px !important;
    color: var(--page-gold) !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-notice--success {
    background: linear-gradient(135deg, #ffffff, var(--page-success-soft)) !important;
    border-color: rgba(23, 134, 80, .18) !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-notice--success .dashicons {
    color: var(--page-success) !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-notice--error {
    background: linear-gradient(135deg, #ffffff, var(--page-danger-soft)) !important;
    border-color: rgba(201, 61, 61, .18) !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-notice--error .dashicons {
    color: var(--page-danger) !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-empty-state {
    position: relative !important;
    overflow: hidden !important;
    max-width: 760px !important;
    margin: 20px auto !important;
    padding: 30px !important;
    border-radius: 30px !important;
    background:
        radial-gradient(circle at 50% 0%, rgba(192, 140, 71, 0.16), transparent 34%),
        #ffffff !important;
    border: 1px solid rgba(192, 140, 71, 0.23) !important;
    box-shadow: var(--page-shadow-md) !important;
    text-align: center !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-empty-state__icon {
    width: 62px !important;
    height: 62px !important;
    border-radius: 22px !important;
    margin: 0 auto 13px !important;
    background: rgba(192, 140, 71, 0.12) !important;
    color: var(--page-gold) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-empty-state h3 {
    margin: 0 0 9px !important;
    color: var(--page-heading) !important;
    font-size: 21px !important;
    line-height: 1.25 !important;
    font-weight: 950 !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-empty-state p {
    margin: 0 auto 14px !important;
    max-width: 580px !important;
    color: var(--page-muted) !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
    font-weight: 780 !important;
}

/* ==========================================================================
   05) GENERIC CARDS / SECTION HEADS / GRIDS
   ========================================================================== */
html body .afaq-app.afaq-owner-edit-project-page .afaq-dashboard-grid {
    display: grid !important;
    gap: 14px !important;
    width: 100% !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-dashboard-grid--owner,
html body .afaq-app.afaq-owner-edit-project-page .afaq-dashboard-grid--owner-bottom {
    grid-template-columns: minmax(0, 1fr) minmax(300px, .62fr) !important;
    align-items: start !important;
    margin-bottom: 14px !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-card {
    position: relative !important;
    overflow: hidden !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 19px !important;
    border-radius: 27px !important;
    border: 1px solid rgba(7, 19, 33, 0.085) !important;
    background:
        radial-gradient(circle at 0% 0%, rgba(192, 140, 71, 0.080), transparent 32%),
        linear-gradient(180deg, rgba(255,255,255,.995), rgba(255,253,249,.975)) !important;
    box-shadow: var(--page-shadow-sm) !important;
    color: var(--page-ink) !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-card::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 5px !important;
    height: 100% !important;
    background: linear-gradient(180deg, rgba(192,140,71,.70), rgba(192,140,71,0)) !important;
    pointer-events: none !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-card > * {
    position: relative !important;
    z-index: 1 !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-section-head {
    margin: 0 0 14px !important;
    padding-bottom: 13px !important;
    border-bottom: 1px solid rgba(7, 19, 33, 0.07) !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 14px !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-kicker,
html body .afaq-app.afaq-owner-edit-project-page .afaq-section-head .afaq-kicker {
    width: fit-content !important;
    max-width: 100% !important;
    min-height: 27px !important;
    padding: 5px 11px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #9a672c !important;
    background: rgba(192, 140, 71, 0.110) !important;
    border: 1px solid rgba(192, 140, 71, 0.220) !important;
    font-size: 11.2px !important;
    font-weight: 950 !important;
    line-height: 1.35 !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-section-head h2 {
    margin: 8px 0 0 !important;
    color: var(--page-heading) !important;
    font-size: clamp(18px, 1.35vw, 26px) !important;
    line-height: 1.22 !important;
    font-weight: 950 !important;
    letter-spacing: -0.02em !important;
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-section-head h2::after {
    display: none !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-section-head p {
    margin: 6px 0 0 !important;
    color: var(--page-muted) !important;
    font-size: 12.3px !important;
    line-height: 1.6 !important;
    font-weight: 750 !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-link {
    min-height: 32px !important;
    padding: 6px 11px !important;
    border-radius: 999px !important;
    color: #9a672c !important;
    background: rgba(192, 140, 71, 0.10) !important;
    border: 1px solid rgba(192, 140, 71, 0.20) !important;
    font-size: 11.4px !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
    transition: transform var(--page-transition), background var(--page-transition), color var(--page-transition), box-shadow var(--page-transition) !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-link:hover {
    transform: translateY(-1px) !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, var(--page-gold), var(--page-gold-2)) !important;
    box-shadow: 0 12px 22px rgba(192, 140, 71, .22) !important;
}

/* ==========================================================================
   06) BUTTONS
   ========================================================================== */
html body .afaq-app.afaq-owner-edit-project-page .afaq-actions,
html body .afaq-app.afaq-owner-edit-project-page .afaq-form-actions {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 9px !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-btn,
html body .afaq-app.afaq-owner-edit-project-page a.afaq-btn,
html body .afaq-app.afaq-owner-edit-project-page button.afaq-btn {
    position: relative !important;
    overflow: hidden !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 9px 14px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(7, 19, 33, .080) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    color: var(--page-ink) !important;
    background: rgba(255,255,255,.92) !important;
    box-shadow: 0 8px 18px rgba(7,19,33,.044) !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    font-weight: 950 !important;
    cursor: pointer !important;
    text-align: center !important;
    white-space: nowrap !important;
    transition: transform var(--page-transition), box-shadow var(--page-transition), border-color var(--page-transition), background var(--page-transition), color var(--page-transition) !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-btn::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(90deg, rgba(255,255,255,.18), rgba(255,255,255,0)) !important;
    opacity: 0 !important;
    transition: opacity var(--page-transition) !important;
    pointer-events: none !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-btn:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(192, 140, 71, .30) !important;
    box-shadow: 0 14px 28px rgba(7,19,33,.075) !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-btn:hover::before {
    opacity: 1 !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-btn--primary {
    color: #ffffff !important;
    border-color: rgba(192, 140, 71, .25) !important;
    background: linear-gradient(135deg, var(--page-gold), var(--page-gold-2)) !important;
    box-shadow: 0 14px 28px rgba(192, 140, 71, .22) !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-btn--ghost {
    color: #9a672c !important;
    border-color: rgba(192, 140, 71, .20) !important;
    background: rgba(192, 140, 71, .09) !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-btn .dashicons {
    width: 16px !important;
    height: 16px !important;
    font-size: 16px !important;
    color: inherit !important;
}

/* ==========================================================================
   07) STATUS BADGES
   ========================================================================== */
html body .afaq-app.afaq-owner-edit-project-page .afaq-status,
html body .afaq-app.afaq-owner-edit-project-page .afaq-status-badge {
    width: fit-content !important;
    min-height: 28px !important;
    padding: 5px 11px !important;
    border-radius: 999px !important;
    color: #9a672c !important;
    background: #fff4df !important;
    border: 1px solid rgba(192, 140, 71, 0.28) !important;
    font-size: 10.8px !important;
    line-height: 1.35 !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
}

html body .afaq-app.afaq-owner-edit-project-page :where(.afaq-status--approved,.afaq-status--ready,.afaq-status--investment_ready,.afaq-status--ready_for_investment,.afaq-status--published,.afaq-status--completed,.afaq-status--paid) {
    color: #137344 !important;
    background: var(--page-success-soft) !important;
    border-color: rgba(23, 134, 80, 0.22) !important;
}

html body .afaq-app.afaq-owner-edit-project-page :where(.afaq-status--failed,.afaq-status--cancelled,.afaq-status--rejected) {
    color: var(--page-danger) !important;
    background: var(--page-danger-soft) !important;
    border-color: rgba(201, 61, 61, 0.22) !important;
}

html body .afaq-app.afaq-owner-edit-project-page :where(.afaq-status--pending,.afaq-status--pending_review,.afaq-status--under_review,.afaq-status--in_review,.afaq-status--processing,.afaq-status--study_preparation,.afaq-status--study_in_progress,.afaq-status--waiting_approval,.afaq-status--scheduled,.afaq-status--requested) {
    color: var(--page-warning) !important;
    background: var(--page-warning-soft) !important;
    border-color: rgba(196, 122, 44, .22) !important;
}


/* ==========================================================================
   08) EDIT PROJECT FORM - ROYAL FORM
   ========================================================================== */
html body .afaq-app.afaq-owner-edit-project-page .afaq-owner-intake-card {
    max-width: 1120px !important;
    margin: 0 auto !important;
}

html body .afaq-app.afaq-owner-edit-project-page #afaq-edit-project-form {
    position: relative !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-form {
    position: relative !important;
    display: grid !important;
    gap: 14px !important;
    width: 100% !important;
    margin: 0 !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-project-form {
    padding: 0 !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-form-section {
    position: relative !important;
    overflow: hidden !important;
    padding: 16px !important;
    border-radius: 24px !important;
    background:
        radial-gradient(circle at 0% 0%, rgba(192, 140, 71, .090), transparent 32%),
        linear-gradient(180deg, #ffffff 0%, #fffdf8 100%) !important;
    border: 1px solid rgba(7, 19, 33, .080) !important;
    box-shadow: 0 12px 28px rgba(7, 19, 33, .050) !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-form-section::before {
    content: "" !important;
    position: absolute !important;
    inset-inline-start: 0 !important;
    top: 0 !important;
    width: 5px !important;
    height: 100% !important;
    background: linear-gradient(180deg, var(--page-gold), rgba(192,140,71,0)) !important;
    pointer-events: none !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-form-section__head {
    position: relative !important;
    z-index: 1 !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 11px !important;
    margin: 0 0 14px !important;
    padding-bottom: 13px !important;
    border-bottom: 1px solid rgba(7, 19, 33, .070) !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-form-section__number {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    border-radius: 13px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, var(--page-gold), var(--page-gold-2)) !important;
    box-shadow: 0 12px 22px rgba(192, 140, 71, .22) !important;
    font-size: 13px !important;
    font-weight: 950 !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-form-section__head h3 {
    margin: 0 !important;
    color: var(--page-heading) !important;
    font-size: clamp(18px, 1.35vw, 25px) !important;
    line-height: 1.2 !important;
    font-weight: 950 !important;
    letter-spacing: -.025em !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-form-section__head p {
    margin: 5px 0 0 !important;
    color: var(--page-muted) !important;
    font-size: 12.8px !important;
    line-height: 1.55 !important;
    font-weight: 750 !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-form-grid {
    position: relative !important;
    z-index: 1 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    width: 100% !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-field {
    position: relative !important;
    display: grid !important;
    gap: 8px !important;
    min-width: 0 !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-field label {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    color: var(--page-heading) !important;
    font-size: 12.8px !important;
    line-height: 1.35 !important;
    font-weight: 950 !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-field label span {
    color: #c94343 !important;
    font-weight: 950 !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-field input,
html body .afaq-app.afaq-owner-edit-project-page .afaq-field textarea,
html body .afaq-app.afaq-owner-edit-project-page .afaq-field select {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    border: 1px solid rgba(7, 19, 33, .110) !important;
    border-radius: 17px !important;
    background:
        linear-gradient(180deg, #ffffff, #fffdf9) !important;
    color: var(--page-ink) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.92),
        0 7px 16px rgba(7,19,33,.035) !important;
    outline: 0 !important;
    font-size: 13.5px !important;
    line-height: 1.55 !important;
    font-weight: 800 !important;
    transition: border-color var(--page-transition), box-shadow var(--page-transition), transform var(--page-transition), background var(--page-transition) !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-field input {
    height: 50px !important;
    min-height: 50px !important;
    padding: 0 14px !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-field textarea {
    min-height: 142px !important;
    resize: vertical !important;
    padding: 13px 14px !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-field input::placeholder,
html body .afaq-app.afaq-owner-edit-project-page .afaq-field textarea::placeholder {
    color: rgba(83, 97, 118, .70) !important;
    font-weight: 700 !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-field input:focus,
html body .afaq-app.afaq-owner-edit-project-page .afaq-field textarea:focus,
html body .afaq-app.afaq-owner-edit-project-page .afaq-field select:focus {
    border-color: rgba(192, 140, 71, .50) !important;
    background: #ffffff !important;
    box-shadow:
        0 0 0 4px rgba(192, 140, 71, .105),
        0 16px 34px rgba(7, 19, 33, .070) !important;
    transform: translateY(-1px) !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-help-text,
html body .afaq-app.afaq-owner-edit-project-page .afaq-field small {
    display: block !important;
    color: var(--page-muted-2) !important;
    font-size: 11.4px !important;
    line-height: 1.45 !important;
    font-weight: 750 !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-form-actions {
    position: sticky !important;
    bottom: 12px !important;
    z-index: 8 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 9px !important;
    margin-top: 2px !important;
    padding: 12px !important;
    border-radius: 22px !important;
    background: rgba(255,255,255,.84) !important;
    border: 1px solid rgba(7, 19, 33, .075) !important;
    box-shadow: 0 18px 44px rgba(7, 19, 33, .080) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-form-actions .afaq-btn {
    min-width: 150px !important;
}


/* ==========================================================================
   09) ACCESSIBILITY / MICRO MOTION
   ========================================================================== */
html body .afaq-app.afaq-owner-edit-project-page :where(.afaq-card,.afaq-btn,.afaq-link,.afaq-action-card,.afaq-mini-row,.afaq-list-item,.afaq-field input,.afaq-field textarea) {
    will-change: transform !important;
}

html body .afaq-app.afaq-owner-edit-project-page :where(a,button,input,textarea,select):focus-visible {
    outline: 3px solid rgba(192, 140, 71, .26) !important;
    outline-offset: 3px !important;
}

@media (prefers-reduced-motion: reduce) {
    html body .afaq-app.afaq-owner-edit-project-page,
    html body .afaq-app.afaq-owner-edit-project-page *,
    html body .afaq-app.afaq-owner-edit-project-page *::before,
    html body .afaq-app.afaq-owner-edit-project-page *::after {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
    }
}

/* ==========================================================================
   10) RESPONSIVE - TABLET
   ========================================================================== */
@media screen and (max-width: 1180px) {
    html body .afaq-app.afaq-owner-edit-project-page .afaq-dashboard-grid--owner,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-dashboard-grid--owner-bottom {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-content,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-content--dashboard {
        padding-inline: 12px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-topbar {
        padding-inline: 12px !important;
    }
}

@media screen and (max-width: 1024px) {
    html body .afaq-app.afaq-owner-edit-project-page {
        max-width: 100vw !important;
        overflow-x: hidden !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-main,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-main:not(.afaq-main--standalone) {
        width: 100% !important;
        max-width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-content,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-content--dashboard {
        width: 100% !important;
        max-width: 100% !important;
        padding: 8px 8px 52px !important;
        display: block !important;
        overflow-x: hidden !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-content--dashboard::before,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-content--dashboard::after {
        display: none !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-dashboard-grid,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-dashboard-grid--owner,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-dashboard-grid--owner-bottom,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-action-list,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-mini-rows,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-list-stack {
        width: 100% !important;
        max-width: 100% !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-card,
    html body .afaq-app.afaq-owner-edit-project-page aside.afaq-card,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-action-card,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-mini-row,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-list-item {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page [data-afaq-pwa-install],
    html body .afaq-app.afaq-owner-edit-project-page .afaq-pwa-install,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-install-pwa,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-install-button {
        display: none !important;
    }
}

/* ==========================================================================
   11) RESPONSIVE - MOBILE COMPACT
   ========================================================================== */
@media screen and (max-width: 760px) {
    html body .afaq-app.afaq-owner-edit-project-page .afaq-topbar {
        padding: 5px 5px 3px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-topbar__content {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 0 !important;
        padding: 8px !important;
        border-radius: 15px !important;
        display: grid !important;
        grid-template-columns: 40px minmax(0, 1fr) !important;
        grid-template-areas:
            "toggle title"
            "action action" !important;
        gap: 7px 8px !important;
        align-items: center !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-mobile-menu-toggle {
        grid-area: toggle !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-page-title {
        grid-area: title !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-page-title h1,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-page-title strong {
        max-width: 100% !important;
        font-size: 19px !important;
        line-height: 1.15 !important;
        margin: 0 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-page-title p,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-page-title span {
        font-size: 10px !important;
        line-height: 1.25 !important;
        margin: 2px 0 0 !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-page-title::after {
        width: 46px !important;
        height: 2px !important;
        margin-top: 4px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-topbar__actions,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-header-actions {
        grid-area: action !important;
        width: 100% !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 5px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-user-card {
        display: none !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-content,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-content--dashboard {
        padding: 5px 5px 16px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-card {
        padding: 8px !important;
        border-radius: 13px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-card::before {
        width: 3px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-dashboard-grid {
        gap: 7px !important;
        margin-bottom: 7px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-section-head {
        display: block !important;
        margin-bottom: 7px !important;
        padding-bottom: 7px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-section-head h2 {
        font-size: 15.5px !important;
        margin-top: 4px !important;
        line-height: 1.2 !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-section-head p {
        font-size: 9.8px !important;
        line-height: 1.3 !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-kicker,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-section-head .afaq-kicker,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-status,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-status-badge {
        min-height: 20px !important;
        padding: 2px 7px !important;
        font-size: 9px !important;
        line-height: 1.2 !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-btn,
    html body .afaq-app.afaq-owner-edit-project-page a.afaq-btn,
    html body .afaq-app.afaq-owner-edit-project-page button.afaq-btn {
        width: 100% !important;
        min-height: 34px !important;
        padding: 7px 8px !important;
        border-radius: 9px !important;
        font-size: 10.5px !important;
        white-space: normal !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-actions,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-form-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 5px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-notice {
        padding: 8px !important;
        border-radius: 12px !important;
        gap: 7px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-notice p {
        font-size: 10px !important;
        line-height: 1.35 !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-empty-state {
        margin: 8px auto !important;
        padding: 14px 10px !important;
        border-radius: 14px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-empty-state__icon {
        width: 42px !important;
        height: 42px !important;
        border-radius: 14px !important;
        margin-bottom: 8px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-empty-state h3 {
        font-size: 15px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-empty-state p {
        font-size: 10px !important;
        line-height: 1.4 !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-form {
        gap: 7px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-form-section {
        padding: 8px !important;
        border-radius: 13px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-form-section__head {
        gap: 7px !important;
        margin-bottom: 8px !important;
        padding-bottom: 8px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-form-section__number {
        width: 27px !important;
        min-width: 27px !important;
        height: 27px !important;
        border-radius: 9px !important;
        font-size: 10px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-form-section__head h3 {
        font-size: 14.5px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-form-section__head p {
        font-size: 9.8px !important;
        line-height: 1.3 !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-form-grid {
        gap: 7px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-field {
        gap: 5px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-field label {
        font-size: 10.5px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-field input {
        height: 38px !important;
        min-height: 38px !important;
        padding: 0 9px !important;
        border-radius: 10px !important;
        font-size: 11px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-field textarea {
        min-height: 98px !important;
        padding: 9px !important;
        border-radius: 10px !important;
        font-size: 11px !important;
        line-height: 1.45 !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-help-text,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-field small {
        font-size: 9.3px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-form-actions {
        position: sticky !important;
        bottom: 6px !important;
        padding: 7px !important;
        border-radius: 12px !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

}

@media screen and (max-width: 430px) {
    html body .afaq-app.afaq-owner-edit-project-page .afaq-content,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-content--dashboard {
        padding: 4px 4px 14px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-topbar__content {
        grid-template-columns: 36px minmax(0, 1fr) !important;
        padding: 7px !important;
    }

    html body div.afaq-app.afaq-owner-edit-project-page button.afaq-mobile-menu-toggle,
    html body div.afaq-app.afaq-owner-edit-project-page .afaq-mobile-menu-toggle {
        width: 36px !important;
        min-width: 36px !important;
        max-width: 36px !important;
        height: 36px !important;
        min-height: 36px !important;
        max-height: 36px !important;
        border-radius: 11px !important;
        background-size:
            16px 2px,
            12px 2px,
            16px 2px,
            100% 100%,
            100% 100% !important;
        background-position:
            center calc(50% - 6px),
            center center,
            center calc(50% + 6px),
            center center,
            center center !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-page-title h1,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-page-title strong {
        font-size: 18px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-card {
        padding: 7px !important;
        border-radius: 12px !important;
    }
}

/* ==========================================================================
   12) PRINT
   ========================================================================== */
@media print {
    html body .afaq-app.afaq-owner-edit-project-page {
        background: #ffffff !important;
        color: #000000 !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-sidebar,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-topbar,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-btn,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-link,
    html body .afaq-app.afaq-owner-edit-project-page [data-afaq-pwa-install],
    html body .afaq-app.afaq-owner-edit-project-page .afaq-pwa-install,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-install-pwa,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-install-button {
        display: none !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-main {
        width: 100% !important;
        margin: 0 !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-card {
        box-shadow: none !important;
        break-inside: avoid !important;
    }
}

/* ==========================================================================
   AFAQ EDIT PROJECT - HARD LIGHT REBUILD OVERRIDE
   Version: project-details-v5-light-no-dark-hard
   Purpose: kill any dark owner/global style on project-details page
   ========================================================================== */

html body .afaq-app.afaq-owner-edit-project-page,
html body .afaq-app.afaq-owner-edit-project-page * {
    box-sizing: border-box !important;
}

html body .afaq-app.afaq-owner-edit-project-page {
    --ep-bg: #fffaf2 !important;
    --ep-card: #ffffff !important;
    --ep-card-2: #fffdf8 !important;
    --ep-border: rgba(15, 31, 50, .085) !important;
    --ep-border-gold: rgba(192, 140, 71, .24) !important;
    --ep-text: #101827 !important;
    --ep-title: #071321 !important;
    --ep-muted: #667085 !important;
    --ep-gold: #c08c47 !important;
    --ep-gold-2: #d9a15a !important;
    --ep-soft: #f7f9fc !important;
    --ep-shadow: 0 16px 40px rgba(7, 19, 33, .075) !important;

    background:
        radial-gradient(circle at 12% 0%, rgba(192, 140, 71, .10), transparent 30%),
        linear-gradient(180deg, #fffaf2 0%, #ffffff 42%, #f7f9fc 100%) !important;
    color: var(--ep-text) !important;
    overflow-x: hidden !important;
}

/* layout */
html body .afaq-app.afaq-owner-edit-project-page .afaq-main {
    background: transparent !important;
    color: var(--ep-text) !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-content,
html body .afaq-app.afaq-owner-edit-project-page .afaq-content--dashboard {
    background: transparent !important;
    padding: 14px 18px 42px !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
}

/* topbar light */
html body .afaq-app.afaq-owner-edit-project-page .afaq-topbar__content {
    background:
        radial-gradient(circle at 0% 0%, rgba(192, 140, 71, .12), transparent 34%),
        linear-gradient(135deg, rgba(255,255,255,.98), rgba(255,250,242,.96)) !important;
    border: 1px solid rgba(15, 31, 50, .08) !important;
    box-shadow: 0 15px 34px rgba(7, 19, 33, .07) !important;
    color: var(--ep-text) !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-page-title h1,
html body .afaq-app.afaq-owner-edit-project-page .afaq-page-title strong,
html body .afaq-app.afaq-owner-edit-project-page .afaq-page-title p,
html body .afaq-app.afaq-owner-edit-project-page .afaq-page-title span {
    color: var(--ep-title) !important;
    -webkit-text-fill-color: currentColor !important;
}

/* force every card to light */
html body .afaq-app.afaq-owner-edit-project-page .afaq-card,
html body .afaq-app.afaq-owner-edit-project-page aside.afaq-card,
html body .afaq-app.afaq-owner-edit-project-page .afaq-card--quick-actions {
    background:
        radial-gradient(circle at 0% 0%, rgba(192, 140, 71, .075), transparent 32%),
        linear-gradient(180deg, #ffffff 0%, #fffdf8 100%) !important;
    border: 1px solid var(--ep-border) !important;
    box-shadow: var(--ep-shadow) !important;
    color: var(--ep-text) !important;
    border-radius: 24px !important;
    padding: 18px !important;
    overflow: hidden !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-card--quick-actions {
    border-color: var(--ep-border-gold) !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-card::before {
    background: linear-gradient(180deg, rgba(192,140,71,.72), rgba(192,140,71,0)) !important;
    width: 4px !important;
}

/* section titles */
html body .afaq-app.afaq-owner-edit-project-page .afaq-section-head {
    border-bottom: 1px solid rgba(15,31,50,.075) !important;
    margin: 0 0 12px !important;
    padding: 0 0 12px !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-section-head h2 {
    color: var(--ep-title) !important;
    -webkit-text-fill-color: currentColor !important;
    font-size: clamp(18px, 1.35vw, 26px) !important;
    line-height: 1.22 !important;
    font-weight: 950 !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-kicker {
    color: #98652a !important;
    background: rgba(192, 140, 71, .10) !important;
    border: 1px solid rgba(192, 140, 71, .22) !important;
}

/* quick actions - no dark */
html body .afaq-app.afaq-owner-edit-project-page .afaq-action-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 9px !important;
    width: 100% !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-action-card,
html body .afaq-app.afaq-owner-edit-project-page a.afaq-action-card,
html body .afaq-app.afaq-owner-edit-project-page .afaq-card--quick-actions .afaq-action-card {
    background:
        radial-gradient(circle at 0% 0%, rgba(192,140,71,.08), transparent 35%),
        linear-gradient(135deg, #ffffff 0%, #fffaf2 100%) !important;
    color: var(--ep-text) !important;
    border: 1px solid rgba(15,31,50,.09) !important;
    box-shadow: 0 10px 22px rgba(7,19,33,.045) !important;
    border-radius: 17px !important;
    min-height: 58px !important;
    padding: 11px 12px !important;
    display: grid !important;
    grid-template-columns: 38px minmax(0,1fr) !important;
    gap: 10px !important;
    align-items: center !important;
    overflow: hidden !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-action-card:hover {
    background:
        radial-gradient(circle at 0% 0%, rgba(192,140,71,.13), transparent 36%),
        linear-gradient(135deg, #ffffff 0%, #fff4e5 100%) !important;
    border-color: rgba(192,140,71,.34) !important;
    box-shadow: 0 15px 32px rgba(7,19,33,.075) !important;
    transform: translateY(-2px) !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-action-card .dashicons,
html body .afaq-app.afaq-owner-edit-project-page .afaq-action-card > .dashicons {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    border-radius: 13px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--ep-gold) !important;
    background: rgba(192,140,71,.12) !important;
    border: 1px solid rgba(192,140,71,.20) !important;
    font-size: 18px !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-action-card strong {
    color: var(--ep-title) !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 950 !important;
}

/* data rows/list rows */
html body .afaq-app.afaq-owner-edit-project-page .afaq-mini-rows,
html body .afaq-app.afaq-owner-edit-project-page .afaq-list-stack {
    display: grid !important;
    gap: 8px !important;
    width: 100% !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-mini-row,
html body .afaq-app.afaq-owner-edit-project-page .afaq-list-item {
    background: linear-gradient(135deg, #ffffff 0%, #fffdf8 100%) !important;
    border: 1px solid rgba(15,31,50,.075) !important;
    box-shadow: 0 7px 16px rgba(7,19,33,.035) !important;
    color: var(--ep-text) !important;
    border-radius: 15px !important;
    min-height: 52px !important;
    padding: 10px 11px !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-mini-row {
    display: grid !important;
    grid-template-columns: minmax(112px,.35fr) minmax(0,1fr) !important;
    align-items: center !important;
    gap: 9px !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-list-item {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    align-items: center !important;
    gap: 9px !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-mini-row span,
html body .afaq-app.afaq-owner-edit-project-page .afaq-list-item h3 {
    color: var(--ep-title) !important;
    font-size: 12.3px !important;
    font-weight: 950 !important;
    line-height: 1.3 !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-mini-row small,
html body .afaq-app.afaq-owner-edit-project-page .afaq-list-item p {
    color: var(--ep-muted) !important;
    font-size: 11.5px !important;
    font-weight: 760 !important;
    line-height: 1.45 !important;
    overflow-wrap: anywhere !important;
}

/* buttons */
html body .afaq-app.afaq-owner-edit-project-page .afaq-btn,
html body .afaq-app.afaq-owner-edit-project-page a.afaq-btn,
html body .afaq-app.afaq-owner-edit-project-page button.afaq-btn {
    border-radius: 13px !important;
    min-height: 40px !important;
    padding: 8px 13px !important;
    font-size: 11.8px !important;
    font-weight: 950 !important;
    box-shadow: 0 8px 17px rgba(7,19,33,.045) !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-btn--primary {
    color: #ffffff !important;
    background: linear-gradient(135deg, var(--ep-gold), var(--ep-gold-2)) !important;
    border-color: rgba(192,140,71,.28) !important;
    box-shadow: 0 12px 24px rgba(192,140,71,.22) !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-btn--ghost,
html body .afaq-app.afaq-owner-edit-project-page .afaq-link {
    color: #98652a !important;
    background: rgba(192,140,71,.10) !important;
    border: 1px solid rgba(192,140,71,.20) !important;
}

/* force no dark anywhere inside details */
html body .afaq-app.afaq-owner-edit-project-page :is(.afaq-card,.afaq-action-card,.afaq-mini-row,.afaq-list-item,.afaq-section-head,.afaq-empty-state) {
    background-color: #ffffff !important;
}

html body .afaq-app.afaq-owner-edit-project-page :is(.afaq-card,.afaq-action-card,.afaq-mini-row,.afaq-list-item) :is(h1,h2,h3,h4,strong,span,small,p,div) {
    text-shadow: none !important;
}

/* desktop grid */
@media screen and (min-width: 1025px) {
    html body .afaq-app.afaq-owner-edit-project-page .afaq-dashboard-grid--owner-bottom {
        grid-template-columns: minmax(0, 1fr) minmax(300px, .56fr) !important;
        align-items: start !important;
        gap: 14px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page button.afaq-mobile-menu-toggle,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-mobile-menu-toggle {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        width: 0 !important;
        height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
    }
}

/* mobile/tablet compact */
@media screen and (max-width: 1024px) {
    html body .afaq-app.afaq-owner-edit-project-page,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-main,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-content,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-content--dashboard {
        width: 100% !important;
        max-width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        overflow-x: hidden !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-content,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-content--dashboard {
        padding: 7px 7px 22px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-dashboard-grid,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-dashboard-grid--owner-bottom,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-action-list,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-mini-rows,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-list-stack {
        grid-template-columns: 1fr !important;
        gap: 7px !important;
        margin-bottom: 7px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-card,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-card--quick-actions,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-action-card,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-mini-row,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-list-item {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page [data-afaq-pwa-install],
    html body .afaq-app.afaq-owner-edit-project-page .afaq-pwa-install,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-install-pwa,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-install-button {
        display: none !important;
    }
}

@media screen and (max-width: 760px) {
    html body .afaq-app.afaq-owner-edit-project-page .afaq-topbar {
        padding: 5px 5px 3px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-topbar__content {
        padding: 7px !important;
        border-radius: 14px !important;
        min-height: 0 !important;
        grid-template-columns: 38px minmax(0,1fr) !important;
        grid-template-areas:
            "toggle title"
            "action action" !important;
        gap: 6px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-mobile-menu-toggle {
        grid-area: toggle !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-page-title {
        grid-area: title !important;
        min-width: 0 !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-page-title h1,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-page-title strong {
        font-size: 18px !important;
        line-height: 1.15 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        margin: 0 !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-user-card {
        display: none !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-card {
        padding: 8px !important;
        border-radius: 13px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-section-head {
        display: block !important;
        padding-bottom: 7px !important;
        margin-bottom: 7px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-section-head h2 {
        font-size: 15.5px !important;
        margin-top: 4px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-kicker,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-status {
        min-height: 20px !important;
        padding: 2px 7px !important;
        font-size: 9px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-action-card {
        min-height: 45px !important;
        padding: 7px !important;
        border-radius: 11px !important;
        grid-template-columns: 28px minmax(0,1fr) !important;
        gap: 6px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-action-card .dashicons,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-action-card > .dashicons {
        width: 28px !important;
        min-width: 28px !important;
        height: 28px !important;
        border-radius: 9px !important;
        font-size: 14px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-action-card strong {
        font-size: 10.7px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-mini-row,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-list-item {
        min-height: 0 !important;
        padding: 7px !important;
        border-radius: 10px !important;
        grid-template-columns: 1fr !important;
        align-items: start !important;
        gap: 4px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-mini-row span,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-list-item h3 {
        font-size: 10.6px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-mini-row small,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-list-item p {
        font-size: 9.4px !important;
        line-height: 1.35 !important;
    }
}
/* ==========================================================================
   AFAQ EDIT PROJECT — PAYMENT IDENTITY + SAFE MOBILE COMPACT OVERRIDE
   Source page: assets/css/project-owner/edit-project.css
   Goal:
   - Keep the existing structure/classes exactly as-is.
   - Apply the same approved payment identity.
   - Navy is primary, gold is a small accent only.
   - Mobile becomes compact and readable without breaking forms/actions/sidebar.
   ========================================================================== */

html body .afaq-app.afaq-owner-edit-project-page,
html body .afaq-app.afaq-owner-edit-project-page * ,
html body .afaq-app.afaq-owner-edit-project-page *::before,
html body .afaq-app.afaq-owner-edit-project-page *::after {
    box-sizing: border-box !important;
}

html body .afaq-app.afaq-owner-edit-project-page {
    --afaq-edit-font: "Tajawal", "IBM Plex Sans Arabic", "Segoe UI", Arial, sans-serif !important;

    --page-white: #FFFFFF !important;
    --page-paper: #FFFFFF !important;
    --page-cream: #F6F8FB !important;
    --page-cream-2: #F6F8FB !important;
    --page-soft: #F6F8FB !important;
    --page-soft-2: #EEF2F7 !important;

    --page-heading: #172A47 !important;
    --page-ink: #24364F !important;
    --page-muted: #6B7788 !important;
    --page-muted-2: #7A8798 !important;

    --page-navy: #172A47 !important;
    --page-navy-2: #071F3F !important;
    --page-navy-3: #24364F !important;

    --page-gold: #C2A061 !important;
    --page-gold-2: #C2A061 !important;
    --page-gold-soft: rgba(194,160,97,.10) !important;

    --page-success: #15945A !important;
    --page-success-soft: rgba(21,148,90,.08) !important;
    --page-warning: #C2A061 !important;
    --page-warning-soft: rgba(194,160,97,.10) !important;
    --page-danger: #C43D3D !important;
    --page-danger-soft: rgba(196,61,61,.08) !important;
    --page-info: #172A47 !important;
    --page-info-soft: rgba(23,42,71,.07) !important;

    --page-border: rgba(23,42,71,.10) !important;
    --page-border-2: rgba(23,42,71,.16) !important;
    --page-border-gold: rgba(194,160,97,.18) !important;

    --page-shadow-xs: 0 8px 22px rgba(7,31,63,.055) !important;
    --page-shadow-sm: 0 12px 30px rgba(7,31,63,.065) !important;
    --page-shadow-md: 0 16px 46px rgba(7,31,63,.08) !important;
    --page-shadow-lg: 0 22px 60px rgba(7,31,63,.10) !important;

    --page-radius-xl: 22px !important;
    --page-radius-lg: 20px !important;
    --page-radius-md: 16px !important;
    --page-radius-sm: 12px !important;

    --ep-bg: #F6F8FB !important;
    --ep-card: #FFFFFF !important;
    --ep-card-2: #FBFCFE !important;
    --ep-border: rgba(23,42,71,.10) !important;
    --ep-border-gold: rgba(194,160,97,.18) !important;
    --ep-text: #24364F !important;
    --ep-title: #172A47 !important;
    --ep-muted: #6B7788 !important;
    --ep-gold: #C2A061 !important;
    --ep-gold-2: #C2A061 !important;
    --ep-soft: #F6F8FB !important;
    --ep-shadow: 0 16px 46px rgba(7,31,63,.08) !important;

    font-family: var(--afaq-edit-font) !important;
    color: #24364F !important;
    background:
        radial-gradient(circle at 92% 0%, rgba(194,160,97,.08), transparent 28%),
        linear-gradient(180deg, #FFFFFF 0%, #F7F8FB 100%) !important;
}

html body .afaq-app.afaq-owner-edit-project-page :where(a,button,input,textarea,select,label,p,h1,h2,h3,h4,h5,h6,div,span,strong,small,b,em,li) {
    font-family: var(--afaq-edit-font) !important;
    text-shadow: none !important;
}

html body .afaq-app.afaq-owner-edit-project-page :where(h1,h2,h3,h4,h5,h6,strong,b),
html body .afaq-app.afaq-owner-edit-project-page .afaq-page-title :where(h1,strong),
html body .afaq-app.afaq-owner-edit-project-page .afaq-section-head h2,
html body .afaq-app.afaq-owner-edit-project-page .afaq-form-section__head h3 {
    color: #172A47 !important;
    -webkit-text-fill-color: #172A47 !important;
}

html body .afaq-app.afaq-owner-edit-project-page :where(p,small,em,li),
html body .afaq-app.afaq-owner-edit-project-page .afaq-page-title :where(p,span,small),
html body .afaq-app.afaq-owner-edit-project-page .afaq-section-head p,
html body .afaq-app.afaq-owner-edit-project-page .afaq-help-text,
html body .afaq-app.afaq-owner-edit-project-page .afaq-field small {
    color: #6B7788 !important;
    -webkit-text-fill-color: #6B7788 !important;
}

/* page frame */
html body .afaq-app.afaq-owner-edit-project-page .afaq-main,
html body .afaq-app.afaq-owner-edit-project-page .afaq-content,
html body .afaq-app.afaq-owner-edit-project-page .afaq-content--dashboard {
    background: transparent !important;
    color: #24364F !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-content,
html body .afaq-app.afaq-owner-edit-project-page .afaq-content--dashboard {
    padding: 16px 20px 46px !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-content--dashboard::before {
    border-color: rgba(23,42,71,.08) !important;
    background:
        radial-gradient(circle at 92% 0%, rgba(194,160,97,.07), transparent 30%),
        linear-gradient(180deg, #FFFFFF 0%, #F6F8FB 100%) !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-content--dashboard::after {
    background: rgba(194,160,97,.08) !important;
}

/* topbar / sidebar */
html body .afaq-app.afaq-owner-edit-project-page .afaq-topbar {
    background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.82), transparent) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-topbar__content {
    min-height: 78px !important;
    border-radius: 22px !important;
    border: 1px solid rgba(23,42,71,.10) !important;
    background:
        radial-gradient(circle at 92% 0%, rgba(194,160,97,.08), transparent 32%),
        #FFFFFF !important;
    box-shadow: 0 12px 30px rgba(7,31,63,.065) !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-topbar__content::before {
    background:
        linear-gradient(90deg, rgba(194,160,97,.055), transparent 36%),
        radial-gradient(circle at 100% 0%, rgba(23,42,71,.035), transparent 28%) !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-page-title::after {
    background: linear-gradient(90deg, #C2A061, rgba(194,160,97,0)) !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-user-card {
    border-color: rgba(23,42,71,.10) !important;
    background: #FFFFFF !important;
    box-shadow: 0 8px 22px rgba(7,31,63,.055) !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-user-card__avatar {
    background: #172A47 !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-sidebar {
    background: #FFFFFF !important;
    color: #24364F !important;
    border-left: 1px solid rgba(23,42,71,.10) !important;
    box-shadow: -8px 0 26px rgba(7,31,63,.055) !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-sidebar__link {
    color: #6B7788 !important;
    background: transparent !important;
    border-color: transparent !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-sidebar__link:hover,
html body .afaq-app.afaq-owner-edit-project-page .afaq-sidebar__link.is-active {
    color: #172A47 !important;
    background: rgba(194,160,97,.10) !important;
    border-color: rgba(194,160,97,.18) !important;
}

/* cards */
html body .afaq-app.afaq-owner-edit-project-page .afaq-card,
html body .afaq-app.afaq-owner-edit-project-page aside.afaq-card,
html body .afaq-app.afaq-owner-edit-project-page .afaq-card--quick-actions,
html body .afaq-app.afaq-owner-edit-project-page .afaq-form-section,
html body .afaq-app.afaq-owner-edit-project-page .afaq-empty-state {
    background: #FFFFFF !important;
    border: 1px solid rgba(23,42,71,.10) !important;
    box-shadow: 0 12px 30px rgba(7,31,63,.065) !important;
    color: #24364F !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-card,
html body .afaq-app.afaq-owner-edit-project-page aside.afaq-card,
html body .afaq-app.afaq-owner-edit-project-page .afaq-card--quick-actions {
    border-radius: 20px !important;
    padding: 18px !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-card::before,
html body .afaq-app.afaq-owner-edit-project-page .afaq-form-section::before {
    background: linear-gradient(180deg, #C2A061, rgba(194,160,97,0)) !important;
    opacity: .55 !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-section-head {
    border-bottom-color: rgba(23,42,71,.10) !important;
}

/* badges / links */
html body .afaq-app.afaq-owner-edit-project-page .afaq-kicker,
html body .afaq-app.afaq-owner-edit-project-page .afaq-section-head .afaq-kicker,
html body .afaq-app.afaq-owner-edit-project-page .afaq-link,
html body .afaq-app.afaq-owner-edit-project-page .afaq-status,
html body .afaq-app.afaq-owner-edit-project-page .afaq-status-badge {
    color: #172A47 !important;
    -webkit-text-fill-color: #172A47 !important;
    background: rgba(194,160,97,.10) !important;
    border-color: rgba(194,160,97,.18) !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-link:hover {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    background: #172A47 !important;
    border-color: #172A47 !important;
    box-shadow: 0 12px 24px rgba(23,42,71,.16) !important;
}

html body .afaq-app.afaq-owner-edit-project-page :where(.afaq-status--approved,.afaq-status--ready,.afaq-status--investment_ready,.afaq-status--ready_for_investment,.afaq-status--published,.afaq-status--completed,.afaq-status--paid) {
    color: #15945A !important;
    -webkit-text-fill-color: #15945A !important;
    background: rgba(21,148,90,.08) !important;
    border-color: rgba(21,148,90,.18) !important;
}

html body .afaq-app.afaq-owner-edit-project-page :where(.afaq-status--failed,.afaq-status--cancelled,.afaq-status--rejected) {
    color: #C43D3D !important;
    -webkit-text-fill-color: #C43D3D !important;
    background: rgba(196,61,61,.08) !important;
    border-color: rgba(196,61,61,.20) !important;
}

/* buttons */
html body .afaq-app.afaq-owner-edit-project-page .afaq-btn,
html body .afaq-app.afaq-owner-edit-project-page a.afaq-btn,
html body .afaq-app.afaq-owner-edit-project-page button.afaq-btn,
html body .afaq-app.afaq-owner-edit-project-page .afaq-header-back,
html body .afaq-app.afaq-owner-edit-project-page .afaq-topbar__actions .afaq-btn,
html body .afaq-app.afaq-owner-edit-project-page .afaq-header-actions .afaq-btn {
    background: #FFFFFF !important;
    color: #172A47 !important;
    -webkit-text-fill-color: #172A47 !important;
    border-color: rgba(23,42,71,.10) !important;
    box-shadow: 0 8px 22px rgba(7,31,63,.055) !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-btn:hover {
    border-color: rgba(23,42,71,.22) !important;
    box-shadow: 0 12px 26px rgba(7,31,63,.08) !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-btn--primary,
html body .afaq-app.afaq-owner-edit-project-page button.afaq-btn--primary,
html body .afaq-app.afaq-owner-edit-project-page a.afaq-btn--primary {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    background: #172A47 !important;
    border-color: #172A47 !important;
    box-shadow: 0 12px 26px rgba(23,42,71,.18) !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-btn--ghost,
html body .afaq-app.afaq-owner-edit-project-page button.afaq-btn--ghost,
html body .afaq-app.afaq-owner-edit-project-page a.afaq-btn--ghost {
    color: #172A47 !important;
    -webkit-text-fill-color: #172A47 !important;
    background: #FFFFFF !important;
    border-color: rgba(23,42,71,.10) !important;
}

/* action cards / rows */
html body .afaq-app.afaq-owner-edit-project-page .afaq-action-card,
html body .afaq-app.afaq-owner-edit-project-page a.afaq-action-card,
html body .afaq-app.afaq-owner-edit-project-page .afaq-card--quick-actions .afaq-action-card,
html body .afaq-app.afaq-owner-edit-project-page .afaq-mini-row,
html body .afaq-app.afaq-owner-edit-project-page .afaq-list-item {
    background: #FFFFFF !important;
    color: #24364F !important;
    border-color: rgba(23,42,71,.10) !important;
    box-shadow: 0 8px 22px rgba(7,31,63,.045) !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-action-card:hover {
    background: #FBFCFE !important;
    border-color: rgba(23,42,71,.18) !important;
    box-shadow: 0 12px 28px rgba(7,31,63,.075) !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-action-card .dashicons,
html body .afaq-app.afaq-owner-edit-project-page .afaq-action-card > .dashicons,
html body .afaq-app.afaq-owner-edit-project-page .afaq-notice .dashicons {
    color: #172A47 !important;
    -webkit-text-fill-color: #172A47 !important;
    background: rgba(194,160,97,.10) !important;
    border-color: rgba(194,160,97,.18) !important;
}

/* form */
html body .afaq-app.afaq-owner-edit-project-page .afaq-form {
    gap: 12px !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-owner-intake-card {
    max-width: 1180px !important;
    width: min(100%, 1180px) !important;
    margin: 0 auto !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-form-section {
    padding: 16px !important;
    border-radius: 18px !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-form-section__head {
    border-bottom-color: rgba(23,42,71,.10) !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-form-section__number {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    background: #172A47 !important;
    box-shadow: 0 10px 22px rgba(23,42,71,.16) !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-field label {
    color: #172A47 !important;
    -webkit-text-fill-color: #172A47 !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-field label span {
    color: #C43D3D !important;
    -webkit-text-fill-color: #C43D3D !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-field input,
html body .afaq-app.afaq-owner-edit-project-page .afaq-field textarea,
html body .afaq-app.afaq-owner-edit-project-page .afaq-field select {
    background: #FFFFFF !important;
    color: #172A47 !important;
    -webkit-text-fill-color: #172A47 !important;
    border: 1px solid rgba(23,42,71,.14) !important;
    box-shadow: none !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-field input:focus,
html body .afaq-app.afaq-owner-edit-project-page .afaq-field textarea:focus,
html body .afaq-app.afaq-owner-edit-project-page .afaq-field select:focus {
    border-color: #172A47 !important;
    box-shadow: 0 0 0 3px rgba(23,42,71,.08) !important;
    transform: none !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-form-actions {
    background: rgba(255,255,255,.96) !important;
    border-color: rgba(23,42,71,.10) !important;
    box-shadow: 0 12px 28px rgba(7,31,63,.08) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* notices */
html body .afaq-app.afaq-owner-edit-project-page .afaq-notice {
    background: #FFFFFF !important;
    border-color: rgba(23,42,71,.10) !important;
    box-shadow: 0 8px 22px rgba(7,31,63,.055) !important;
}

html body .afaq-app.afaq-owner-edit-project-page .afaq-notice p {
    color: #24364F !important;
    -webkit-text-fill-color: #24364F !important;
}

/* mobile menu button */
@media screen and (max-width: 1024px) {
    html body div.afaq-app.afaq-owner-edit-project-page button.afaq-mobile-menu-toggle,
    html body div.afaq-app.afaq-owner-edit-project-page .afaq-mobile-menu-toggle,
    html body div.afaq-app.afaq-owner-edit-project-page .afaq-topbar button.afaq-mobile-menu-toggle,
    html body div.afaq-app.afaq-owner-edit-project-page .afaq-topbar__content button.afaq-mobile-menu-toggle {
        background-color: #172A47 !important;
        background-image:
            linear-gradient(#ffffff, #ffffff),
            linear-gradient(#ffffff, #ffffff),
            linear-gradient(#ffffff, #ffffff),
            radial-gradient(circle at 28% 18%, rgba(255,255,255,.25), transparent 38%),
            linear-gradient(135deg, #172A47 0%, #071F3F 100%) !important;
        border-color: rgba(23,42,71,.16) !important;
        box-shadow: 0 10px 22px rgba(23,42,71,.18) !important;
    }
}

/* safer tablet width */
@media screen and (max-width: 1024px) {
    html body .afaq-app.afaq-owner-edit-project-page {
        background: #F6F8FB !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-main,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-main:not(.afaq-main--standalone),
    html body .afaq-app.afaq-owner-edit-project-page .afaq-main--standalone,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-content,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-content--dashboard {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        overflow-x: hidden !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-content,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-content--dashboard {
        padding: 8px 8px 96px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-dashboard-grid,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-dashboard-grid--owner,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-dashboard-grid--owner-bottom {
        gap: 10px !important;
    }
}

/* mobile compact but not broken */
@media screen and (max-width: 760px) {
    html body .afaq-app.afaq-owner-edit-project-page {
        --page-radius-xl: 18px !important;
        --page-radius-lg: 16px !important;
        --page-radius-md: 13px !important;
        --page-radius-sm: 10px !important;
        background: #F6F8FB !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-topbar {
        padding: 6px 6px 4px !important;
        background: #F6F8FB !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-topbar__content {
        min-height: 0 !important;
        padding: 9px !important;
        border-radius: 16px !important;
        display: grid !important;
        grid-template-columns: 40px minmax(0,1fr) !important;
        grid-template-areas:
            "toggle title"
            "action action" !important;
        gap: 7px 8px !important;
        align-items: center !important;
        background: #FFFFFF !important;
        border-color: rgba(23,42,71,.10) !important;
        box-shadow: 0 8px 22px rgba(7,31,63,.055) !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-mobile-menu-toggle {
        grid-area: toggle !important;
        justify-self: start !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-page-title {
        grid-area: title !important;
        min-width: 0 !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-page-title h1,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-page-title strong {
        font-size: 19px !important;
        line-height: 1.15 !important;
        margin: 0 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-page-title p,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-page-title span {
        font-size: 10px !important;
        line-height: 1.35 !important;
        margin: 2px 0 0 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-page-title::after {
        width: 42px !important;
        height: 2px !important;
        margin-top: 4px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-topbar__actions,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-header-actions {
        grid-area: action !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 6px !important;
        width: 100% !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-user-card {
        display: none !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-content,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-content--dashboard {
        padding: 6px 6px 104px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-dashboard-grid,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-dashboard-grid--owner,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-dashboard-grid--owner-bottom,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-action-list,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-mini-rows,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-list-stack {
        gap: 8px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-card,
    html body .afaq-app.afaq-owner-edit-project-page aside.afaq-card,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-card--quick-actions,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-form-section {
        padding: 10px !important;
        border-radius: 15px !important;
        box-shadow: 0 8px 22px rgba(7,31,63,.055) !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-section-head {
        display: block !important;
        margin-bottom: 8px !important;
        padding-bottom: 8px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-section-head h2 {
        font-size: 16px !important;
        line-height: 1.22 !important;
        margin-top: 4px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-section-head p {
        font-size: 10.2px !important;
        line-height: 1.45 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-kicker,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-section-head .afaq-kicker,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-status,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-status-badge {
        min-height: 21px !important;
        padding: 3px 7px !important;
        font-size: 9px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-action-card,
    html body .afaq-app.afaq-owner-edit-project-page a.afaq-action-card,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-card--quick-actions .afaq-action-card,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-mini-row,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-list-item {
        min-height: 50px !important;
        padding: 9px !important;
        border-radius: 13px !important;
        grid-template-columns: 34px minmax(0,1fr) !important;
        gap: 8px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-action-card .dashicons,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-action-card > .dashicons {
        width: 34px !important;
        min-width: 34px !important;
        height: 34px !important;
        border-radius: 12px !important;
        font-size: 16px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-action-card strong,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-mini-row strong,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-list-item strong {
        font-size: 11.5px !important;
        line-height: 1.3 !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-action-card small,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-mini-row small,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-list-item p,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-list-item small {
        font-size: 9.5px !important;
        line-height: 1.35 !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-form {
        gap: 8px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-form-section__head {
        gap: 8px !important;
        margin-bottom: 8px !important;
        padding-bottom: 8px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-form-section__number {
        width: 30px !important;
        min-width: 30px !important;
        height: 30px !important;
        border-radius: 10px !important;
        font-size: 11px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-form-section__head h3 {
        font-size: 15px !important;
        line-height: 1.25 !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-form-section__head p {
        font-size: 10px !important;
        line-height: 1.4 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 1 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-form-grid {
        gap: 8px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-field {
        gap: 5px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-field label {
        font-size: 11px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-field input {
        height: 40px !important;
        min-height: 40px !important;
        padding: 0 10px !important;
        border-radius: 11px !important;
        font-size: 11.5px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-field textarea {
        min-height: 102px !important;
        padding: 10px !important;
        border-radius: 11px !important;
        font-size: 11.5px !important;
        line-height: 1.45 !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-field select {
        min-height: 40px !important;
        height: 40px !important;
        padding: 0 10px !important;
        border-radius: 11px !important;
        font-size: 11.5px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-help-text,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-field small {
        font-size: 9.5px !important;
        line-height: 1.35 !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-actions,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-form-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 6px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-btn,
    html body .afaq-app.afaq-owner-edit-project-page a.afaq-btn,
    html body .afaq-app.afaq-owner-edit-project-page button.afaq-btn {
        width: 100% !important;
        min-height: 38px !important;
        padding: 8px 10px !important;
        border-radius: 11px !important;
        font-size: 11px !important;
        white-space: normal !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-form-actions {
        position: sticky !important;
        bottom: 8px !important;
        padding: 8px !important;
        border-radius: 14px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-form-actions .afaq-btn {
        min-width: 0 !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-notice {
        padding: 9px !important;
        border-radius: 13px !important;
        gap: 8px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-notice p {
        font-size: 10.5px !important;
        line-height: 1.4 !important;
    }
}

@media screen and (max-width: 430px) {
    html body .afaq-app.afaq-owner-edit-project-page .afaq-content,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-content--dashboard {
        padding: 5px 5px 100px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-topbar__content {
        grid-template-columns: 36px minmax(0,1fr) !important;
        padding: 8px !important;
        border-radius: 15px !important;
    }

    html body div.afaq-app.afaq-owner-edit-project-page button.afaq-mobile-menu-toggle,
    html body div.afaq-app.afaq-owner-edit-project-page .afaq-mobile-menu-toggle {
        width: 36px !important;
        min-width: 36px !important;
        max-width: 36px !important;
        height: 36px !important;
        min-height: 36px !important;
        max-height: 36px !important;
        border-radius: 11px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-page-title h1,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-page-title strong {
        font-size: 18px !important;
    }

    html body .afaq-app.afaq-owner-edit-project-page .afaq-card,
    html body .afaq-app.afaq-owner-edit-project-page aside.afaq-card,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-card--quick-actions,
    html body .afaq-app.afaq-owner-edit-project-page .afaq-form-section {
        padding: 9px !important;
        border-radius: 14px !important;
    }
}