/* Portal header and page-title rules isolated from styles.css. */

/* Moved from styles.css: header collision guard and agenda header. */
/* Header collision guard: prevents title, center controls and toolbars from overlapping at high zoom. */
body:not(.is-logged-out) .portal-section-header {
    box-sizing: border-box;
    min-width: 0;
    min-height: 52px;
    row-gap: 8px;
    overflow: visible;
}

body:not(.is-logged-out) .portal-section-header > h2,
body:not(.is-logged-out) .portal-section-header #page-main-header,
body:not(.is-logged-out) .portal-section-header .agenda-title-tabs {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

body:not(.is-logged-out) .portal-section-header > h2,
body:not(.is-logged-out) .portal-section-header #page-main-header,
body:not(.is-logged-out) .portal-section-header .agenda-title-tabs > h2 {
    white-space: nowrap;
}

body:not(.is-logged-out) .portal-section-header > .flex.items-center.gap-3 {
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
}

body:not(.is-logged-out) .portal-section-header > .flex.items-center.gap-3::-webkit-scrollbar {
    display: none;
}

body:not(.is-logged-out) .portal-section-header .search-input-wrapper {
    min-width: 170px;
    max-width: min(260px, 34vw);
    flex: 1 1 190px;
}

body:not(.is-logged-out) .portal-section-header .search-input-wrapper input {
    min-width: 0;
    width: 100%;
}

body:not(.is-logged-out) #is-takip-view .portal-section-header {
    display: grid;
    grid-template-columns: minmax(190px, max-content) minmax(360px, 1fr) minmax(0, max-content);
    grid-template-areas: "job-title job-scope job-actions";
    align-items: center;
    column-gap: 12px;
    row-gap: 0;
}

body:not(.is-logged-out) #is-takip-view .portal-section-header > h2 {
    grid-area: job-title;
}

body:not(.is-logged-out) #is-takip-view .portal-section-header .job-tracking-time-scope {
    position: static;
    grid-area: job-scope;
    justify-self: start;
    transform: none;
    width: min(520px, 100%);
    max-width: 100%;
}

body:not(.is-logged-out) #is-takip-view .portal-section-header > .flex.items-center.gap-3 {
    grid-area: job-actions;
    justify-self: end;
    max-width: min(560px, 42vw);
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}

body:not(.is-logged-out) #maktu-evraklar-view .portal-section-header {
    display: grid;
    grid-template-columns: minmax(190px, max-content) minmax(0, max-content);
    align-items: center;
    justify-content: space-between;
    column-gap: 12px;
    row-gap: 0;
}

body:not(.is-logged-out) #maktu-evraklar-view .portal-section-header > h2 {
    min-width: 0;
    max-width: min(360px, 26vw);
}

body:not(.is-logged-out) #maktu-evraklar-view .portal-section-header > .flex.items-center.gap-3 {
    justify-self: end;
    flex-wrap: nowrap;
    max-width: min(680px, 62vw);
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 2px;
}

body:not(.is-logged-out) #maktu-evraklar-view .portal-section-header > .flex.items-center.gap-3::-webkit-scrollbar,
body:not(.is-logged-out) #is-takip-view .portal-section-header > .flex.items-center.gap-3::-webkit-scrollbar {
    display: none;
}

body:not(.is-logged-out) #maktu-evraklar-view .portal-section-header .search-input-wrapper {
    flex: 0 0 clamp(190px, 20vw, 250px);
    min-width: 190px;
    max-width: 250px;
}

body:not(.is-logged-out) #takvim-view .portal-section-header {
    grid-template-columns: minmax(250px, max-content) minmax(180px, 1fr) minmax(260px, max-content);
    align-items: center;
}

body:not(.is-logged-out) #takvim-view .agenda-title-tabs {
    max-width: min(430px, 100%);
}

body:not(.is-logged-out) #takvim-view .agenda-title-tabs #calendar-tabs-nav {
    max-width: min(330px, 100%);
    overflow-x: auto;
    scrollbar-width: none;
}

body:not(.is-logged-out) #takvim-view .agenda-title-tabs #calendar-tabs-nav::-webkit-scrollbar {
    display: none;
}

body:not(.is-logged-out) #takvim-view .portal-section-header > .absolute {
    min-width: 0;
    overflow: hidden;
}

@media (max-width: 1360px) {
    body:not(.is-logged-out) #takvim-view .portal-section-header {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    body:not(.is-logged-out) #takvim-view .portal-section-header > .absolute {
        grid-column: 1 / -1;
        grid-row: 2;
        justify-self: center;
        max-width: 100%;
    }

    body:not(.is-logged-out) #takvim-view .portal-section-header > .flex.items-center.gap-3 {
        grid-column: 2;
        grid-row: 1;
        max-width: min(520px, 50vw);
    }
}

@media (max-width: 1320px) {
    body:not(.is-logged-out) #is-takip-view .portal-section-header {
        grid-template-columns: minmax(130px, 160px) minmax(250px, 1fr) minmax(170px, min(320px, 28vw));
        column-gap: 10px;
    }

    body:not(.is-logged-out) #is-takip-view .portal-section-header > h2 {
        max-width: 160px;
        font-size: 18px;
    }

    body:not(.is-logged-out) #is-takip-view .portal-section-header .job-tracking-time-scope {
        width: 100%;
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    body:not(.is-logged-out) #is-takip-view .portal-section-header .job-tracking-time-scope button {
        min-width: 0;
        padding: 3px 4px;
        gap: 3px;
        font-size: 8.5px;
    }

    body:not(.is-logged-out) #is-takip-view .portal-section-header .job-tracking-time-scope button b {
        min-width: 18px;
        padding: 0 4px;
    }

    body:not(.is-logged-out) #is-takip-view .portal-section-header > .flex.items-center.gap-3 {
        width: 100%;
        max-width: 100%;
    }

    body:not(.is-logged-out) #is-takip-view .portal-section-header > .flex.items-center.gap-3 .search-input-wrapper {
        flex: 0 1 176px;
        min-width: 140px;
        max-width: 176px;
    }
}

