:root {
    --font-ui: "Inter", Arial, sans-serif;
    --fs-xs: 9px;
    --fs-sm: 10px;
    --fs-md: 11px;
    --fs-lg: 14px;
    --fs-xl: 25px;
    --ink: #10211d;
    --muted: #687b76;
    --line: #dce6e2;
    --canvas: #f4f7f6;
    --white: #fff;
    --green: #16875f;
    --green2: #0f6b4c;
    --green-soft: #e7f5ef;
    --blue: #2c78ad;
    --blue-soft: #e7f2f9;
    --amber: #a7680c;
    --amber-soft: #fff2d7;
    --red: #ce4646;
    --red-soft: #fce8e8;
    --side: #102d27;
    --radius: 14px;
    --shadow: 0 20px 60px rgba(15, 43, 35, .12);
}

body, button, input, select, textarea { font-family: var(--font-ui) !important; font-size: var(--fs-md) !important; }
body * { font-size: var(--fs-md) !important; }
body { color: var(--ink); }
body h1 { font-size: var(--fs-xl) !important; font-weight: 500; letter-spacing: -.8px; }
body h2 { font-size: var(--fs-lg) !important; }
body h3, body h4, body .btn, body strong { font-size: var(--fs-md) !important; }
body small, body .kicker, body .today-label, body .badge, body .status-badge, body .muted, body time, body em { font-size: var(--fs-xs) !important; }
body p, body label, body a, body span { font-size: inherit; }
.tr-date-control { position: relative; display: flex; width: 100%; margin-top: 5px; }
.tr-date-input { display: block !important; flex: 1; min-width: 0 !important; width: 100% !important; height: 40px !important; margin: 0 !important; padding: 0 12px !important; border: 1px solid var(--line) !important; border-radius: 8px 0 0 8px !important; background: #fff !important; color: var(--ink) !important; line-height: 40px !important; }
.tr-date-input::placeholder { color: #899894 !important; opacity: 1; }
.tr-date-button { display: grid; place-items: center; flex: 0 0 40px; height: 40px; margin: 0; padding: 0; border: 1px solid var(--line); border-left: 0; border-radius: 0 8px 8px 0; background: #f8faf9; color: var(--muted); cursor: pointer; }
.tr-date-button:hover { color: var(--green); background: var(--green-soft); }
.tr-date-button svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.tr-native-picker { position: absolute !important; right: 20px; bottom: 0; width: 1px !important; height: 1px !important; padding: 0 !important; border: 0 !important; opacity: 0; pointer-events: none; }
.composer-context label, .schedule-field { min-width: 0; }
.composer-context .tr-date-control, .composer-footer .tr-date-control { min-width: 180px; }
.permission-fieldset label span small { display: none !important; }
.ui-icon { display: inline-block; width: 18px; height: 18px; flex: 0 0 auto; }
.social-brand { width: 32px; height: 32px; border-radius: 9px; display: inline-grid; place-items: center; flex: 0 0 auto; }
.social-brand svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.social-brand-instagram { color: #c23c79; background: #fae8f1; }
.social-brand-facebook { color: #3378cc; background: #e9f1fc; }
.social-brand-x { color: #182522; background: #edf1f0; }
.social-brand-linkedin { color: #166c9b; background: #e7f1f7; }
.social-brand.large { width: 40px; height: 40px; border-radius: 11px; }
.social-brand.xl { width: 52px; height: 52px; border-radius: 14px; }
.social-brand.xl svg { width: 23px; height: 23px; }

.side nav a .ui-icon, .side-foot > a .ui-icon { width: 19px; height: 19px; }
.brand .logo-mark .ui-icon { width: 18px; }
.top p { display: flex; gap: 10px; align-items: center; }
.top p b { color: #a1afab; font-weight: 400; }
.top p strong { font-weight: 650; }
.top > div { display: flex; align-items: center; gap: 10px; }
.search-button { display: flex; align-items: center; gap: 9px; padding: 0 10px; width: 240px; }
.search-button span { flex: 1; }
.search-button kbd { border: 1px solid var(--line); border-radius: 5px; padding: 2px 6px; color: #82918d; background: #f8faf9; font-size: var(--fs-xs); }
.top-icon { position: relative; display: grid; place-items: center; }
.top-icon > i { position: absolute; right: 7px; top: 6px; width: 5px; height: 5px; background: #ea604c; border-radius: 50%; }
.page { max-width: 1680px; padding: 34px 38px 60px; }
.page-head { margin-bottom: 28px; }
.page-head h1 { margin: 10px 0 8px; }
.page-head p { color: var(--muted); }
.btn { gap: 8px; min-height: 44px; padding: 0 17px; }
.btn .ui-icon { width: 18px; }

.dashboard-hero { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 30px; }
.dashboard-hero h1 { margin: 14px 0 8px; }
.dashboard-hero p { margin: 0; color: var(--muted); }
.today-label { color: var(--green); text-transform: uppercase; letter-spacing: 2px; font-weight: 700; }
.hero-actions { display: flex; gap: 12px; }
.daily-summary { display: flex; align-items: center; gap: 16px; min-height: 86px; border: 1px solid #c7e5d9; background: #eff9f5; border-radius: var(--radius); padding: 16px 20px; margin-bottom: 20px; }
.summary-icon { width: 44px; height: 44px; background: #fff; color: var(--green); border-radius: 11px; display: grid; place-items: center; }
.daily-summary > div { flex: 1; }
.daily-summary b, .daily-summary small { display: block; }
.daily-summary small { color: var(--muted); margin-top: 6px; }
.daily-summary a { color: var(--green); font-weight: 650; display: inline-flex; align-items: center; gap: 7px; }
.dashboard-stats { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; margin-bottom: 22px; }
.dashboard-stats article { min-height: 124px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 20px; display: flex; align-items: flex-start; gap: 16px; }
.stat-icon { width: 46px; height: 46px; border-radius: 11px; display: grid; place-items: center; }
.stat-icon .ui-icon { width: 22px; height: 22px; }
.dashboard-stats small, .dashboard-stats b, .dashboard-stats em { display: block; font-style: normal; }
.dashboard-stats small { color: var(--muted); }
.dashboard-stats b { font-size: var(--fs-xl) !important; margin: 7px 0; }
.dashboard-stats em { color: #879691; }
.blue { color: var(--blue); background: var(--blue-soft); }
.amber { color: var(--amber); background: var(--amber-soft); }
.green { color: var(--green); background: var(--green-soft); }
.red { color: var(--red); background: var(--red-soft); }
.panel { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; }
.panel > header { min-height: 88px; border-bottom: 1px solid #e8efec; padding: 20px 24px; display: flex; align-items: center; justify-content: space-between; }
.panel > header h2 { margin: 0; font-weight: 500; }
.panel > header p { color: var(--muted); margin: 6px 0 0; }
.panel > header a { color: var(--green); font-weight: 650; display: inline-flex; align-items: center; gap: 6px; }
.dashboard-main-grid { display: grid; grid-template-columns: minmax(0,1.65fr) minmax(330px,.75fr); gap: 20px; margin-bottom: 20px; }
.plan-row { width: 100%; min-height: 78px; border: 0; border-bottom: 1px solid #e8efec; background: #fff; padding: 14px 24px; display: grid; grid-template-columns: 44px minmax(150px,1fr) minmax(260px,.9fr) 98px 20px; align-items: center; gap: 16px; text-align: left; cursor: pointer; }
.plan-row:hover { background: #f9fbfa; }
.client-avatar, .customer-avatar { width: 44px; height: 44px; object-fit: cover; border-radius: 11px; }
.client-avatar.fallback, .customer-avatar.fallback { display: grid; place-items: center; font-weight: 700; color: var(--green); background: #d9f7e8; }
.client-avatar.large { width: 54px; height: 54px; border-radius: 14px; }
.tone-1 .client-avatar.fallback, .tone-1 .customer-avatar.fallback { background: #f9e3f0; color: #c33478; }
.tone-2 .client-avatar.fallback, .tone-2 .customer-avatar.fallback { background: #dceffa; color: #2778a9; }
.tone-3 .client-avatar.fallback, .tone-3 .customer-avatar.fallback { background: #fff0bd; color: #a16c08; }
.plan-client b, .plan-client small { display: block; }
.plan-client small { color: var(--muted); margin-top: 5px; }
.plan-progress > span { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.plan-progress > i, .customer-progress, .finance-progress { display: block; height: 5px; border-radius: 20px; background: #e3ebe8; overflow: hidden; }
.plan-progress > i em, .customer-progress em, .finance-progress em { display: block; height: 100%; background: var(--green); }
.pending-pill { justify-self: center; background: var(--amber-soft); color: var(--amber); padding: 7px 11px; border-radius: 20px; font-size: var(--fs-xs); font-weight: 650; }
.pending-pill.complete { background: var(--green-soft); color: var(--green); }
.icon-button { width: 38px; height: 38px; border: 1px solid var(--line); border-radius: 9px; background: #fff; display: grid; place-items: center; }
.activity-feed { padding: 4px 22px; }
.activity-feed > div { display: flex; gap: 13px; padding: 16px 0; border-bottom: 1px solid #e8efec; }
.activity-icon { width: 38px; height: 38px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 10px; background: var(--green-soft); color: var(--green); }
.activity-feed p { margin: 0; }
.activity-feed b, .activity-feed small { display: block; }
.activity-feed small { color: var(--muted); margin-top: 5px; }
.dashboard-bottom-grid { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(380px,.9fr); gap: 20px; }
.upcoming-row { min-height: 72px; padding: 12px 24px; display: flex; align-items: center; gap: 15px; border-bottom: 1px solid #e8efec; }
.upcoming-row time { width: 42px; text-align: center; border-right: 1px solid var(--line); padding-right: 14px; }
.upcoming-row time b, .upcoming-row time small, .upcoming-row p b, .upcoming-row p small { display: block; }
.upcoming-row time b { font-size: var(--fs-lg) !important; }
.upcoming-row p { flex: 1; margin: 0; }
.upcoming-row p small { color: var(--muted); margin-top: 5px; }
.event-badge { width: 40px; height: 40px; border-radius: 11px; display: grid; place-items: center; color: var(--green); background: var(--green-soft); }
.finance-summary { padding-bottom: 25px; }
.finance-numbers { display: grid; grid-template-columns: repeat(3,1fr); padding: 24px; }
.finance-numbers span { padding: 0 16px; border-right: 1px solid var(--line); }
.finance-numbers span:first-child { padding-left: 0; }
.finance-numbers span:last-child { border: 0; }
.finance-numbers small, .finance-numbers b { display: block; }
.finance-numbers small { color: var(--muted); }
.finance-numbers b { margin-top: 10px; font-size: var(--fs-lg) !important; }
.positive { color: var(--green); }
.finance-progress { margin: 0 24px; }

.screen-backdrop { position: fixed; inset: 0; z-index: 80; background: rgba(14,31,27,.42); opacity: 0; visibility: hidden; transition: .2s; }
.screen-backdrop.show { opacity: 1; visibility: visible; }
.client-sidepanel { position: fixed; z-index: 90; right: 0; top: 0; bottom: 0; width: min(585px,96vw); background: #f8faf9; box-shadow: -20px 0 60px rgba(11,29,24,.18); transform: translateX(102%); transition: .24s ease; overflow: auto; }
.client-sidepanel.open { transform: translateX(0); }
.client-sidepanel > header { height: 104px; background: #fff; border-bottom: 1px solid var(--line); padding: 20px 24px; display: flex; align-items: center; justify-content: space-between; }
.client-sidepanel > header > div { display: flex; align-items: center; gap: 15px; }
.client-sidepanel h2 { margin: 0 0 6px; font-weight: 500; }
.client-sidepanel header small { color: var(--muted); }
.client-sidepanel header > button { width: 40px; height: 40px; border: 1px solid var(--line); background: #fff; border-radius: 9px; display: grid; place-items: center; }
.drawer-tabs { height: 56px; display: flex; align-items: flex-end; gap: 28px; padding: 0 24px; background: #fff; border-bottom: 1px solid var(--line); }
.drawer-tabs button { border: 0; border-bottom: 2px solid transparent; background: transparent; height: 56px; color: var(--muted); }
.drawer-tabs button.active { color: var(--green); border-color: var(--green); }
.drawer-body { padding: 22px; }
.drawer-tab { display: none; }
.drawer-tab.active { display: block; }
.approval-overview { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 22px; }
.approval-overview > div { display: flex; justify-content: space-between; align-items: center; }
.approval-overview > div > small { color: var(--muted); letter-spacing: 1px; }
.approval-overview > div span b { font-size: var(--fs-lg) !important; }
.approval-overview > i { display: block; height: 5px; background: #e4ebe8; border-radius: 20px; overflow: hidden; margin: 22px 0 18px; }
.approval-overview > i em { display: block; height: 100%; background: var(--green); }
.approval-overview .btn { width: 100%; }
.drawer-body h3 { font-weight: 500; margin: 28px 0 12px; }
.drawer-socials a, .drawer-upcoming a, .drawer-link-card { min-height: 68px; padding: 12px 15px; display: flex; align-items: center; gap: 13px; background: #fff; border: 1px solid var(--line); border-radius: 11px; margin-bottom: 10px; }
.drawer-socials a span, .drawer-upcoming p, .drawer-link-card span { flex: 1; margin: 0; }
.drawer-socials a > .social-brand { width: 42px !important; height: 42px !important; min-width: 42px; flex: 0 0 42px; border-radius: 10px !important; padding: 11px !important; }
.drawer-socials b, .drawer-socials small, .drawer-upcoming b, .drawer-upcoming small, .drawer-link-card b, .drawer-link-card small { display: block; }
.drawer-socials small, .drawer-upcoming small, .drawer-link-card small { color: var(--muted); margin-top: 4px; }
.drawer-socials em { color: var(--green); font-style: normal; }
.drawer-socials em { display: inline-flex; align-items: center; gap: 6px; background: #edf9f4; border: 1px solid #ccebdd; border-radius: 999px; padding: 6px 9px; font-size: var(--fs-xs); }
.drawer-socials em:before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #159469; box-shadow: 0 0 0 3px #d8f2e7; }

.approval-client-logo { width: 48px; height: 48px; object-fit: cover; border: 1px solid var(--line); border-radius: 11px; background: #fff; }
.approval-status { display: inline-flex; align-items: center; gap: 7px; height: 31px; padding: 0 11px; border: 1px solid #cde8dc; border-radius: 999px; background: #eff9f5; color: #147451; font-size: var(--fs-xs); font-weight: 650; }
.approval-status i { width: 7px; height: 7px; border-radius: 50%; background: #1b9b6e; box-shadow: 0 0 0 3px rgba(27,155,110,.13); }
.approval-status.success { background: #eff8f4; color: var(--green); }.approval-status.archived { background: #f2f4f3; color: #66736f; border-color: #dce3e0; }.approval-status.archived i { background: #8b9793; box-shadow: none; }

.checkbox-fieldset,.permission-fieldset { border: 1px solid var(--line); border-radius: 10px; padding: 12px; max-height: 260px; overflow: auto; }
.checkbox-fieldset legend,.permission-fieldset legend { padding: 0 5px; font-size: var(--fs-xs); font-weight: 650; }
.checkbox-fieldset label,.permission-fieldset label { display: flex; align-items: center; gap: 9px; min-height: 35px; padding: 6px 8px; margin: 0 !important; border-radius: 7px; cursor: pointer; }
.checkbox-fieldset label:hover,.permission-fieldset label:hover { background: #f3f8f6; }.checkbox-fieldset input,.permission-fieldset input { width: 16px !important; height: 16px !important; margin: 0 !important; accent-color: var(--green); }
.permission-fieldset { display: grid; grid-template-columns: 1fr 1fr; gap: 3px 12px; max-height: 420px; }.permission-fieldset h3 { grid-column: 1/-1; margin: 12px 0 3px; padding-top: 9px; border-top: 1px solid var(--line); text-transform: capitalize; }.permission-fieldset h3:first-child { border: 0; margin-top: 0; }.permission-fieldset label span,.permission-fieldset label b,.permission-fieldset label small { display: block; }.permission-fieldset label small { color: var(--muted); margin-top: 2px; }
.role-overview > div { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; padding: 16px; }.role-overview > div > button { display: flex; align-items: center; justify-content: space-between; min-height: 62px; padding: 11px 13px; border: 1px solid var(--line); border-radius: 9px; background: #fff; text-align: left; }.role-overview > div > button:not(:disabled):hover { border-color: #79bba1; background: #f7fbf9; }.role-overview > div > button b,.role-overview > div > button small { display: block; }.role-overview > div > button small { color: var(--muted); margin-top: 4px; }
.role-overview > div > button > span { min-width: 0; border: 0; border-radius: 0; padding: 0; }

.integration-box { min-width: 0; }.integration-form { padding: 18px; }.integration-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 12px; }.integration-grid .full { grid-column: 1/-1; }.integration-form select { display: block; width: 100%; height: 37px; margin-top: 5px; border: 1px solid var(--line); border-radius: 7px; background: #fff; padding: 0 10px; }.integration-state { align-self: center; color: #8b6b2f; background: #fff6df; border-radius: 999px; padding: 6px 9px; font-size: var(--fs-xs); }.integration-state.ready { color: #147451; background: #eaf8f2; }[data-whatsapp-cloud][hidden] { display: none; }

dialog.modal[open],dialog.composer-modal[open] { position: fixed !important; inset: 0 !important; margin: auto !important; max-height: 92vh; overflow: auto; }
#onayso-calendar > div > div:first-child { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 18px; }#onayso-calendar > div > div:first-child > div { display: flex; align-items: center; gap: 6px; }#onayso-calendar > div > div:first-child button:first-child { border-radius: 8px 0 0 8px; }#onayso-calendar > div > div:first-child button:last-child { border-radius: 0 8px 8px 0; }

/* FullCalendar v7 yerel tema */
.calendar-shell { padding: 20px; overflow: hidden; }.calendar-shell [data-calendar] { min-height: 690px; color: var(--ink); }.calendar-shell button { font: inherit; }.calendar-shell [role="grid"] { width: 100%; border-collapse: collapse; table-layout: fixed; }.calendar-shell [role="columnheader"] { color: var(--muted); font-weight: 650; text-align: center; padding: 10px 4px; }.calendar-shell [role="gridcell"] { border: 1px solid #e1e9e6; vertical-align: top; min-height: 105px; }.calendar-shell [data-date] { position: relative; }.calendar-shell a { color: inherit; }.calendar-shell button { border: 1px solid var(--line); background: #fff; color: #40524d; min-height: 36px; padding: 0 11px; cursor: pointer; }.calendar-shell button:hover { background: #f0f7f4; }.calendar-shell button:disabled { opacity: .45; }.calendar-shell h2 { font-size: var(--fs-xl); font-weight: 650; margin: 0; }.calendar-shell .event-content,.calendar-shell [class*="event-content"] { border-radius: 5px; padding: 3px 5px; }
.drawer-upcoming > a > span { width: 42px; height: 42px; border-radius: 11px; display: grid; place-items: center; flex: 0 0 auto; }

.client-toolbar, .content-toolbar { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; }
.search-field { height: 46px; width: 350px; border: 1px solid var(--line); background: #fff; border-radius: 10px; display: flex; align-items: center; gap: 10px; padding: 0 14px; color: #84938f; }
.search-field input { width: 100%; border: 0; outline: 0; background: transparent; }
.segmented-control { display: flex; align-items: center; border: 1px solid var(--line); border-radius: 10px; background: #fff; padding: 4px; }
.segmented-control button { min-width: 64px; height: 36px; border: 0; background: transparent; border-radius: 7px; color: var(--muted); }
.segmented-control button.active { background: var(--green-soft); color: var(--green); font-weight: 650; }
.filter-toggle { margin-left: auto; }
.client-filter-panel { background: #fff; border: 1px solid var(--line); border-radius: 11px; padding: 14px; margin: -8px 0 18px; display: flex; gap: 14px; }
.client-filter-panel[hidden] { display: none; }
.client-filter-panel label { display: flex; align-items: center; gap: 10px; }
.client-filter-panel select, .content-toolbar select { height: 46px; min-width: 180px; border: 1px solid var(--line); border-radius: 10px; background: #fff; padding: 0 12px; }
.customer-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; }
.customer-card { min-width: 0; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 20px; }
.customer-card > header { display: flex; justify-content: space-between; align-items: flex-start; }
.customer-card h2 { margin: 20px 0 8px; font-weight: 500; }
.customer-meta { min-height: 34px; color: var(--muted); display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.inline-socials { display: flex; gap: 5px; }
.inline-socials .social-brand { width: 27px; height: 27px; border-radius: 7px; }
.inline-socials .social-brand svg { width: 15px; height: 15px; }
.customer-metrics { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin: 24px 0 18px; }
.customer-metrics small, .customer-metrics b { display: block; }
.customer-metrics small { color: var(--muted); margin-bottom: 7px; }
.customer-progress { margin-bottom: 20px; }
.customer-open { padding-top: 17px; border-top: 1px solid var(--line); color: var(--green); font-weight: 650; display: flex; justify-content: space-between; align-items: center; }
.card-menu { position: relative; }
.card-menu > button { width: 38px; height: 38px; border: 1px solid var(--line); border-radius: 9px; background: #fff; display: grid; place-items: center; }
.menu-popover { position: absolute; z-index: 30; top: 44px; right: 0; width: 185px; background: #fff; border: 1px solid var(--line); border-radius: 10px; box-shadow: var(--shadow); padding: 6px; }
.menu-popover[hidden] { display: none; }
.menu-popover a, .menu-popover button { width: 100%; height: 38px; border: 0; background: transparent; padding: 0 9px; border-radius: 7px; display: flex; align-items: center; gap: 9px; text-align: left; }
.menu-popover a:hover, .menu-popover button:hover { background: #f2f7f5; }
.menu-popover .danger { color: var(--red); }

.workspace-client-head { display: flex; align-items: center; justify-content: space-between; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 20px 22px; margin-bottom: 18px; }
.workspace-identity { display: flex; align-items: center; gap: 16px; }
.workspace-identity h1 { font-size: var(--fs-xl) !important; margin: 6px 0; }
.workspace-identity p { margin: 0; color: var(--muted); }
.period-manage-modal { width: min(760px,94vw); }
.period-manage-modal .modal-head { align-items: center; }
.period-manage-modal .modal-head > button { width: 36px; height: 36px; min-width: 36px; padding: 0; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 9px; background: #fff; color: var(--ink); }
.period-manager { display: grid; gap: 16px; padding: 18px; }
.period-manage-modal .period-list { display: flex !important; flex-direction: column; gap: 8px; max-height: 248px; padding: 0 2px 2px 0; overflow-x: hidden; overflow-y: auto; }
.period-list-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 2px 3px; }
.period-list-head span { color: var(--muted); }
.period-manage-modal .period-item { width: 100%; min-height: 68px; display: flex !important; align-items: center; gap: 12px; padding: 11px 12px; border: 1px solid var(--line); border-radius: 10px; background: #fff; box-sizing: border-box; }
.period-item-icon { width: 40px; height: 40px; min-width: 40px; display: grid; place-items: center; border-radius: 9px; background: var(--green-soft); color: var(--green); }
.period-item.archived .period-item-icon { background: #f0f3f2; color: var(--muted); }
.period-item-main { min-width: 0; flex: 1; }
.period-item-main b, .period-item-main small { display: block; }
.period-item-main b { overflow: hidden; color: var(--ink); text-overflow: ellipsis; white-space: nowrap; }
.period-item-main small { margin-top: 5px; color: var(--muted); }
.period-item-main small i { display: inline-block; width: 3px; height: 3px; margin: 0 7px 2px; border-radius: 50%; background: currentColor; }
.period-item-actions { display: flex; align-items: center; gap: 8px; margin-left: auto; }
.period-badge { display: inline-flex; align-items: center; min-height: 26px; padding: 4px 9px; border-radius: 999px; background: var(--green-soft); color: var(--green); font-style: normal; white-space: nowrap; }
.period-item.archived .period-badge { background: #f0f3f2; color: var(--muted); }
.period-status-form { display: flex !important; margin: 0 !important; }
.period-action-button { width: 36px; height: 36px; min-width: 36px; border-radius: 8px; }
.period-empty { padding: 22px 16px; border: 1px dashed var(--line); border-radius: 10px; color: var(--muted); text-align: center; }
.period-manage-modal .period-create-form { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 13px 16px; margin: 0; padding: 16px; border: 1px solid var(--line); border-radius: 10px; background: #f8faf9; }
.period-manage-modal .period-create-form .full { grid-column: 1 / -1 !important; }
.period-form-head { padding-bottom: 11px; border-bottom: 1px solid var(--line); }
.period-form-head b, .period-form-head small { display: block; }
.period-form-head small { margin-top: 4px; color: var(--muted); }
.period-create-form label { min-width: 0; }
.period-create-form .btn { min-height: 44px; margin-top: 1px; }

@media (max-width:650px) {
  .period-manager { padding: 13px; }
  .period-manage-modal .period-item { align-items: flex-start; flex-wrap: wrap; }
  .period-item-actions { width: 100%; margin-left: 52px; justify-content: space-between; }
  .period-manage-modal .period-create-form { grid-template-columns: 1fr !important; padding: 13px; }
  .period-manage-modal .period-create-form > * { grid-column: 1 !important; }
}
.social-onboarding { grid-template-columns: 360px 1fr; }
.social-choice > span { display: flex; align-items: center; gap: 10px; }
.social-choice > span b { flex: 1; }
.social-choice > input { font-size: var(--fs-sm) !important; }
.channel-card-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; margin-bottom: 18px; }
.channel-card { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 18px; min-width: 0; }
.channel-card.active, .channel-card:hover { border-color: #69b798; box-shadow: 0 12px 30px rgba(18,70,52,.08); }
.channel-card > div { display: flex; align-items: center; justify-content: space-between; }
.channel-card > div img { width: 40px; height: 40px; border-radius: 11px; object-fit: cover; }
.channel-card h2 { margin: 18px 0 7px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.channel-card p { color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.channel-card strong { display: block; border-top: 1px solid var(--line); padding-top: 15px; margin-top: 16px; color: var(--green); }
.channel-prompt { min-height: 250px; border: 1px dashed #b6cbc3; background: #fff; border-radius: var(--radius); display: grid; place-items: center; align-content: center; text-align: center; }
.channel-prompt > span { width: 52px; height: 52px; border-radius: 14px; display: grid; place-items: center; background: var(--green-soft); color: var(--green); }
.channel-prompt h2 { margin: 17px 0 7px; }
.channel-prompt p { color: var(--muted); }
.channel-workspace-title { min-height: 110px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); display: flex; align-items: center; justify-content: space-between; padding: 20px 22px; margin-bottom: 18px; }
.channel-workspace-title > div:first-child { display: flex; gap: 15px; align-items: center; }
.channel-workspace-title small { color: var(--green); font-weight: 700; letter-spacing: 1.5px; }
.channel-workspace-title h2 { margin: 6px 0; }
.channel-workspace-title p { color: var(--muted); margin: 0; }
.channel-actions { display: flex; align-items: center; gap: 12px; }
.workspace-content-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; }
.workspace-content-card, .content-list-card { background: #fff; border: 2px solid var(--line); border-radius: var(--radius); overflow: hidden; }
.workspace-content-card.status-approved, .content-list-card.status-approved { border-color: #72bf9e; }
.workspace-content-card.status-waiting, .content-list-card.status-waiting { border-color: #e2b75e; }
.workspace-content-card.status-revision, .content-list-card.status-revision { border-color: #df7d7d; }
.workspace-content-card.status-draft, .content-list-card.status-draft { border-color: #cbd6d2; }
.content-media-button, .content-thumb { width: 100%; aspect-ratio: 1.25/1; border: 0; background: #e9efed; display: grid; place-items: center; position: relative; overflow: hidden; }
.content-media-button img, .content-media-button video, .content-thumb img, .content-thumb video { width: 100%; height: 100%; object-fit: cover; }
.content-media-button > em, .content-thumb > em { position: absolute; right: 10px; top: 10px; background: rgba(14,32,27,.72); color: #fff; padding: 5px 7px; border-radius: 6px; font-style: normal; }
.play-mark, .content-thumb > span { position: absolute; width: 48px; height: 48px; border-radius: 50%; display: grid; place-items: center; background: rgba(255,255,255,.86); color: var(--ink); }
.media-placeholder { position: static !important; background: transparent !important; }
.workspace-content-card > div { padding: 16px; }
.workspace-content-card > div > span { display: flex; align-items: center; justify-content: space-between; }
.workspace-content-card h3 { margin: 17px 0 9px; }
.workspace-content-card time { color: var(--muted); }
.content-open-button { width: 100%; border: 0; border-top: 1px solid var(--line); background: transparent; color: var(--green); margin-top: 16px; padding: 14px 0 0; display: flex; align-items: center; justify-content: space-between; font-weight: 650; }
.status-badge { padding: 6px 9px; border-radius: 20px; font-weight: 650; }
.status-badge.approved { color: var(--green); background: var(--green-soft); }
.status-badge.waiting { color: var(--amber); background: var(--amber-soft); }
.status-badge.revision { color: var(--red); background: var(--red-soft); }
.status-badge.draft { color: #60716c; background: #edf1f0; }
.workspace-add-empty { grid-column: 1/-1; min-height: 220px; border: 1px dashed #b6cbc3; border-radius: var(--radius); background: #fff; display: grid; place-items: center; align-content: center; gap: 8px; color: var(--muted); }
.workspace-add-empty .ui-icon { color: var(--green); width: 28px; height: 28px; }

.content-toolbar .search-field { flex: 1; }
.content-list-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; }
.content-card-body { padding: 16px; }
.content-card-top { display: flex; align-items: center; gap: 8px; }
.content-card-top .social-brand { width: 30px; height: 30px; }
.content-card-top .status-badge { margin-left: auto; }
.content-list-card h2 { margin: 17px 0 7px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.content-list-card p { color: var(--muted); margin: 0 0 10px; }
.content-list-card time { color: var(--muted); }
.content-card-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; border-top: 1px solid var(--line); padding-top: 14px; margin-top: 15px; }
.content-card-actions button { border: 0; background: transparent; color: var(--green); font-weight: 650; display: flex; align-items: center; justify-content: center; gap: 6px; }

.composer-modal { width: min(1120px,96vw); height: min(820px,94vh); }
.composer-head > div > span, .preview-title > span { background: var(--green-soft); color: var(--green); padding: 5px 8px; border-radius: 20px; }
.composer-head > button { width: 36px; height: 36px; display: grid; place-items: center; }
.composer-context label, .composer-title, .composer-extras label, .schedule-field { font-size: var(--fs-xs) !important; }
.composer-context select, .composer-title input { height: 42px; font-size: var(--fs-sm) !important; }
.caption-field textarea { font-size: var(--fs-sm) !important; min-height: 135px; }
.upload-drop { min-height: 125px; }
.upload-drop i { display: grid; place-items: center; }
.upload-drop .ui-icon { width: 25px; height: 25px; }
.composer-extras textarea { font-size: var(--fs-xs) !important; }
.composer-preview { padding: 24px; }
.preview-title { align-items: center; }
.preview-title > button { border: 0; background: transparent; color: var(--green); display: flex; gap: 6px; align-items: center; }
.phone-preview header .ui-icon { margin-left: auto; }
.preview-actions { display: flex; align-items: center; }
.preview-actions .ui-icon { width: 20px; height: 20px; }
.preview-actions .ui-icon:last-child { margin-left: auto; }
.detail-media-preview { background: #eef2f0; min-height: 360px; border-radius: 12px; overflow: hidden; display: grid; place-items: center; }
.detail-media-preview img, .detail-media-preview video { width: 100%; height: 100%; max-height: 480px; object-fit: contain; background: #101614; }
.detail-meta { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 14px; }
.detail-meta span { background: #fff; border: 1px solid var(--line); border-radius: 9px; padding: 11px; }
.detail-meta small, .detail-meta b { display: block; }
.detail-meta small { color: var(--muted); margin-bottom: 5px; }
.detail-history { margin-top: 16px; border-top: 1px solid var(--line); padding-top: 14px; }
.detail-history h3 { margin: 0 0 10px; }
.detail-history p { margin: 0; padding: 9px 0; border-bottom: 1px solid #edf1f0; }
.detail-history p b, .detail-history p span { display: block; }
.detail-history p b { color: var(--muted); margin-bottom: 4px; }
.version-modal { width: min(760px,95vw); max-height: 90vh; }
.version-accordion { padding: 18px; max-height: 72vh; overflow: auto; }
.version-accordion details { border: 1px solid var(--line); border-radius: 11px; margin-bottom: 10px; overflow: hidden; }
.version-accordion summary { cursor: pointer; list-style: none; display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; background: #fff; }
.version-accordion summary span b, .version-accordion summary span small { display: block; }
.version-accordion summary span small { color: var(--muted); margin-top: 4px; }
.version-accordion summary em { background: var(--green-soft); color: var(--green); padding: 5px 8px; border-radius: 20px; font-style: normal; }
.version-body { background: #f8faf9; border-top: 1px solid var(--line); padding: 16px; }
.version-body > img { width: 150px; aspect-ratio: 1/1; border-radius: 10px; object-fit: cover; float: right; margin: 0 0 12px 16px; }
.version-body > p { margin: 0; padding: 8px 0; }
.version-body > p b, .version-body > p span { display: block; }
.version-body > p b { color: var(--muted); margin-bottom: 4px; }
.empty-state { padding: 32px; text-align: center; color: var(--muted); }
.platform-tabs button { display: inline-flex; align-items: center; gap: 7px; }
.platform-tabs .social-brand { width: 25px; height: 25px; border-radius: 7px; }
.platform-tabs .social-brand svg { width: 14px; height: 14px; }
.approved-mark { display: inline-flex; align-items: center; gap: 7px; }
.empty-media .ui-icon { width: 34px; height: 34px; }

@media (max-width: 1280px) {
    .dashboard-main-grid, .dashboard-bottom-grid { grid-template-columns: 1fr; }
    .customer-grid, .channel-card-grid, .workspace-content-grid, .content-list-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .plan-row { grid-template-columns: 44px 1fr minmax(220px,.8fr) 95px 20px; }
}

@media (max-width: 900px) {
    .dashboard-stats { grid-template-columns: repeat(2,1fr); }
    .dashboard-hero, .workspace-client-head, .channel-workspace-title { align-items: flex-start; flex-direction: column; gap: 18px; }
    .content-toolbar { flex-wrap: wrap; }
    .content-toolbar .search-field { flex-basis: 100%; }
    .content-toolbar select { flex: 1; }
}

@media (max-width: 760px) {
    body h1 { font-size: var(--fs-lg) !important; }
    .page { padding: 22px 15px 45px; }
    .top { gap: 10px; }
    .top > p { flex: 1; }
    .search-button, .top-icon:last-child { display: none; }
    .dashboard-hero { margin-bottom: 20px; }
    .hero-actions { width: 100%; }
    .hero-actions .btn { flex: 1; }
    .daily-summary { align-items: flex-start; }
    .daily-summary > a { display: none; }
    .dashboard-stats { grid-template-columns: 1fr; }
    .plan-row { grid-template-columns: 44px 1fr 20px; }
    .plan-progress, .pending-pill { display: none; }
    .finance-numbers { grid-template-columns: 1fr; gap: 16px; }
    .finance-numbers span { border: 0; padding: 0; }
    .customer-grid, .channel-card-grid, .workspace-content-grid, .content-list-grid { grid-template-columns: 1fr; }
    .client-toolbar { flex-wrap: wrap; }
    .client-toolbar .search-field { width: 100%; }
    .filter-toggle { margin-left: 0; }
    .client-filter-panel { flex-direction: column; }
    .content-toolbar select { flex-basis: 100%; }
    .social-onboarding { grid-template-columns: 1fr; }
    .composer-modal { height: 96vh; }
    .composer-form { grid-template-columns: 1fr; grid-template-rows: auto auto 74px; overflow: auto; }
    .composer-editor { border-right: 0; }
    .composer-footer { position: sticky; bottom: 0; }
    .schedule-field { display: none; }
}

.social-brand-youtube { color:#d92525; background:#fdeaea; }
.onayso-brand-logo { display:block; width:180px; height:auto; max-width:100%; object-fit:contain; }
.brand .onayso-brand-logo { width:166px; max-height:66px; object-position:left center; }
.auth-copy .auth-logo .onayso-brand-logo { width:205px; }
.auth-mobile-logo .onayso-brand-logo,.install-card .auth-logo .onayso-brand-logo,.admin-page .auth-logo .onayso-brand-logo { width:172px; }
.portal-login .auth-logo .onayso-brand-logo { width:180px; margin:auto; }
.brand-suffix { color:var(--green); border-left:1px solid var(--line); padding-left:10px; font-size:var(--fs-sm); }
.social-brand { overflow:hidden; padding:0; border:1px solid #dfe7e4; background:#fff; color:#17201e; }
.social-brand img { display:block; width:100%; height:100%; object-fit:cover; }
.social-brand-youtube img { object-fit:contain; padding:4px; }
.social-brand-x { color:#111; background:#fff; }
.drawer-socials a > .social-brand { padding:0 !important; }
.platform-tabs .social-brand img { width:100%; height:100%; }

/* Performans raporları: sunum benzeri akış + bağlama duyarlı sabit metrik paneli */
.report-source-bar { min-height:76px; margin-bottom:16px; padding:14px 16px; border:1px solid #cde4da; border-radius:13px; background:linear-gradient(105deg,#eef9f5,#fff); display:flex; align-items:center; justify-content:space-between; gap:16px; }
.report-source-copy,.report-source-actions,.report-insights-kicker,.report-post-head,.report-post-status,.report-card-sync,.analytics-connection-note { display:flex; align-items:center; }
.report-source-copy { gap:11px; min-width:0; }
.report-source-copy b,.report-source-copy small { display:block; }
.report-source-copy small { margin-top:5px; color:var(--muted); }
.report-live-dot { width:10px; height:10px; border-radius:50%; background:#aebbb7; box-shadow:0 0 0 5px #edf1f0; flex:0 0 auto; }
.report-live-dot.ready { background:var(--green); box-shadow:0 0 0 5px #dff3eb; }
.report-source-actions { gap:9px; }
.report-source-actions form { margin:0; }
.report-source-actions .btn:disabled { opacity:.5; cursor:not-allowed; }
.report-toolbar { margin-bottom:20px; padding:14px; border:1px solid var(--line); border-radius:12px; background:#fff; display:grid; grid-template-columns:repeat(3,minmax(145px,1fr)) minmax(235px,1.35fr); gap:10px; }
.report-toolbar label { min-width:0; color:var(--muted); font-weight:600; }
.report-toolbar label>span { display:block; margin:0 0 6px 2px; }
.report-toolbar select { width:100%; height:40px; padding:0 34px 0 11px; border:1px solid var(--line); border-radius:8px; background:#fff; color:var(--ink); }
.report-presentation-layout { display:grid; grid-template-columns:minmax(520px,760px) minmax(310px,360px); justify-content:center; align-items:start; gap:24px; }
.report-feed { min-width:0; }
.report-post { margin-bottom:24px; overflow:hidden; border:1px solid var(--line); border-radius:14px; background:#fff; box-shadow:0 8px 28px rgba(15,43,35,.055); scroll-margin-top:100px; transition:border-color .18s,box-shadow .18s,transform .18s; }
.report-post.active { border-color:#7fbea5; box-shadow:0 18px 45px rgba(17,86,63,.12); }
.report-post-head { min-height:68px; padding:12px 15px; gap:11px; }
.report-profile-image { width:38px; height:38px; border-radius:50%; object-fit:cover; flex:0 0 auto; }
.report-profile-image.fallback { display:grid; place-items:center; background:var(--green-soft); color:var(--green); font-weight:700; }
.report-post-head>div { min-width:0; flex:1; }
.report-post-head b,.report-post-head small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.report-post-head small { margin-top:4px; color:var(--muted); }
.report-platform-mark .social-brand { width:34px; height:34px; border-radius:10px; }
.report-post-media { position:relative; display:grid; place-items:center; min-height:360px; max-height:720px; aspect-ratio:1/1; overflow:hidden; background:#e9eeec; }
.report-post-media>img,.report-post-media>video { width:100%; height:100%; object-fit:contain; background:#101513; }
.report-post-media>em { position:absolute; top:12px; right:12px; padding:6px 8px; border-radius:6px; background:rgba(10,23,19,.72); color:#fff; font-style:normal; letter-spacing:.7px; }
.report-empty-media { display:grid; place-items:center; gap:9px; color:#879690; }
.report-empty-media .ui-icon { width:34px; height:34px; }
.report-post-copy { padding:17px 18px 19px; }
.report-post-status { justify-content:space-between; gap:12px; }
.report-post-status a { color:var(--green); display:inline-flex; align-items:center; gap:6px; font-weight:650; }
.report-post-status a .ui-icon { width:15px; height:15px; }
.report-post-copy h2 { margin:16px 0 8px; font-weight:600; }
.report-post-copy>p { margin:0; color:#354640; line-height:1.75; }
.report-hashtags { margin-top:10px; color:var(--blue); line-height:1.6; }
.report-card-sync { gap:7px; margin-top:16px; padding-top:13px; border-top:1px solid #edf1ef; color:var(--muted); }
.report-card-sync .ui-icon { width:15px; height:15px; }
.report-card-sync.synced { color:var(--green); }
.report-card-sync.error { color:var(--red); }
.report-insights-panel { position:sticky; top:88px; overflow:hidden; border:1px solid #d3e3dc; border-radius:14px; background:#fff; box-shadow:0 18px 48px rgba(15,43,35,.1); }
.report-insights-kicker { min-height:68px; padding:14px 17px; gap:11px; border-bottom:1px solid #e8efec; background:#f5faf8; }
.report-insights-kicker>span:last-child { min-width:0; }
.report-insights-kicker small,.report-insights-kicker b { display:block; }
.report-insights-kicker small { color:var(--green); letter-spacing:1.2px; font-weight:700; }
.report-insights-kicker b { max-width:235px; margin-top:4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.report-insights-panel>h2 { margin:19px 18px 5px; font-weight:600; }
.report-insights-panel>p { margin:0 18px 16px; color:var(--muted); }
.report-metric-list { padding:0 14px 14px; display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.report-metric { min-height:78px; padding:12px; border:1px solid #e3ebe8; border-radius:10px; background:#fbfcfc; display:flex; align-items:flex-start; gap:10px; }
.report-metric>i { width:31px; height:31px; border-radius:8px; display:grid; place-items:center; background:var(--green-soft); color:var(--green); }
.report-metric>i .ui-icon { width:16px; height:16px; }
.report-metric small,.report-metric b { display:block; }
.report-metric small { color:var(--muted); }
.report-metric b { margin-top:7px; font-size:16px !important; font-weight:600; letter-spacing:-.3px; }
.report-panel-foot { padding:12px 16px; border-top:1px solid #e8efec; background:#f8faf9; color:var(--muted); line-height:1.55; }
.report-empty { min-height:280px; padding:40px; border:1px dashed #baccc5; border-radius:14px; background:#fff; display:grid; place-items:center; align-content:center; gap:9px; text-align:center; color:var(--muted); }
.report-empty[hidden] { display:none; }
.report-empty .ui-icon { width:34px; height:34px; color:var(--green); }
.analytics-connection-note { align-items:flex-start; gap:10px; padding:12px; border:1px solid #cfe5dc; border-radius:9px; background:#f0f9f5; color:var(--green); }
.analytics-connection-note .ui-icon { margin-top:2px; }
.analytics-connection-note p { margin:0; }
.analytics-connection-note b,.analytics-connection-note span { display:block; }
.analytics-connection-note span { margin-top:4px; color:var(--muted); line-height:1.55; }
.optional { color:var(--muted); font-weight:400; }

@media(max-width:1180px){
  .report-presentation-layout { grid-template-columns:minmax(440px,1fr) 320px; gap:16px; }
  .report-toolbar { grid-template-columns:1fr 1fr; }
}
@media(max-width:900px){
  .report-source-bar { align-items:flex-start; flex-direction:column; }
  .report-source-actions { width:100%; }
  .report-source-actions>* { flex:1; }
  .report-source-actions .btn { width:100%; }
  .report-presentation-layout { display:flex; flex-direction:column; align-items:stretch; }
  .report-insights-panel { position:relative; top:auto; order:-1; }
  .report-metric-list { grid-template-columns:repeat(3,1fr); }
}
@media(max-width:600px){
  .report-toolbar { grid-template-columns:1fr; }
  .report-source-actions { flex-direction:column; }
  .report-post-media { min-height:260px; }
  .report-metric-list { grid-template-columns:1fr 1fr; }
}
.skin-tiktok .post-media { aspect-ratio:9/16; max-height:720px; background:#080808; }
.skin-tiktok .post-media img,.skin-tiktok .post-media video { object-fit:contain; }
.channel-actions,.segmented-control { flex-wrap:wrap; }
.oc-event .oc-platform-logo { width:17px; height:17px; border-radius:4px; object-fit:cover; flex:0 0 17px; background:#fff; }
.oc-event .oc-platform-logo.text-logo { display:grid; place-items:center; border:1px solid rgba(0,0,0,.1); color:#111; font-size:9px; }
.dashboard-stats { grid-template-columns:repeat(6,minmax(0,1fr)); }
.dashboard-stats article { min-height:112px; padding:17px; }
.dashboard-stats article b { font-size:var(--fs-lg)!important; margin:5px 0; }
.today-operations { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-bottom:22px; }
.today-operations .panel>header,.calendar-shell+.panel>header { display:flex; justify-content:space-between; align-items:center; padding:18px 20px; border-bottom:1px solid var(--line); }
.today-operations h2,.today-operations p { margin:0; }.today-operations p { color:var(--muted); margin-top:4px; }
.today-operations header a { color:var(--green); display:flex; align-items:center; gap:6px; font-weight:600; }
.today-list>a { min-height:62px; display:flex; align-items:center; gap:12px; padding:11px 18px; border-bottom:1px solid #edf1ef; }
.today-list>a:hover { background:#f7faf9; }.today-list p { flex:1; }.today-list b,.today-list small { display:block; }.today-list small { color:var(--muted); margin-top:4px; }.today-list time { font-weight:700; }
.priority-dot { width:10px; height:10px; border-radius:50%; background:#88a099; }.priority-dot.high { background:var(--amber); }.priority-dot.urgent { background:var(--red); }.empty-state.compact { padding:22px; }
.drawer-note { border:1px solid var(--line); border-radius:10px; padding:13px; margin-bottom:9px; }.drawer-note b,.drawer-note small { display:block; }.drawer-note p { color:var(--muted); line-height:1.55; margin:7px 0; }

.client-wizard-modal { width:min(820px,95vw); }.client-wizard { padding:0 22px 22px; }.wizard-progress { display:flex; align-items:center; justify-content:center; gap:14px; padding:20px 0; border-bottom:1px solid var(--line); }
.wizard-progress span { display:flex; align-items:center; gap:8px; color:var(--muted); font-weight:600; }.wizard-progress span b { width:28px; height:28px; border-radius:50%; background:#edf2f0; display:grid; place-items:center; }.wizard-progress span.active { color:var(--green); }.wizard-progress span.active b { color:#fff; background:var(--green); }.wizard-progress i { width:70px; height:1px; background:var(--line); }
.wizard-step { display:none; }.wizard-step.active { display:grid; }.wizard-step:not(.form-grid) { padding:20px 0 0; }.wizard-step label small,.form-grid label>small { display:block; color:var(--muted); font-weight:400; margin-top:5px; line-height:1.45; }
.wizard-actions { display:flex; justify-content:space-between; margin-top:18px; }.social-step-intro { margin-bottom:15px; }.social-step-intro p { color:var(--muted); margin:5px 0 0; }
.social-choice>span { display:flex; align-items:center; gap:9px; }.social-choice>span input { width:auto; accent-color:var(--green); }.social-choice>span b { flex:1; }

.bulk-import-modal { width:min(900px,95vw); }.bulk-guide { display:grid; grid-template-columns:1.1fr .9fr; gap:18px; margin:18px 20px 0; padding:16px; border:1px solid #cfe6dc; border-radius:12px; background:#f2faf6; }.bulk-guide img { width:100%; border-radius:10px; }.bulk-guide>div { align-self:center; }.bulk-guide p { color:#536861; line-height:1.65; }.bulk-guide small { color:var(--muted); line-height:1.5; }.bulk-guide code { background:#fff; border:1px solid var(--line); border-radius:4px; padding:2px 5px; }
.zip-file-field { min-height:82px; display:flex!important; align-items:center; gap:12px; border:1px dashed #8eb7a6; border-radius:10px; padding:13px; cursor:pointer; }.zip-file-field>.ui-icon { width:28px; height:28px; color:var(--green); }.zip-file-field span { flex:1; }.zip-file-field b,.zip-file-field small { display:block; }.zip-file-field input { width:auto; margin:0; border:0; padding:0; }
.permission-options { border:1px solid var(--line); border-radius:10px; padding:12px; display:grid; grid-template-columns:1fr 1fr; gap:8px; }.permission-options legend { padding:0 6px; color:var(--muted); font-weight:600; }.permission-options label { display:flex; align-items:center; gap:7px; }.permission-options input { width:auto; height:auto; margin:0; accent-color:var(--green); }

.calendar-toolbar { padding:14px 16px; display:flex; align-items:end; gap:12px; margin-bottom:16px; }.calendar-toolbar label { min-width:180px; font-weight:600; }.calendar-toolbar select { display:block; width:100%; height:40px; border:1px solid var(--line); border-radius:8px; background:#fff; padding:0 10px; margin-top:5px; }.calendar-toolbar>span { margin-left:auto; color:var(--muted); display:flex; align-items:center; gap:7px; padding-bottom:9px; }
.calendar-shell { padding:16px; min-height:720px; }.fc { --fc-border-color:#e0e8e5; --fc-button-bg-color:#163b32; --fc-button-border-color:#163b32; --fc-button-hover-bg-color:#0f6b4c; --fc-button-active-bg-color:#16875f; --fc-today-bg-color:#eff8f4; }
.fc .fc-toolbar-title { font-size:var(--fs-lg)!important; font-weight:650; }.fc .fc-button { border-radius:7px!important; box-shadow:none!important; }.fc .fc-event { border:0; border-radius:6px; padding:2px 4px; cursor:pointer; }.fc-event.event-content { background:#397db0; }.fc-event.event-finance { background:#b57a22; }.fc-event.event-task { background:#218261; }.calendar-fallback article { display:flex; gap:12px; align-items:center; padding:12px; border-bottom:1px solid var(--line); }

.finance-summary-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-bottom:16px; }.finance-summary-grid article>header { display:flex; align-items:center; justify-content:space-between; padding:16px 18px; border-bottom:1px solid var(--line); }.finance-summary-grid h2,.finance-summary-grid p { margin:0; }.finance-summary-grid p { color:var(--muted); margin-top:4px; }.currency-chip { border:1px solid var(--line); border-radius:8px; padding:7px 9px; font-weight:700; }.finance-kpis { display:grid; grid-template-columns:repeat(5,1fr); padding:16px; }.finance-kpis span { padding:0 12px; border-right:1px solid var(--line); }.finance-kpis span:last-child { border:0; }.finance-kpis small,.finance-kpis b { display:block; }.finance-kpis small { color:var(--muted); }.finance-kpis b { margin-top:6px; }.positive { color:var(--green)!important; }.negative { color:var(--red)!important; }.finance-toolbar { flex-wrap:wrap; }.finance-tr { grid-template-columns:1.5fr .65fr .65fr .55fr 1fr!important; }.table-actions { display:flex; justify-content:flex-end; gap:6px; }.table-actions .btn { min-height:34px; padding:0 9px; }

.operations-tabs { display:flex; gap:4px; margin-bottom:16px; border-bottom:1px solid var(--line); }.operations-tabs button,.dialog-tabs button { border:0; background:transparent; color:var(--muted); padding:11px 16px; display:flex; align-items:center; gap:8px; position:relative; }.operations-tabs button.active,.dialog-tabs button.active { color:var(--green); font-weight:700; }.operations-tabs button.active:after,.dialog-tabs button.active:after { content:""; position:absolute; left:10px; right:10px; bottom:-1px; height:2px; background:var(--green); }.operations-tabs button span { min-width:22px; height:22px; display:grid; place-items:center; background:#e8efec; border-radius:20px; }.operation-panel { display:none; }.operation-panel.active { display:block; }.notes-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }.note-card { min-height:210px; background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:18px; display:flex; flex-direction:column; }.note-card.pinned { border-color:#a9d6c3; box-shadow:inset 3px 0 var(--green); }.note-pin { color:var(--green); display:flex; align-items:center; gap:6px; margin-bottom:12px; }.note-card h3 { margin:0 0 10px; }.note-card>p { color:#435650; line-height:1.7; flex:1; }.note-card>div span,.note-card>div small { display:block; }.note-card>div small { color:var(--muted); margin-top:4px; }.note-card>em { margin-top:12px; color:var(--blue); font-style:normal; }.dialog-tabs { display:flex; border-bottom:1px solid var(--line); padding:0 14px; }.dialog-tabs+.form-grid,.dialog-tabs~.form-grid { display:none; }.dialog-tabs~.form-grid.active { display:grid; }.checkbox-line { display:flex!important; align-items:center; gap:8px; }.checkbox-line input { width:auto!important; height:auto!important; margin:0!important; }

.team-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-bottom:16px; }.team-summary article { background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:16px; display:flex; align-items:center; gap:12px; }.team-summary article>span { width:42px; height:42px; border-radius:10px; background:var(--green-soft); color:var(--green); display:grid; place-items:center; }.team-summary b,.team-summary small { display:block; }.team-summary small { color:var(--muted); margin-top:4px; }.team-grid .btn { margin-top:14px; }.role-overview { margin-top:18px; }.role-overview>header { padding:17px 19px; border-bottom:1px solid var(--line); }.role-overview h2,.role-overview p { margin:0; }.role-overview p { color:var(--muted); margin-top:4px; }.role-overview>div { display:flex; gap:10px; flex-wrap:wrap; padding:16px; }.role-overview>div span { min-width:160px; border:1px solid var(--line); border-radius:9px; padding:10px 12px; }.role-overview b,.role-overview small { display:block; }.role-overview small { color:var(--muted); margin-top:3px; }

.notification-center>header { padding:18px 20px; border-bottom:1px solid var(--line); }.notification-center h2,.notification-center p { margin:0; }.notification-center p { color:var(--muted); margin-top:5px; }.notification-center article { display:flex; align-items:center; gap:13px; padding:15px 20px; border-bottom:1px solid #edf1ef; }.notification-center article.unread { background:#f1faf6; }.notification-center article>span { width:40px; height:40px; border-radius:10px; background:#fff; border:1px solid var(--line); color:var(--green); display:grid; place-items:center; }.notification-center article p { flex:1; }.notification-center article b,.notification-center article small { display:block; }.notification-center article small { color:var(--muted); margin-top:4px; }.notification-center time { color:var(--muted); }

.settings-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:16px; }.settings-layout .audit-box { grid-column:1/-1; }.settings-form select { display:block; width:100%; margin-top:5px; height:40px; border:1px solid var(--line); border-radius:8px; padding:0 10px; }.current-plan { display:flex; gap:12px; align-items:center; padding:17px; }.current-plan>span { width:45px; height:45px; background:var(--green-soft); color:var(--green); border-radius:11px; display:grid; place-items:center; }.current-plan b,.current-plan small { display:block; }.current-plan small { color:var(--muted); margin-top:5px; }.plan-options { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; padding:0 17px 17px; }.plan-options article { border:1px solid var(--line); border-radius:10px; padding:13px; }.plan-options article.selected { border-color:#81c4a8; background:#f2faf6; }.plan-options b,.plan-options span,.plan-options small { display:block; }.plan-options span { margin:7px 0; font-weight:700; }.plan-options small { color:var(--muted); }.plan-options .btn { margin-top:10px; width:100%; }.integration-note { margin:0 17px 17px; padding:10px; border-radius:8px; background:#f2f6f4; color:var(--muted); display:flex; gap:8px; }

.approval-card .revision-usage { display:block; color:var(--muted); margin-top:10px; }.approval-card .card-actions { flex-wrap:wrap; }.approval-card .card-actions .ghost { flex-basis:100%; border:0; background:transparent; color:var(--muted); }.btn.ghost { background:transparent; border-color:transparent; }

.portal-complete { width:min(760px,calc(100% - 30px)); margin:15px auto; background:#e8f7ef; border:1px solid #bde2d1; border-radius:12px; padding:14px 17px; color:var(--green); display:flex; align-items:center; gap:12px; }.portal-complete b,.portal-complete span { display:block; }.portal-complete span { color:#527066; margin-top:3px; }.portal-social-avatar { width:38px; height:38px; border-radius:50%; object-fit:cover; }.network-actions { display:flex; align-items:center; gap:15px; padding:10px 14px; border-bottom:1px solid #eef2f0; }.network-actions>span { flex:1; }.network-actions button { border:0; background:transparent; display:flex; align-items:center; justify-content:center; gap:6px; color:#52645e; flex:1; }.skin-instagram { border-radius:3px; }.skin-instagram .post-media { background:#111; }.skin-facebook { border-radius:9px; }.skin-facebook .post-copy { order:2; }.skin-facebook .network-actions { border-top:1px solid var(--line); }.skin-x { border-radius:0; border-left:0; border-right:0; }.skin-x .post-media { margin:0 14px; width:calc(100% - 28px); border-radius:16px; overflow:hidden; aspect-ratio:16/10; }.skin-x .post-copy h2 { display:none; }.skin-linkedin .post-media { aspect-ratio:1.2/1; }.skin-youtube .post-media { aspect-ratio:16/9; }.skin-youtube .post-copy h2 { font-weight:700; }.client-logo.small { object-fit:cover; }
.onayso-swal { border-radius:16px!important; font-family:var(--font-ui)!important; }.swal-confirm,.swal-cancel { min-height:42px; border-radius:8px; padding:0 16px; border:1px solid var(--line); font-weight:650; margin:5px; }.swal-confirm { background:var(--green); color:#fff; border-color:var(--green); }.swal-cancel { background:#fff; color:var(--ink); }.swal2-loader { border-color:var(--green) transparent var(--green) transparent!important; }
.install-requirements { display:grid; grid-template-columns:1fr 1fr; gap:7px; margin:18px 0; }.install-requirements span { display:flex; align-items:center; gap:7px; padding:8px 10px; border:1px solid var(--line); border-radius:8px; }.install-requirements .ok b { color:var(--green); }.install-requirements .fail { background:var(--red-soft); color:var(--red); }.install-card button:disabled { opacity:.45; cursor:not-allowed; }
.admin-subscription-form { display:grid!important; grid-template-columns:1fr 1fr 58px auto; gap:5px; width:100%; margin-top:5px; }.admin-subscription-form select,.admin-subscription-form input { min-width:0; height:30px; border:1px solid var(--line); border-radius:6px; background:#fff; padding:0 6px; }.admin-actions { flex-wrap:wrap; }
.page-error { min-height:420px; display:grid; place-items:center; align-content:center; gap:10px; text-align:center; }.page-error>span { color:var(--red); }.page-error .ui-icon { width:48px; height:48px; }.page-error h1,.page-error p { margin:0; }.page-error p { color:var(--muted); }.page-error .btn { margin-top:10px; }
.workspace-head-actions { display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
.btn:disabled { opacity:.5; cursor:not-allowed; filter:saturate(.35); }

@media (max-width:1380px){.dashboard-stats{grid-template-columns:repeat(3,1fr)}.finance-kpis{grid-template-columns:repeat(3,1fr);gap:12px}.finance-kpis span{border:0;padding:0}.notes-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:1000px){.today-operations,.finance-summary-grid,.settings-layout{grid-template-columns:1fr}.settings-layout .audit-box{grid-column:auto}.calendar-toolbar{flex-wrap:wrap}.calendar-toolbar>span{width:100%;margin:0}.finance-tr{grid-template-columns:1.3fr .7fr .6fr!important}.finance-tr>span:nth-child(3),.finance-tr>span:nth-child(4){display:none}.table-actions{flex-direction:column}.bulk-guide{grid-template-columns:1fr}.team-summary{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.dashboard-stats{grid-template-columns:1fr}.today-operations{grid-template-columns:1fr}.client-wizard{padding:0 12px 15px}.wizard-progress i{width:25px}.wizard-progress span{font-size:0!important}.wizard-progress span b{font-size:var(--fs-xs)!important}.bulk-guide{margin:12px}.permission-options{grid-template-columns:1fr}.calendar-shell{padding:7px;min-height:620px}.fc .fc-toolbar{align-items:flex-start;gap:8px;flex-wrap:wrap}.finance-summary-grid{grid-template-columns:1fr}.finance-kpis{grid-template-columns:1fr 1fr}.notes-grid{grid-template-columns:1fr}.team-summary{grid-template-columns:1fr}.plan-options{grid-template-columns:1fr}.network-actions{gap:5px}.network-actions button{font-size:0!important}.network-actions button .ui-icon{width:20px}.portal-feed{width:100%;}.social-post{border-left:0;border-right:0;border-radius:0}.zip-file-field{display:grid!important}.zip-file-field input{width:100%}}

/* Stabil Onayso takvim renderer */
.oc-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-bottom:18px}.oc-head h2{text-align:center!important;font-size:14px!important}.oc-nav,.oc-views{display:flex;align-items:center}.oc-views{justify-content:flex-end}.oc-head button{height:38px;min-width:38px;border:1px solid var(--line);background:#fff;color:var(--ink);padding:0 12px}.oc-nav button:first-child,.oc-views button:first-child{border-radius:8px 0 0 8px}.oc-nav button:last-child,.oc-views button:last-child{border-radius:0 8px 8px 0}.oc-head button+button{margin-left:-1px}.oc-head button:hover,.oc-head button.active{position:relative;z-index:1;background:var(--green-soft);border-color:#87c5aa;color:var(--green)}
.oc-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid var(--line);border-bottom:0;border-radius:10px 10px 0 0;overflow:hidden}.oc-weekdays b{text-align:center;padding:11px 5px;background:#f5f8f7;color:var(--muted);border-right:1px solid var(--line);font-size:11px}.oc-weekdays b:last-child{border:0}.oc-month-grid{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;width:100%!important;border-left:1px solid var(--line)}.oc-day{display:block!important;min-width:0!important;min-height:118px!important;padding:8px!important;border-right:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important;background:#fff!important}.oc-day.muted{background:#fafbfb!important;color:#9eaaa6}.oc-day.today{background:#f0faf5!important;box-shadow:inset 0 0 0 1px #8bcaae}.oc-day>header{display:flex;justify-content:flex-end;margin-bottom:5px}.oc-day>header span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;font-weight:650}.oc-day.today>header span{background:var(--green);color:#fff}.oc-day em{display:block;margin-top:4px;color:var(--muted);font-size:9px;font-style:normal}
.oc-event{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:1px 5px!important;width:100%!important;min-width:0!important;margin:3px 0!important;padding:5px 6px!important;border:0!important;border-left:3px solid #397db0!important;border-radius:5px!important;background:#edf6fc!important;color:#255875!important;cursor:default!important;line-height:1.2!important}.oc-event[draggable=true]{cursor:grab!important}.oc-event time{grid-row:1/3;font-size:8px;font-weight:700}.oc-event span,.oc-event small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.oc-event small{opacity:.72;font-size:8px}.oc-event.finance{border-color:#b57a22!important;background:#fff7e8!important;color:#76521b!important}.oc-event.task{border-color:#218261!important;background:#edf8f3!important;color:#185f49!important}.drag-over{background:#e4f6ed!important;box-shadow:inset 0 0 0 2px #45a77d!important}
.oc-week-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid var(--line);border-radius:10px;overflow:hidden}.oc-week-day{min-height:540px;border-right:1px solid var(--line);background:#fff;padding:8px}.oc-week-day:last-child{border:0}.oc-week-day>header{text-align:center;border-bottom:1px solid var(--line);padding:7px 3px 12px;margin-bottom:8px}.oc-week-day>header b,.oc-week-day>header span{display:block}.oc-week-day>header span{color:var(--muted);margin-top:4px}.oc-day-view{min-height:560px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:15px}.oc-day-view .oc-event{max-width:620px;padding:10px!important}.oc-list{border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}.oc-list>section{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:12px;padding:9px 13px;border-bottom:1px solid var(--line)}.oc-list>section:last-child{border:0}.oc-list>section>time b,.oc-list>section>time small{display:block}.oc-list>section>time small{color:var(--muted);margin-top:3px}.oc-list .oc-event{margin:0!important;padding:9px!important}
@media(max-width:900px){.oc-head{grid-template-columns:1fr 1fr}.oc-head h2{grid-column:1/-1;grid-row:1}.oc-views{justify-content:flex-end}.oc-month-grid,.oc-weekdays{min-width:760px}.calendar-shell{overflow-x:auto}.oc-week-grid{min-width:900px}.oc-day{min-height:105px!important}}
.oc-event{grid-template-columns:17px auto minmax(0,1fr)!important;gap:1px 5px!important}.oc-event .oc-platform-logo{grid-column:1;grid-row:1/3}.oc-event .oc-platform-logo.event-marker{background:currentColor;opacity:.45;border-radius:50%;width:7px;height:7px;align-self:center;justify-self:center}.oc-event time{grid-column:2;grid-row:1/3}.oc-event>span,.oc-event>small{grid-column:3}