@media (max-width: 1040px) {
    body:not(.is-logged-out) .portal-section-header,
    body:not(.is-logged-out) #dosya-view .portal-section-header,
    body:not(.is-logged-out) #takvim-view .portal-section-header,
    body:not(.is-logged-out) #is-takip-view .portal-section-header,
    body:not(.is-logged-out) #maktu-evraklar-view .portal-section-header {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas: none;
    }

    body:not(.is-logged-out) .portal-section-header > .flex.items-center.gap-3,
    body:not(.is-logged-out) #is-takip-view .portal-section-header > .flex.items-center.gap-3,
    body:not(.is-logged-out) #takvim-view .portal-section-header > .flex.items-center.gap-3,
    body:not(.is-logged-out) #maktu-evraklar-view .portal-section-header > .flex.items-center.gap-3 {
        grid-column: 1;
        grid-row: auto;
        justify-self: stretch;
        max-width: 100%;
    }

    body:not(.is-logged-out) #is-takip-view .portal-section-header .job-tracking-time-scope,
    body:not(.is-logged-out) #takvim-view .portal-section-header > .absolute {
        grid-column: 1;
        grid-row: auto;
        justify-self: stretch;
    }

    body:not(.is-logged-out) #is-takip-view .portal-section-header > h2,
    body:not(.is-logged-out) #maktu-evraklar-view .portal-section-header > h2 {
        grid-column: 1;
        grid-row: auto;
        max-width: 100%;
    }
}

/* Ajanda header: explicit areas keep tabs, period navigation and toolbar from colliding. */
body:not(.is-logged-out) #takvim-view .portal-section-header {
    display: grid;
    grid-template-columns: minmax(300px, 430px) minmax(190px, 1fr) minmax(250px, 520px);
    grid-template-areas: "agenda-title agenda-period agenda-actions";
    align-items: center;
    column-gap: 12px;
    row-gap: 8px;
}

body:not(.is-logged-out) #takvim-view .agenda-title-tabs {
    grid-area: agenda-title;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    width: 100%;
    max-width: 430px;
    min-width: 0;
}

body:not(.is-logged-out) #takvim-view .agenda-title-tabs > h2 {
    min-width: 0;
    font-size: clamp(17px, 1.25vw, 24px);
    line-height: 1;
}

body:not(.is-logged-out) #takvim-view .agenda-title-tabs #calendar-tabs-nav {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(72px, 1fr);
    gap: 6px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 4px;
    scrollbar-width: none;
}

body:not(.is-logged-out) #takvim-view .agenda-title-tabs #calendar-tabs-nav .tab-btn {
    min-width: 72px;
    max-width: none;
    width: auto;
    height: 29px;
    min-height: 29px;
    padding: 3px 6px;
    gap: 4px;
    font-size: 8.5px;
    line-height: 1;
}

body:not(.is-logged-out) #takvim-view .portal-section-header > .absolute {
    grid-area: agenda-period;
    position: static;
    left: auto;
    transform: none;
    justify-self: center;
    width: min(100%, 360px);
    min-width: 0;
    overflow: visible;
}

body:not(.is-logged-out) #takvim-view .portal-section-header > .absolute > div {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr) 36px;
    align-items: center;
    gap: 6px;
    width: 100%;
    min-width: 0;
    justify-content: stretch;
}

body:not(.is-logged-out) #takvim-view .portal-section-header > .absolute > div > .toolbar-btn {
    width: 36px;
    min-width: 36px;
    max-width: 36px;
    justify-self: center;
}

body:not(.is-logged-out) #takvim-view #calendar-title {
    min-width: 0;
    width: 100%;
    max-width: 100%;
    flex: initial;
    text-align: center;
    font-size: clamp(14px, 1.05vw, 20px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body:not(.is-logged-out) #takvim-view .portal-section-header > .flex.items-center.gap-3 {
    grid-area: agenda-actions;
    justify-self: end;
    width: 100%;
    max-width: 520px;
}

body:not(.is-logged-out) #takvim-view .portal-section-header > .flex.items-center.gap-3 .search-input-wrapper {
    min-width: 150px;
    max-width: 220px;
    flex: 1 1 170px;
}

@media (max-width: 1320px) {
    body:not(.is-logged-out) #takvim-view .portal-section-header {
        grid-template-columns: minmax(0, 1fr) minmax(250px, 520px);
        grid-template-areas:
            "agenda-title agenda-actions"
            "agenda-period agenda-period";
    }

    body:not(.is-logged-out) #takvim-view .portal-section-header > .absolute {
        justify-self: center;
        width: min(100%, 360px);
    }
}

@media (max-width: 980px) {
    body:not(.is-logged-out) #takvim-view .portal-section-header {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "agenda-title"
            "agenda-period"
            "agenda-actions";
    }

    body:not(.is-logged-out) #takvim-view .agenda-title-tabs,
    body:not(.is-logged-out) #takvim-view .portal-section-header > .absolute,
    body:not(.is-logged-out) #takvim-view .portal-section-header > .flex.items-center.gap-3 {
        justify-self: stretch;
        width: 100%;
        max-width: 100%;
    }
}

/* Moved from styles.css: portal page header grids. */
#dosya-view .portal-section-header {
    display: grid;
    grid-template-columns: minmax(170px, auto) minmax(0, 1fr) auto;
    gap: 12px;
}

#dosya-view #page-main-header {
    min-width: 0;
    margin-right: 0;
}

#dosya-view #active-row-header-info {
    position: static;
    left: auto;
    transform: none;
    color: #C5AA64;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    justify-self: center;
    text-align: center;
    padding: 0 10px;
}

#dosya-view .portal-section-header > .flex.items-center.gap-3 {
    justify-self: end;
    min-width: 0;
    flex-wrap: wrap;
    justify-content: flex-end;
}

#takvim-view .portal-section-header {
    display: grid;
    grid-template-columns: minmax(120px, auto) minmax(0, 1fr) auto;
    gap: 12px;
}

#takvim-view .portal-section-header > .absolute {
    position: static;
    left: auto;
    transform: none;
    min-width: 0;
    max-width: 100%;
    justify-self: center;
}

#takvim-view #calendar-title {
    min-width: min(200px, 100%);
    max-width: clamp(160px, 28vw, 360px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#takvim-view .portal-section-header > .flex.items-center.gap-3 {
    justify-self: end;
    min-width: 0;
    flex-wrap: wrap;
    justify-content: flex-end;
}

/* Moved from styles.css: portal section header base. */
/* --- NEW REFACTORED CLASSES --- */

.portal-section-header {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 12px;
    padding-bottom: 3px;
    border-bottom: 4px solid #1e3a8a;
    box-shadow: 0 3px 0 0 #C5AA64;
}

.portal-section-header > h2 {
    min-width: 0;
}

.portal-section-header > .flex.items-center.gap-3 {
    min-width: 0;
    flex-wrap: wrap;
    justify-content: flex-end;
}

/* Moved from styles.css: mobile client and office standard headers. */
@media (max-width: 768px) {
    body.client-mode .portal-section-header.mobile-client-standard-header,
    body.office-mode .portal-section-header.mobile-client-standard-header {
        display: grid;
        grid-template-columns: 38px minmax(0, 1fr) auto;
        align-items: center;
        gap: 8px;
        width: 100%;
        min-width: 0;
        padding: 0 0 10px 0;
        text-align: left;
    }

    body.client-mode .portal-section-header.mobile-client-standard-header .mobile-client-back-btn,
    body.client-mode .portal-section-header.mobile-client-standard-header .mobile-client-close-btn,
    body.office-mode .portal-section-header.mobile-client-standard-header .mobile-client-back-btn,
    body.office-mode .portal-section-header.mobile-client-standard-header .mobile-client-close-btn {
        display: inline-flex;
        width: 34px;
        min-width: 34px;
        height: 32px;
        min-height: 32px;
        align-items: center;
        justify-content: center;
        border: 2px solid #C5AA64;
        background: #1e3a8a;
        color: #C5AA64;
        border-radius: 10px;
        padding: 0;
        flex: 0 0 auto;
    }

    body.client-mode .portal-section-header.mobile-client-standard-header .mobile-client-back-btn i,
    body.client-mode .portal-section-header.mobile-client-standard-header .mobile-client-close-btn i,
    body.office-mode .portal-section-header.mobile-client-standard-header .mobile-client-back-btn i,
    body.office-mode .portal-section-header.mobile-client-standard-header .mobile-client-close-btn i {
        color: #C5AA64;
        stroke: #C5AA64;
    }

    body.client-mode .portal-section-header.mobile-client-standard-header > h2,
    body.client-mode .portal-section-header.mobile-client-standard-header #page-main-header,
    body.office-mode .portal-section-header.mobile-client-standard-header > h2,
    body.office-mode .portal-section-header.mobile-client-standard-header #page-main-header {
        max-width: none;
        justify-self: start;
        margin: 0;
    }

    body.client-mode .portal-section-header.mobile-client-standard-header > .flex.items-center.gap-3,
    body.office-mode .portal-section-header.mobile-client-standard-header > .flex.items-center.gap-3 {
        display: flex;
        justify-self: end;
        max-width: 178px;
        gap: 6px;
        min-width: 0;
        overflow-x: auto;
        scrollbar-width: none;
    }

    body.client-mode .portal-section-header.mobile-client-standard-header > .flex.items-center.gap-3 > .mobile-client-close-btn,
    body.client-mode .portal-section-header.mobile-client-standard-header .mobile-client-close-btn,
    body.office-mode .portal-section-header.mobile-client-standard-header > .flex.items-center.gap-3 > .mobile-client-close-btn,
    body.office-mode .portal-section-header.mobile-client-standard-header .mobile-client-close-btn {
        display: none;
    }

    body.client-mode #hesap-yonetimi-view .portal-section-header.mobile-client-standard-header > .flex.items-center.gap-3 > .search-input-wrapper,
    body.office-mode #hesap-yonetimi-view .portal-section-header.mobile-client-standard-header > .flex.items-center.gap-3 > .search-input-wrapper,
    body.client-mode #maktu-evraklar-view .portal-section-header.mobile-client-standard-header > .flex.items-center.gap-3 > .search-input-wrapper,
    body.office-mode #maktu-evraklar-view .portal-section-header.mobile-client-standard-header > .flex.items-center.gap-3 > .search-input-wrapper,
    body.client-mode #kullanici-view .portal-section-header.mobile-client-standard-header > .flex.items-center.gap-3 > .search-input-wrapper,
    body.office-mode #kullanici-view .portal-section-header.mobile-client-standard-header > .flex.items-center.gap-3 > .search-input-wrapper,
    body.client-mode #loglar-view .portal-section-header.mobile-client-standard-header > .flex.items-center.gap-3 > .search-input-wrapper ,
    body.office-mode #loglar-view .portal-section-header.mobile-client-standard-header > .flex.items-center.gap-3 > .search-input-wrapper {
        display: block;
    }

    body.client-mode #hesap-yonetimi-view .portal-section-header.mobile-client-standard-header > .flex.items-center.gap-3 > :not(.search-input-wrapper):not(.mobile-client-close-btn):not(.hidden),
    body.office-mode #hesap-yonetimi-view .portal-section-header.mobile-client-standard-header > .flex.items-center.gap-3 > :not(.search-input-wrapper):not(.mobile-client-close-btn):not(.hidden),
    body.client-mode #maktu-evraklar-view .portal-section-header.mobile-client-standard-header > .flex.items-center.gap-3 > :not(.search-input-wrapper):not(.mobile-client-close-btn):not(.hidden),
    body.office-mode #maktu-evraklar-view .portal-section-header.mobile-client-standard-header > .flex.items-center.gap-3 > :not(.search-input-wrapper):not(.mobile-client-close-btn):not(.hidden),
    body.client-mode #kullanici-view .portal-section-header.mobile-client-standard-header > .flex.items-center.gap-3 > :not(.search-input-wrapper):not(.mobile-client-close-btn):not(.hidden),
    body.office-mode #kullanici-view .portal-section-header.mobile-client-standard-header > .flex.items-center.gap-3 > :not(.search-input-wrapper):not(.mobile-client-close-btn):not(.hidden),
    body.client-mode #loglar-view .portal-section-header.mobile-client-standard-header > .flex.items-center.gap-3 > :not(.search-input-wrapper):not(.mobile-client-close-btn):not(.hidden),
    body.office-mode #loglar-view .portal-section-header.mobile-client-standard-header > .flex.items-center.gap-3 > :not(.search-input-wrapper):not(.mobile-client-close-btn):not(.hidden),
    body.client-mode #ayarlar-view .portal-section-header.mobile-client-standard-header > .flex.items-center.gap-3 > :not(.mobile-client-close-btn):not(.hidden) ,
    body.office-mode #ayarlar-view .portal-section-header.mobile-client-standard-header > .flex.items-center.gap-3 > :not(.mobile-client-close-btn):not(.hidden) {
        display: inline-flex;
    }

    body.office-mode .portal-section-header.mobile-client-standard-header > .flex.items-center.gap-3::-webkit-scrollbar {
        display: none;
    }

    body.client-mode #hesap-yonetimi-view .portal-section-header.mobile-client-standard-header,
    body.office-mode #hesap-yonetimi-view .portal-section-header.mobile-client-standard-header,
    body.client-mode #maktu-evraklar-view .portal-section-header.mobile-client-standard-header,
    body.office-mode #maktu-evraklar-view .portal-section-header.mobile-client-standard-header,
    body.client-mode #kullanici-view .portal-section-header.mobile-client-standard-header,
    body.office-mode #kullanici-view .portal-section-header.mobile-client-standard-header,
    body.client-mode #loglar-view .portal-section-header.mobile-client-standard-header,
    body.office-mode #loglar-view .portal-section-header.mobile-client-standard-header,
    body.client-mode #ayarlar-view .portal-section-header.mobile-client-standard-header ,
    body.office-mode #ayarlar-view .portal-section-header.mobile-client-standard-header {
        min-height: 48px;
        height: auto;
        padding: 8px;
        margin-bottom: 12px;
        border: 2px solid #C5AA64;
        border-radius: 12px;
        background: linear-gradient(180deg, #fffdf7 0%, #f1e4cc 100%);
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.74), 0 10px 22px rgba(15, 23, 42, 0.10);
        overflow: hidden;
    }

    body.client-mode #hesap-yonetimi-view .portal-section-header.mobile-client-standard-header,
    body.office-mode #hesap-yonetimi-view .portal-section-header.mobile-client-standard-header,
    body.client-mode #maktu-evraklar-view .portal-section-header.mobile-client-standard-header,
    body.office-mode #maktu-evraklar-view .portal-section-header.mobile-client-standard-header,
    body.client-mode #kullanici-view .portal-section-header.mobile-client-standard-header,
    body.office-mode #kullanici-view .portal-section-header.mobile-client-standard-header,
    body.client-mode #loglar-view .portal-section-header.mobile-client-standard-header ,
    body.office-mode #loglar-view .portal-section-header.mobile-client-standard-header {
        grid-template-columns: 38px minmax(0, 1fr) 38px;
        row-gap: 8px;
        column-gap: 8px;
    }

    body.client-mode #hesap-yonetimi-view .portal-section-header.mobile-client-standard-header > h2,
    body.office-mode #hesap-yonetimi-view .portal-section-header.mobile-client-standard-header > h2,
    body.client-mode #maktu-evraklar-view .portal-section-header.mobile-client-standard-header > h2,
    body.office-mode #maktu-evraklar-view .portal-section-header.mobile-client-standard-header > h2,
    body.client-mode #kullanici-view .portal-section-header.mobile-client-standard-header > h2,
    body.office-mode #kullanici-view .portal-section-header.mobile-client-standard-header > h2,
    body.client-mode #loglar-view .portal-section-header.mobile-client-standard-header > h2,
    body.office-mode #loglar-view .portal-section-header.mobile-client-standard-header > h2,
    body.client-mode #ayarlar-view .portal-section-header.mobile-client-standard-header > h2 ,
    body.office-mode #ayarlar-view .portal-section-header.mobile-client-standard-header > h2 {
        color: #071f4f;
        font-size: 13px;
        line-height: 1.1;
        letter-spacing: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    body.client-mode #hesap-yonetimi-view .portal-section-header.mobile-client-standard-header > h2,
    body.office-mode #hesap-yonetimi-view .portal-section-header.mobile-client-standard-header > h2,
    body.client-mode #maktu-evraklar-view .portal-section-header.mobile-client-standard-header > h2,
    body.office-mode #maktu-evraklar-view .portal-section-header.mobile-client-standard-header > h2,
    body.client-mode #kullanici-view .portal-section-header.mobile-client-standard-header > h2,
    body.office-mode #kullanici-view .portal-section-header.mobile-client-standard-header > h2,
    body.client-mode #loglar-view .portal-section-header.mobile-client-standard-header > h2 ,
    body.office-mode #loglar-view .portal-section-header.mobile-client-standard-header > h2 {
        grid-column: 2;
        justify-self: start;
        text-align: left;
        width: 100%;
    }

    body.client-mode #hesap-yonetimi-view .portal-section-header.mobile-client-standard-header .mobile-client-back-btn i,
    body.office-mode #hesap-yonetimi-view .portal-section-header.mobile-client-standard-header .mobile-client-back-btn i,
    body.client-mode #maktu-evraklar-view .portal-section-header.mobile-client-standard-header .mobile-client-back-btn i,
    body.office-mode #maktu-evraklar-view .portal-section-header.mobile-client-standard-header .mobile-client-back-btn i,
    body.client-mode #kullanici-view .portal-section-header.mobile-client-standard-header .mobile-client-back-btn i,
    body.office-mode #kullanici-view .portal-section-header.mobile-client-standard-header .mobile-client-back-btn i,
    body.client-mode #loglar-view .portal-section-header.mobile-client-standard-header .mobile-client-back-btn i,
    body.office-mode #loglar-view .portal-section-header.mobile-client-standard-header .mobile-client-back-btn i,
    body.client-mode #ayarlar-view .portal-section-header.mobile-client-standard-header .mobile-client-back-btn i ,
    body.office-mode #ayarlar-view .portal-section-header.mobile-client-standard-header .mobile-client-back-btn i {
        color: #071f4f;
        stroke: #071f4f;
    }

    body.client-mode #hesap-yonetimi-view .portal-section-header.mobile-client-standard-header .mobile-client-back-btn,
    body.office-mode #hesap-yonetimi-view .portal-section-header.mobile-client-standard-header .mobile-client-back-btn,
    body.client-mode #maktu-evraklar-view .portal-section-header.mobile-client-standard-header .mobile-client-back-btn,
    body.office-mode #maktu-evraklar-view .portal-section-header.mobile-client-standard-header .mobile-client-back-btn,
    body.client-mode #kullanici-view .portal-section-header.mobile-client-standard-header .mobile-client-back-btn,
    body.office-mode #kullanici-view .portal-section-header.mobile-client-standard-header .mobile-client-back-btn,
    body.client-mode #loglar-view .portal-section-header.mobile-client-standard-header .mobile-client-back-btn,
    body.office-mode #loglar-view .portal-section-header.mobile-client-standard-header .mobile-client-back-btn,
    body.client-mode #ayarlar-view .portal-section-header.mobile-client-standard-header .mobile-client-back-btn ,
    body.office-mode #ayarlar-view .portal-section-header.mobile-client-standard-header .mobile-client-back-btn {
        background: #ffffff;
        color: #071f4f;
        border-color: #C5AA64;
    }

    body.client-mode #hesap-yonetimi-view .portal-section-header.mobile-client-standard-header .search-input-wrapper,
    body.office-mode #hesap-yonetimi-view .portal-section-header.mobile-client-standard-header .search-input-wrapper,
    body.client-mode #maktu-evraklar-view .portal-section-header.mobile-client-standard-header .search-input-wrapper,
    body.office-mode #maktu-evraklar-view .portal-section-header.mobile-client-standard-header .search-input-wrapper,
    body.client-mode #kullanici-view .portal-section-header.mobile-client-standard-header .search-input-wrapper,
    body.office-mode #kullanici-view .portal-section-header.mobile-client-standard-header .search-input-wrapper,
    body.client-mode #loglar-view .portal-section-header.mobile-client-standard-header .search-input-wrapper ,
    body.office-mode #loglar-view .portal-section-header.mobile-client-standard-header .search-input-wrapper {
        position: relative;
        display: flex;
        align-items: center;
        flex: 0 0 100%;
        min-width: 0;
        width: 100%;
        max-width: 100%;
        height: 38px;
        border: 2px solid #C5AA64;
        border-radius: 11px;
        background: #ffffff;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .92), 0 6px 14px rgba(15, 23, 42, .14);
        overflow: hidden;
        box-sizing: border-box;
    }

    body.client-mode #hesap-yonetimi-view .portal-section-header.mobile-client-standard-header > .flex.items-center.gap-3,
    body.office-mode #hesap-yonetimi-view .portal-section-header.mobile-client-standard-header > .flex.items-center.gap-3,
    body.client-mode #maktu-evraklar-view .portal-section-header.mobile-client-standard-header > .flex.items-center.gap-3,
    body.office-mode #maktu-evraklar-view .portal-section-header.mobile-client-standard-header > .flex.items-center.gap-3,
    body.client-mode #kullanici-view .portal-section-header.mobile-client-standard-header > .flex.items-center.gap-3,
    body.office-mode #kullanici-view .portal-section-header.mobile-client-standard-header > .flex.items-center.gap-3,
    body.client-mode #loglar-view .portal-section-header.mobile-client-standard-header > .flex.items-center.gap-3 ,
    body.office-mode #loglar-view .portal-section-header.mobile-client-standard-header > .flex.items-center.gap-3,
    body.client-mode #ayarlar-view .portal-section-header.mobile-client-standard-header > .flex.items-center.gap-3,
    body.office-mode #ayarlar-view .portal-section-header.mobile-client-standard-header > .flex.items-center.gap-3 {
        grid-column: 1 / -1;
        width: 100%;
        max-width: none;
        justify-self: stretch;
        justify-content: flex-end;
        align-items: center;
        flex-wrap: wrap;
        gap: 7px;
        padding: 0;
        overflow-x: visible;
        overflow-y: visible;
    }

    body.client-mode #hesap-yonetimi-view .portal-section-header.mobile-client-standard-header > .flex.items-center.gap-3 > :not(.search-input-wrapper):not(.mobile-client-close-btn):not(.hidden),
    body.office-mode #hesap-yonetimi-view .portal-section-header.mobile-client-standard-header > .flex.items-center.gap-3 > :not(.search-input-wrapper):not(.mobile-client-close-btn):not(.hidden),
    body.client-mode #maktu-evraklar-view .portal-section-header.mobile-client-standard-header > .flex.items-center.gap-3 > :not(.search-input-wrapper):not(.mobile-client-close-btn):not(.hidden),
    body.office-mode #maktu-evraklar-view .portal-section-header.mobile-client-standard-header > .flex.items-center.gap-3 > :not(.search-input-wrapper):not(.mobile-client-close-btn):not(.hidden),
    body.client-mode #kullanici-view .portal-section-header.mobile-client-standard-header > .flex.items-center.gap-3 > :not(.search-input-wrapper):not(.mobile-client-close-btn):not(.hidden),
    body.office-mode #kullanici-view .portal-section-header.mobile-client-standard-header > .flex.items-center.gap-3 > :not(.search-input-wrapper):not(.mobile-client-close-btn):not(.hidden),
    body.client-mode #loglar-view .portal-section-header.mobile-client-standard-header > .flex.items-center.gap-3 > :not(.search-input-wrapper):not(.mobile-client-close-btn):not(.hidden) ,
    body.office-mode #loglar-view .portal-section-header.mobile-client-standard-header > .flex.items-center.gap-3 > :not(.search-input-wrapper):not(.mobile-client-close-btn):not(.hidden),
    body.client-mode #ayarlar-view .portal-section-header.mobile-client-standard-header > .flex.items-center.gap-3 > :not(.mobile-client-close-btn):not(.hidden),
    body.office-mode #ayarlar-view .portal-section-header.mobile-client-standard-header > .flex.items-center.gap-3 > :not(.mobile-client-close-btn):not(.hidden) {
        order: 1;
        margin-top: 0;
    }

    body.client-mode #hesap-yonetimi-view .portal-section-header.mobile-client-standard-header > .flex.items-center.gap-3 > .search-input-wrapper,
    body.office-mode #hesap-yonetimi-view .portal-section-header.mobile-client-standard-header > .flex.items-center.gap-3 > .search-input-wrapper,
    body.client-mode #maktu-evraklar-view .portal-section-header.mobile-client-standard-header > .flex.items-center.gap-3 > .search-input-wrapper,
    body.office-mode #maktu-evraklar-view .portal-section-header.mobile-client-standard-header > .flex.items-center.gap-3 > .search-input-wrapper,
    body.client-mode #kullanici-view .portal-section-header.mobile-client-standard-header > .flex.items-center.gap-3 > .search-input-wrapper,
    body.office-mode #kullanici-view .portal-section-header.mobile-client-standard-header > .flex.items-center.gap-3 > .search-input-wrapper,
    body.client-mode #loglar-view .portal-section-header.mobile-client-standard-header > .flex.items-center.gap-3 > .search-input-wrapper ,
    body.office-mode #loglar-view .portal-section-header.mobile-client-standard-header > .flex.items-center.gap-3 > .search-input-wrapper {
        order: 2;
        margin-top: 0;
    }

    body.client-mode #hesap-yonetimi-view .portal-section-header.mobile-client-standard-header .filter-input,
    body.office-mode #hesap-yonetimi-view .portal-section-header.mobile-client-standard-header .filter-input,
    body.client-mode #hesap-yonetimi-view .portal-section-header.mobile-client-standard-header .standard-filter-input,
    body.office-mode #hesap-yonetimi-view .portal-section-header.mobile-client-standard-header .standard-filter-input,
    body.client-mode #maktu-evraklar-view .portal-section-header.mobile-client-standard-header .filter-input,
    body.office-mode #maktu-evraklar-view .portal-section-header.mobile-client-standard-header .filter-input,
    body.client-mode #maktu-evraklar-view .portal-section-header.mobile-client-standard-header .standard-filter-input,
    body.office-mode #maktu-evraklar-view .portal-section-header.mobile-client-standard-header .standard-filter-input,
    body.client-mode #kullanici-view .portal-section-header.mobile-client-standard-header .filter-input,
    body.office-mode #kullanici-view .portal-section-header.mobile-client-standard-header .filter-input,
    body.client-mode #kullanici-view .portal-section-header.mobile-client-standard-header .standard-filter-input,
    body.office-mode #kullanici-view .portal-section-header.mobile-client-standard-header .standard-filter-input,
    body.client-mode #loglar-view .portal-section-header.mobile-client-standard-header .filter-input,
    body.office-mode #loglar-view .portal-section-header.mobile-client-standard-header .filter-input,
    body.client-mode #loglar-view .portal-section-header.mobile-client-standard-header .standard-filter-input ,
    body.office-mode #loglar-view .portal-section-header.mobile-client-standard-header .standard-filter-input {
        height: 38px;
        min-height: 38px;
        width: 100%;
        min-width: 0;
        padding: 0 36px 0 13px;
        border: 0;
        border-radius: 9px;
        font-size: 11px;
        font-weight: 900;
        color: #C5AA64;
        background: transparent;
        box-shadow: none;
        text-transform: uppercase;
        line-height: 38px;
        outline: none;
    }

    body.client-mode #hesap-yonetimi-view .portal-section-header.mobile-client-standard-header .filter-input::placeholder,
    body.office-mode #hesap-yonetimi-view .portal-section-header.mobile-client-standard-header .filter-input::placeholder,
    body.client-mode #hesap-yonetimi-view .portal-section-header.mobile-client-standard-header .standard-filter-input::placeholder,
    body.office-mode #hesap-yonetimi-view .portal-section-header.mobile-client-standard-header .standard-filter-input::placeholder,
    body.client-mode #maktu-evraklar-view .portal-section-header.mobile-client-standard-header .filter-input::placeholder,
    body.office-mode #maktu-evraklar-view .portal-section-header.mobile-client-standard-header .filter-input::placeholder,
    body.client-mode #maktu-evraklar-view .portal-section-header.mobile-client-standard-header .standard-filter-input::placeholder,
    body.office-mode #maktu-evraklar-view .portal-section-header.mobile-client-standard-header .standard-filter-input::placeholder,
    body.client-mode #kullanici-view .portal-section-header.mobile-client-standard-header .filter-input::placeholder,
    body.office-mode #kullanici-view .portal-section-header.mobile-client-standard-header .filter-input::placeholder,
    body.client-mode #kullanici-view .portal-section-header.mobile-client-standard-header .standard-filter-input::placeholder,
    body.office-mode #kullanici-view .portal-section-header.mobile-client-standard-header .standard-filter-input::placeholder,
    body.client-mode #loglar-view .portal-section-header.mobile-client-standard-header .filter-input::placeholder,
    body.office-mode #loglar-view .portal-section-header.mobile-client-standard-header .filter-input::placeholder,
    body.client-mode #loglar-view .portal-section-header.mobile-client-standard-header .standard-filter-input::placeholder ,
    body.office-mode #loglar-view .portal-section-header.mobile-client-standard-header .standard-filter-input::placeholder {
        color: #C5AA64;
        opacity: 1;
        font-weight: 900;
    }

    body.client-mode #hesap-yonetimi-view .portal-section-header.mobile-client-standard-header .search-input-wrapper button,
    body.office-mode #hesap-yonetimi-view .portal-section-header.mobile-client-standard-header .search-input-wrapper button,
    body.client-mode #maktu-evraklar-view .portal-section-header.mobile-client-standard-header .search-input-wrapper button,
    body.office-mode #maktu-evraklar-view .portal-section-header.mobile-client-standard-header .search-input-wrapper button,
    body.client-mode #kullanici-view .portal-section-header.mobile-client-standard-header .search-input-wrapper button,
    body.office-mode #kullanici-view .portal-section-header.mobile-client-standard-header .search-input-wrapper button,
    body.client-mode #loglar-view .portal-section-header.mobile-client-standard-header .search-input-wrapper button ,
    body.office-mode #loglar-view .portal-section-header.mobile-client-standard-header .search-input-wrapper button {
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        width: 20px;
        min-width: 20px;
        height: 20px;
        min-height: 20px;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        color: #C5AA64;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        box-shadow: none;
    }

    body.client-mode #hesap-yonetimi-view .portal-section-header.mobile-client-standard-header .search-input-wrapper button i,
    body.office-mode #hesap-yonetimi-view .portal-section-header.mobile-client-standard-header .search-input-wrapper button i,
    body.client-mode #maktu-evraklar-view .portal-section-header.mobile-client-standard-header .search-input-wrapper button i,
    body.office-mode #maktu-evraklar-view .portal-section-header.mobile-client-standard-header .search-input-wrapper button i,
    body.client-mode #kullanici-view .portal-section-header.mobile-client-standard-header .search-input-wrapper button i,
    body.office-mode #kullanici-view .portal-section-header.mobile-client-standard-header .search-input-wrapper button i,
    body.client-mode #loglar-view .portal-section-header.mobile-client-standard-header .search-input-wrapper button i ,
    body.office-mode #loglar-view .portal-section-header.mobile-client-standard-header .search-input-wrapper button i {
        width: 15px;
        height: 15px;
        color: #C5AA64;
        stroke: #C5AA64;
        stroke-width: 2.4;
    }

    body.client-mode #dosya-view #active-row-header-info {
        position: static;
        transform: none;
        justify-self: stretch;
        max-width: 100%;
        min-width: 0;
        padding: 7px 10px;
        border: 2px solid #C5AA64;
        border-radius: 10px;
        background: #ffffff;
        color: #1e3a8a;
        font-size: 10px;
        line-height: 1.1;
        font-weight: 950;
        text-align: center;
        opacity: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        pointer-events: none;
    }

    .portal-section-header > .flex.items-center.gap-3,
    #dosya-view .portal-section-header > .flex.items-center.gap-3,
    #takvim-view .portal-section-header > .flex.items-center.gap-3 {
        flex: 0 0 auto;
        width: auto;
        max-width: 46vw;
        overflow: visible;
        padding-bottom: 0;
    }

    .portal-section-header .search-input-wrapper {
        display: flex;
        width: 132px;
        min-width: 132px;
        flex: 0 0 132px;
    }

    body.client-mode #hesap-yonetimi-view .portal-section-header.mobile-client-standard-header .search-input-wrapper,
    body.office-mode #hesap-yonetimi-view .portal-section-header.mobile-client-standard-header .search-input-wrapper,
    body.client-mode #maktu-evraklar-view .portal-section-header.mobile-client-standard-header .search-input-wrapper,
    body.office-mode #maktu-evraklar-view .portal-section-header.mobile-client-standard-header .search-input-wrapper,
    body.client-mode #kullanici-view .portal-section-header.mobile-client-standard-header .search-input-wrapper,
    body.office-mode #kullanici-view .portal-section-header.mobile-client-standard-header .search-input-wrapper,
    body.client-mode #loglar-view .portal-section-header.mobile-client-standard-header .search-input-wrapper ,
    body.office-mode #loglar-view .portal-section-header.mobile-client-standard-header .search-input-wrapper {
        display: flex;
        position: relative;
        flex: 0 0 100%;
        width: 100%;
        min-width: 0;
        max-width: 100%;
        height: 38px;
        background: #ffffff;
        border: 2px solid #C5AA64;
        border-radius: 11px;
        overflow: hidden;
        box-sizing: border-box;
    }

    body.client-mode #hesap-yonetimi-view .portal-section-header.mobile-client-standard-header .search-input-wrapper input,
    body.office-mode #hesap-yonetimi-view .portal-section-header.mobile-client-standard-header .search-input-wrapper input,
    body.client-mode #maktu-evraklar-view .portal-section-header.mobile-client-standard-header .search-input-wrapper input,
    body.office-mode #maktu-evraklar-view .portal-section-header.mobile-client-standard-header .search-input-wrapper input,
    body.client-mode #kullanici-view .portal-section-header.mobile-client-standard-header .search-input-wrapper input,
    body.office-mode #kullanici-view .portal-section-header.mobile-client-standard-header .search-input-wrapper input,
    body.client-mode #loglar-view .portal-section-header.mobile-client-standard-header .search-input-wrapper input ,
    body.office-mode #loglar-view .portal-section-header.mobile-client-standard-header .search-input-wrapper input {
        width: 100%;
        height: 100%;
        min-height: 0;
        padding: 0 38px 0 13px;
        border: 0;
        border-radius: 9px;
        background: #ffffff;
        color: #C5AA64;
        -webkit-text-fill-color: #C5AA64;
        box-shadow: none;
        outline: none;
        font-size: 11px;
        font-weight: 900;
        line-height: 34px;
        text-transform: uppercase;
    }

    body.client-mode #hesap-yonetimi-view .portal-section-header.mobile-client-standard-header .search-input-wrapper input::placeholder,
    body.office-mode #hesap-yonetimi-view .portal-section-header.mobile-client-standard-header .search-input-wrapper input::placeholder,
    body.client-mode #maktu-evraklar-view .portal-section-header.mobile-client-standard-header .search-input-wrapper input::placeholder,
    body.office-mode #maktu-evraklar-view .portal-section-header.mobile-client-standard-header .search-input-wrapper input::placeholder,
    body.client-mode #kullanici-view .portal-section-header.mobile-client-standard-header .search-input-wrapper input::placeholder,
    body.office-mode #kullanici-view .portal-section-header.mobile-client-standard-header .search-input-wrapper input::placeholder,
    body.client-mode #loglar-view .portal-section-header.mobile-client-standard-header .search-input-wrapper input::placeholder ,
    body.office-mode #loglar-view .portal-section-header.mobile-client-standard-header .search-input-wrapper input::placeholder {
        color: #C5AA64;
        -webkit-text-fill-color: #C5AA64;
        opacity: 1;
    }

    body.client-mode #hesap-yonetimi-view .portal-section-header.mobile-client-standard-header .search-input-wrapper button,
    body.office-mode #hesap-yonetimi-view .portal-section-header.mobile-client-standard-header .search-input-wrapper button,
    body.client-mode #maktu-evraklar-view .portal-section-header.mobile-client-standard-header .search-input-wrapper button,
    body.office-mode #maktu-evraklar-view .portal-section-header.mobile-client-standard-header .search-input-wrapper button,
    body.client-mode #kullanici-view .portal-section-header.mobile-client-standard-header .search-input-wrapper button,
    body.office-mode #kullanici-view .portal-section-header.mobile-client-standard-header .search-input-wrapper button,
    body.client-mode #loglar-view .portal-section-header.mobile-client-standard-header .search-input-wrapper button ,
    body.office-mode #loglar-view .portal-section-header.mobile-client-standard-header .search-input-wrapper button {
        position: absolute;
        left: auto;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 3;
    }
}