:root {
    color-scheme: light;
    --localora-brand: #0B2F2D;
    --localora-brand-secondary: #0F4C4A;
    --localora-on-brand: #FFFFFF;
    --localora-accent-warm: #F4A261;
    --localora-bg: #F8F7F4;
    --localora-bg-secondary: #E9E4DC;
    --localora-surface: #FFFFFF;
    --localora-surface-warm: #D6C3A6;
    --localora-text: #111312;
    --localora-text-secondary: #5F625F;
    --localora-text-tertiary: #8B8D89;
    --localora-border: #D8D5CF;
    --localora-border-strong: #B9B4A9;
    --localora-positive: #2E7D32;
    --localora-warning: #D97706;
    --localora-critical: #C0392B;
    --localora-critical-surface: #FFF1EE;
    --localora-link: #0E6BA8;
    --localora-focus: #0E6BA8;

    /* #220 Design System V2 semantic layout/component primitives. */
    --localora-space-1: 4px;
    --localora-space-2: 8px;
    --localora-space-3: 12px;
    --localora-space-4: 16px;
    --localora-space-5: 20px;
    --localora-space-6: 24px;
    --localora-radius-field: 11px;
    --localora-radius-action: 12px;
    --localora-radius-card: 16px;
    --localora-radius-hero: 20px;
    --localora-target-min: 44px;
    --localora-field-min: 46px;
    --localora-content-max: 720px;
    --bs-body-bg: var(--localora-bg);
    /* Bootstrap's .bg-body/.text-body utilities consume RGB variables. */
    --bs-body-bg-rgb: 248, 247, 244;
    --bs-body-color-rgb: 17, 19, 18;
    --bs-body-color: var(--localora-text);
    --bs-secondary-color: var(--localora-text-secondary);
    --bs-border-color: var(--localora-border);
}

@media (prefers-color-scheme: dark) {
    :root {
        color-scheme: dark;
        --localora-brand: #5F9A94;
        --localora-brand-secondary: #79ADA8;
        --localora-on-brand: #0F1413;
        --localora-accent-warm: #F4A261;
        --localora-bg: #0F1413;
        --localora-bg-secondary: #171D1B;
        --localora-surface: #1C2321;
        --localora-surface-warm: #3A3328;
        --localora-text: #F4F4F1;
        --localora-text-secondary: #B8BBB6;
        --localora-text-tertiary: #8E938F;
        --localora-border: #2B3431;
        --localora-border-strong: #59645F;
        --localora-positive: #66B27A;
        --localora-warning: #D79A3A;
        --localora-critical: #D36A6A;
        --localora-critical-surface: #392522;
        --localora-link: #5CA8D8;
        --localora-focus: #79ADA8;
        --bs-body-bg-rgb: 15, 20, 19;
        --bs-body-color-rgb: 244, 244, 241;
    }
}

html, body {
    min-width: 0;
    background: var(--localora-bg);
    color: var(--localora-text);
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}


/* #220 — shared V2 primitives. These classes standardize presentation only;
   route behaviour, form submission and server-readback semantics remain owned
   by their existing components. */
.localora-v2-page {
    width: 100%;
    max-width: var(--localora-content-max);
    margin-inline: auto;
    min-width: 0;
}
.localora-v2-page-header {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-block-end: var(--localora-space-4);
}
.localora-v2-page-header > :is(h1, h2) {
    margin: 0;
    color: var(--localora-text);
    font-size: clamp(1.65rem, 5vw, 2rem);
    line-height: 1.2;
    font-weight: 700;
    overflow-wrap: anywhere;
}
.localora-v2-page-header > p {
    margin: 0;
    max-width: 62ch;
    color: var(--localora-text-secondary);
    line-height: 1.55;
}
.localora-v2-card {
    min-width: 0;
    padding: var(--localora-space-4);
    border: 1px solid var(--localora-border);
    border-radius: var(--localora-radius-card);
    background: var(--localora-surface);
    color: var(--localora-text);
}
.localora-v2-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--localora-space-2);
    min-width: var(--localora-target-min);
    min-height: var(--localora-target-min);
    border-radius: var(--localora-radius-action);
    font-weight: 600;
}
.localora-v2-field :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
    min-height: var(--localora-field-min);
    border-color: var(--localora-border-strong);
    border-radius: var(--localora-radius-field);
    background: var(--localora-surface);
    color: var(--localora-text);
}
.localora-v2-field label {
    color: var(--localora-text-secondary);
    font-weight: 550;
}
.localora-v2-help {
    color: var(--localora-text-secondary);
    line-height: 1.45;
}
@media (max-width: 359px) {
    .localora-v2-card { padding: var(--localora-space-3); }
}

a, .btn-link {
    color: var(--localora-link);
}

a:hover, .btn-link:hover {
    color: var(--localora-brand-secondary);
}

:where(a, button, input, select, textarea, summary):focus-visible {
    outline: 3px solid var(--localora-focus);
    outline-offset: 3px;
}

.btn-primary {
    --bs-btn-color: var(--localora-on-brand);
    --bs-btn-bg: var(--localora-brand);
    --bs-btn-border-color: var(--localora-brand);
    --bs-btn-hover-color: var(--localora-on-brand);
    --bs-btn-hover-bg: var(--localora-brand-secondary);
    --bs-btn-hover-border-color: var(--localora-brand-secondary);
    --bs-btn-active-color: var(--localora-on-brand);
    --bs-btn-active-bg: var(--localora-brand-secondary);
    --bs-btn-active-border-color: var(--localora-brand-secondary);
    --bs-btn-disabled-color: var(--localora-on-brand);
    --bs-btn-disabled-bg: var(--localora-brand);
    --bs-btn-disabled-border-color: var(--localora-brand);
    min-height: 44px;
    border-radius: 12px;
    font-weight: 600;
}

.btn-outline-secondary {
    --bs-btn-color: var(--localora-text);
    --bs-btn-border-color: var(--localora-border-strong);
    --bs-btn-hover-color: var(--localora-on-brand);
    --bs-btn-hover-bg: var(--localora-brand);
    --bs-btn-hover-border-color: var(--localora-brand);
    --bs-btn-active-color: var(--localora-on-brand);
    --bs-btn-active-bg: var(--localora-brand);
    --bs-btn-active-border-color: var(--localora-brand);
    --bs-btn-disabled-color: var(--localora-text-secondary);
    --bs-btn-disabled-border-color: var(--localora-border);
    min-height: 44px;
}

.btn:focus-visible, .form-control:focus-visible, .form-select:focus-visible,
.form-check-input:focus-visible {
    outline: 3px solid var(--localora-focus);
    outline-offset: 2px;
    box-shadow: none;
}

.form-control, .form-select, .form-check-input {
    background-color: var(--localora-surface);
    color: var(--localora-text);
    border-color: var(--localora-border-strong);
}

.form-control:focus, .form-select:focus {
    background-color: var(--localora-surface);
    color: var(--localora-text);
    border-color: var(--localora-focus);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--localora-focus) 25%, transparent);
}

.text-secondary {
    color: var(--localora-text-secondary) !important;
}

.border {
    border-color: var(--localora-border) !important;
}

.card, .table, .modal-content, .dropdown-menu {
    --bs-card-bg: var(--localora-surface);
    --bs-card-color: var(--localora-text);
    --bs-table-bg: var(--localora-surface);
    --bs-table-color: var(--localora-text);
    background-color: var(--localora-surface);
    color: var(--localora-text);
}

/* Do not use Bootstrap .bg-body for a raised card: its surface differs
   from the page background in both Localora themes. */
.localora-surface-card {
    background-color: var(--localora-surface);
    color: var(--localora-text);
}

/* Identity forms keep normal server-side POST and reuse the Localora palette. */
.localora-auth-wrap {
    width: 100%;
    max-width: 540px;
    margin-inline: auto;
}
.localora-auth-card {
    background: var(--localora-surface);
    border: 1px solid var(--localora-border);
    border-radius: 20px;
    padding: clamp(20px, 4vw, 32px);
}
.localora-auth-card .form-control {
    min-height: 48px;
}
.localora-auth-card .form-label,
.localora-auth-card a {
    overflow-wrap: anywhere;
}


/* #168 — Auth source parity: native lockup, title, icon + input cards, CTA.
   The server-side Identity postback, cookie and antiforgery remain unchanged. */
.localora-shell:has(.localora-auth-native) .localora-topbar { display: none; }
.localora-auth-native {
    padding-block: clamp(12px, 3vw, 30px);
}
.localora-auth-native .localora-auth-brand {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-height: 52px;
    color: var(--localora-text);
    text-decoration: none;
    font-size: 1.35rem;
    font-weight: 650;
    letter-spacing: -.035em;
}
.localora-auth-native .localora-auth-brand-mark {
    display: grid;
    place-items: center;
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    border-radius: 22%;
    overflow: hidden;
}
.localora-auth-native .localora-auth-brand-mark img {
    display: block;
    width: 100%;
    height: 100%;
}
.localora-auth-native .localora-auth-heading {
    margin: clamp(19px, 4vw, 26px) 0 20px;
}
.localora-auth-native .localora-auth-heading h1 {
    margin: 0 0 6px;
    font-size: clamp(1.6rem, 5vw, 2rem);
    line-height: 1.2;
    overflow-wrap: anywhere;
}
.localora-auth-native .localora-auth-heading p {
    margin: 0;
    color: var(--localora-text-secondary);
    line-height: 1.5;
}
.localora-auth-native .localora-auth-card {
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
}
.localora-auth-native .localora-auth-section-title {
    font-size: 1.02rem;
    font-weight: 650;
    margin: 0 0 12px;
}
.localora-auth-native .localora-auth-summary {
    margin-bottom: 12px;
    overflow-wrap: anywhere;
}
.localora-auth-native .localora-auth-field {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    min-width: 0;
    padding: 12px 14px;
    margin-bottom: 12px;
    border: 1px solid var(--localora-border);
    border-radius: 16px;
    background: var(--localora-surface);
}
.localora-auth-native .localora-auth-field:focus-within {
    border-color: var(--localora-focus);
}
.localora-auth-native .localora-auth-field-icon {
    display: grid;
    place-items: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    margin-top: 3px;
    border-radius: 50%;
    background: var(--localora-bg-secondary);
    color: var(--localora-brand-secondary);
}
.localora-auth-native .localora-auth-field-body {
    flex: 1 1 auto;
    min-width: 0;
}
.localora-auth-native .localora-auth-field-label {
    display: block;
    font-size: .84rem;
    font-weight: 550;
    line-height: 1.4;
    color: var(--localora-text-secondary);
}
.localora-auth-native .form-control.localora-auth-input,
.localora-auth-native .form-control.localora-auth-input:focus {
    display: block;
    width: 100%;
    min-width: 0;
    min-height: 42px;
    border: 1px solid transparent;
    border-radius: 6px;
    padding: 6px 0;
    background: transparent;
    color: var(--localora-text);
    font-size: 1rem;
    box-shadow: none;
}
.localora-auth-native .form-control.localora-auth-input::placeholder {
    color: var(--localora-text-tertiary);
    text-align: left;
}
.localora-auth-native .form-control.localora-auth-input:focus-visible {
    outline: 2px solid var(--localora-focus);
    outline-offset: 2px;
}
.localora-auth-native .localora-auth-validation {
    display: block;
    font-size: .82rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}
.localora-auth-native .localora-auth-remember {
    margin: 12px 0 16px;
    font-size: .9rem;
}
.localora-auth-native .localora-auth-remember label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    cursor: pointer;
}
.localora-auth-native .localora-auth-submit {
    min-height: 56px;
    border-radius: 16px;
    background: linear-gradient(110deg, var(--localora-brand), var(--localora-brand-secondary));
    border: 0;
    color: var(--localora-on-brand);
    font-size: 1.04rem;
    font-weight: 650;
}
.localora-auth-native .localora-auth-submit:hover:not(:disabled),
.localora-auth-native .localora-auth-submit:focus-visible {
    color: var(--localora-on-brand);
    filter: brightness(1.03);
}
.localora-auth-native .localora-auth-submit:disabled {
    opacity: .48;
}
.localora-auth-native .localora-auth-switch {
    margin: 18px 0 0;
    text-align: center;
    font-weight: 550;
}
.localora-auth-native .localora-auth-retry-guidance {
    margin: 15px 0 0;
    line-height: 1.55;
}
.localora-error-page {
    width: 100%;
    max-width: 560px;
    margin: clamp(15px, 5vw, 48px) auto;
    padding: clamp(18px, 4vw, 28px);
    border: 1px solid var(--localora-border);
    border-radius: 18px;
    background: var(--localora-surface);
    overflow-wrap: anywhere;
}
.localora-error-page h1 {
    margin: 12px 0;
    font-size: clamp(1.5rem, 5vw, 1.9rem);
    line-height: 1.25;
}
.localora-error-page p { line-height: 1.55; }
.localora-error-page .localora-error-symbol {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    color: var(--localora-critical);
    background: var(--localora-critical-surface);
}
.localora-error-page .localora-error-id {
    margin-top: 16px;
    font-size: .8rem;
    color: var(--localora-text-secondary);
    overflow-wrap: anywhere;
}
@media (max-width: 359px) {
    .localora-auth-native .localora-auth-field { padding: 10px 12px; gap: 8px; }
    .localora-auth-native .localora-auth-field-icon { flex-basis: 34px; width: 34px; height: 34px; }
}
@media (prefers-reduced-motion: reduce) {
    .localora-auth-native .localora-auth-submit { transition: none; }
}

h1, h2, h3 {
    letter-spacing: -.025em;
}

h1 {
    font-weight: 700;
}

/* Blazor FocusOnNavigate moves keyboard/screen-reader focus to the page h1.
   Keep that focus visible, but prevent the default block-width outline from
   spanning the whole content column. Preserve the layout at every focus state. */
.localora-main h1 {
    width: fit-content;
    max-width: 100%;
}

.localora-main h1:focus {
    outline: none;
}

.validation-message, .invalid {
    color: var(--localora-critical);
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid var(--localora-positive);
}

.form-floating > .form-control-plaintext::placeholder,
.form-floating > .form-control::placeholder {
    color: var(--localora-text-secondary);
    text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder,
.form-floating > .form-control:focus::placeholder {
    text-align: start;
}

.blazor-error-boundary {
    background: var(--localora-critical-surface);
    color: var(--localora-text);
    border-left: 4px solid var(--localora-critical);
    padding: 1rem;
    border-radius: 12px;
}

.blazor-error-boundary::after {
    content: "Bir hata oluştu.";
}

.darker-border-checkbox.form-check-input {
    border-color: var(--localora-border-strong);
}

/* The legacy Offers segment strip and wide grids remain usable on phones without
   turning the full shell into a horizontally scrolling page. The region is tabbable
   and labeled in Razor so keyboard users can scroll it. */
.localora-scroll-region {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.localora-scroll-region > .btn-group {
    white-space: nowrap;
}

.localora-scroll-region > table {
    min-width: 600px;
    margin-bottom: 0;
}



/* Read-only #110 Today/WorkList controls match the native Localora rhythm. */
.localora-day-switcher,
.localora-filter-switcher {
    display: flex;
    align-items: stretch;
    gap: 5px;
    background: var(--localora-bg-secondary);
    border-radius: 16px;
    padding: 5px;
}
.localora-day-option {
    display: flex;
    flex: 1 1 0;
    min-width: 0;
    min-height: 48px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 2px;
    border-radius: 12px;
    padding: 8px 5px;
    font-weight: 600;
    text-decoration: none;
    color: var(--localora-text);
}
.localora-day-option small { font-weight: 400; color: inherit; }
.localora-day-option.is-current,
.localora-day-option.is-current:hover {
    background: var(--localora-brand);
    color: var(--localora-on-brand);
}
.localora-month-switcher {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 7px;
    border-radius: 16px;
    background: var(--localora-surface);
    border: 1px solid var(--localora-border);
}
.localora-month-switcher .btn {
    display: inline-grid;
    place-items: center;
    min-width: 44px;
    min-height: 44px;
    padding: 0;
}
/* Shared vector geometry removes font/OS-dependent arrow appearance. */
.localora-month-chevron {
    display: block;
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
}
.localora-month-switcher .btn:focus-visible {
    outline: 3px solid var(--localora-focus);
    outline-offset: 2px;
}
/* #150 UAT: the current month is a compact dialog trigger, not a long select. */
.localora-month-trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    min-width: 0;
    padding: 7px 9px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: var(--localora-text);
    font: inherit;
    line-height: 1.25;
    white-space: nowrap;
    font-weight: 700;
    cursor: pointer;
}
.localora-month-trigger:hover,
.localora-month-trigger:focus-visible {
    background: var(--localora-bg-secondary);
}
.localora-month-trigger[aria-expanded="true"] .localora-month-chevron {
    transform: rotate(180deg);
}
.localora-month-trigger:focus-visible,
.localora-month-dialog button:focus-visible,
.localora-month-option:focus-visible {
    outline: 3px solid var(--localora-brand);
    outline-offset: 2px;
}
.localora-month-dialog {
    box-sizing: border-box;
    width: min(340px, calc(100vw - 28px));
    max-width: 100%;
    max-height: min(85dvh, 480px);
    margin: auto;
    padding: 18px;
    overflow: auto;
    border: 1px solid var(--localora-border);
    border-radius: 20px;
    background: var(--localora-surface);
    color: var(--localora-text);
    box-shadow: 0 18px 55px rgb(0 0 0 / 30%);
}
.localora-month-dialog::backdrop {
    background: rgb(0 0 0 / 65%);
}
.localora-month-dialog-heading,
.localora-month-year-switcher {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.localora-month-dialog-heading {
    margin-bottom: 15px;
}
.localora-month-dialog-heading h2 {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
}
.localora-month-dialog-close,
.localora-month-year-switcher button {
    display: inline-grid;
    place-items: center;
    min-width: 44px;
    min-height: 44px;
    padding: 0;
    border: 1px solid var(--localora-border);
    border-radius: 12px;
    background: transparent;
    color: var(--localora-text);
    font: inherit;
    cursor: pointer;
}
.localora-month-dialog-close {
    font-size: 1.4rem;
}
.localora-month-year-switcher button:disabled {
    opacity: .35;
    cursor: default;
}
.localora-month-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-top: 15px;
}
.localora-month-option {
    display: grid;
    place-items: center;
    min-height: 48px;
    padding: 6px 2px;
    border: 1px solid var(--localora-border);
    border-radius: 11px;
    color: var(--localora-text);
    text-decoration: none;
    font-weight: 600;
}
.localora-month-option:hover {
    background: var(--localora-border);
    color: var(--localora-text);
}
.localora-month-option.is-current,
.localora-month-option.is-current:hover {
    border-color: var(--localora-brand);
    background: var(--localora-brand);
    color: var(--localora-on-brand);
}
@media (max-width: 767px) {
    .localora-inline-create-route .btn-primary { min-height: 44px; }
}
/* #165: native TodayView editorial hero is a single full-width image with
   legible overlaid text; never a narrow thumbnail next to body copy. */
.localora-today-hero {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 168px;
    overflow: hidden;
    border: 1px solid var(--localora-border);
    border-radius: 20px;
    background: var(--localora-brand);
    isolation: isolate;
}
.localora-today-hero img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -2;
}
.localora-today-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgb(0 0 0 / .72), rgb(0 0 0 / .40), rgb(0 0 0 / .07));
    z-index: -1;
}
.localora-today-hero-copy {
    position: relative;
    max-width: 32rem;
    padding: 20px;
    color: #fff;
}
.localora-today-hero-copy h2 {
    margin: 0 0 8px;
    color: inherit;
    font-weight: 650;
    font-size: clamp(1.3rem, 4.3vw, 1.65rem);
}
.localora-today-hero-copy p { color: rgb(255 255 255 / .90); }
.localora-today-profile {
    display: inline-grid;
    place-items: center;
    flex: none;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: 1px solid var(--localora-border);
    background: var(--localora-bg-secondary);
    color: var(--localora-brand);
    text-decoration: none;
}
.localora-today-profile:hover,
.localora-today-profile:focus-visible {
    color: var(--localora-brand-secondary);
    outline-offset: 3px;
}
@media (max-width: 767px) {
    /* Preserve #150's exactly one primary CTA; move it to the native Today
       bottom-action position, above the four-tab mobile nav. */
    .localora-today-header .localora-today-create {
        position: fixed;
        left: 20px;
        right: 20px;
        bottom: calc(66px + env(safe-area-inset-bottom, 0px));
        z-index: 101;
        display: grid;
        place-items: center;
        min-height: 58px;
        padding: 12px 18px;
        border-radius: 16px;
        border: 0;
        font-size: 1.08rem;
        font-weight: 650;
        color: var(--localora-on-brand);
        background: linear-gradient(110deg, var(--localora-brand), var(--localora-brand-secondary));
        box-shadow: 0 0 0 9px var(--localora-surface);
        text-decoration: none;
    }
    .localora-today-header .localora-today-profile {
        margin-left: auto;
    }
    .localora-main:has(.localora-today-header) {
        padding-bottom: calc(200px + env(safe-area-inset-bottom, 0px));
    }
}
@media (max-width: 359px) {
    .localora-today-hero-copy { padding: 16px; }
}

.localora-date-note {
    border-left: 3px solid var(--localora-warning);
    padding: 8px 12px;
    background: var(--localora-surface);
}
.localora-detail-list {
    display: grid;
    grid-template-columns: minmax(0, 130px) minmax(0, 1fr);
    gap: 7px 16px;
}
.localora-detail-list dt { color: var(--localora-text-secondary); }
.localora-detail-list dd { margin: 0; overflow-wrap: anywhere; }
@media (max-width: 359px) {
    .localora-detail-list { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
    .localora-day-option { transition: none; }
}

/* Native Today/WorkList cards act as one large NavigationLink surface. */
.localora-native-work-card {
    overflow: clip;
    border-radius: 16px !important;
}
.localora-native-activity-link {
    display: block;
    min-height: 72px;
    padding: 14px;
    color: var(--localora-text);
    text-decoration: none;
}
.localora-native-activity-link:hover {
    color: var(--localora-text);
    background: var(--localora-bg-secondary);
}
.localora-native-activity-link:focus-visible {
    outline: 3px solid var(--localora-focus);
    outline-offset: -4px;
    border-radius: 16px;
}
.localora-native-activity-link h3,
.localora-native-activity-link h4 {
    color: inherit;
    font-weight: 650;
}
@media (prefers-reduced-motion: reduce) {
    .localora-native-activity-link { transition: none; }
}

/* #165: detail hierarchy mirrors ActivityDetailView.swift (operational, captain,
   financial) without changing receipt, sale or declaration data semantics. */
.localora-native-detail-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}
.localora-native-detail-heading h2 {
    margin: 0 0 7px;
    font-size: clamp(1.55rem, 4.5vw, 2.1rem);
    font-weight: 700;
    overflow-wrap: anywhere;
}
.localora-native-detail-heading p {
    margin: 0;
    color: var(--localora-text-secondary);
}
.localora-native-detail-heading > a {
    flex: 0 0 auto;
    min-height: 44px;
}
.localora-native-detail-card {
    padding: 14px;
    border: 1px solid var(--localora-border);
    border-radius: 16px;
}
.localora-native-detail-card h3,
.localora-native-pending-group h3 {
    margin: 0 0 12px;
    font-size: 1rem;
    font-weight: 650;
}
.localora-native-detail-list {
    display: grid;
    grid-template-columns: minmax(128px, .85fr) minmax(0, 1fr);
    gap: 14px 12px;
    align-items: center;
}
.localora-native-detail-list dt {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    color: var(--localora-text-secondary);
    font-weight: 500;
}
.localora-native-detail-list dd {
    min-width: 0;
    margin: 0;
    font-weight: 550;
    overflow-wrap: anywhere;
}
.localora-detail-icon {
    display: inline-grid;
    place-items: center;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--localora-bg-secondary);
    color: var(--localora-brand-secondary);
    font-weight: 650;
    font-size: 1rem;
}
.localora-detail-note {
    margin: 14px 0 0;
    padding-top: 14px;
    border-top: 1px solid var(--localora-border);
    color: var(--localora-text-secondary);
    overflow-wrap: anywhere;
}
.localora-detail-time-note {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 14px;
    padding-top: 10px;
    color: var(--localora-text-secondary);
    font-size: .8rem;
}
.localora-native-pending-group > h3 {
    color: var(--localora-text-secondary);
}
@media (max-width: 479px) {
    .localora-native-detail-heading { flex-wrap: wrap; }
    .localora-native-detail-heading > a { width: 100%; }
    .localora-native-detail-list {
        grid-template-columns: minmax(0, 1fr);
        gap: 5px;
    }
    .localora-native-detail-list dd { padding-left: 42px; margin-bottom: 8px; }
}
/* #165: native ActivityEditView uses distinct cards and a bottom primary action.
   Presentation only: existing SSR EditForm, CSRF, optimistic readback and unknown-
   outcome double-submit protection remain intact. */
.localora-native-edit { max-width: 640px; }
.localora-native-edit-header { max-width: 640px; margin-inline: auto; }
.localora-native-edit-main,
.localora-native-edit-group {
    padding: 15px;
    border: 1px solid var(--localora-border);
    border-radius: 16px;
    background: var(--localora-surface);
}
.localora-native-edit-main h2 {
    font-size: 1.1rem;
    margin: 0 0 17px;
}
.localora-native-edit .form-label {
    display: block;
    color: var(--localora-text-secondary);
    font-size: .84rem;
    font-weight: 500;
    margin-bottom: 5px;
}
.localora-native-edit :is(.form-control, .form-select) {
    min-height: 44px;
    border-color: var(--localora-border);
    border-radius: 11px;
    background-color: var(--localora-bg);
    color: var(--localora-text);
}
.localora-native-edit textarea.form-control { min-height: 78px; }
.localora-native-edit .localora-progressive-group summary {
    display: flex;
    align-items: center;
    min-height: 48px;
    padding: 10px 0;
    font-weight: 650;
    color: var(--localora-text);
}
.localora-native-edit-submit {
    min-height: 58px;
    border-radius: 16px;
    border: 0;
    background: linear-gradient(110deg, var(--localora-brand), var(--localora-brand-secondary));
    color: var(--localora-on-brand);
    font-size: 1.08rem;
    font-weight: 650;
}
@media (max-width: 767px) {
    .localora-native-edit { padding-bottom: 105px; }
    .localora-native-edit-submit {
        position: fixed;
        left: 20px;
        right: 20px;
        bottom: calc(66px + env(safe-area-inset-bottom, 0px));
        z-index: 101;
        width: calc(100% - 40px) !important;
        box-shadow: 0 0 0 9px var(--localora-surface);
    }
}
@media (prefers-reduced-motion: reduce) {
    .localora-native-edit-submit { transition: none; }
}

/* #111: progressive groups disclose fields without a new interactive circuit. */
.localora-progressive-group {
    border: 1px solid var(--localora-border);
    background: var(--localora-surface);
    border-radius: 14px;
    padding: 12px 15px;
}
.localora-progressive-group summary {
    cursor: pointer;
    min-height: 44px;
    font-weight: 600;
    padding-top: 10px;
}
.localora-progressive-group[open] summary { margin-bottom: 12px; }


/* #147: native iOS New Job visual rhythm, scoped strictly to /activities/add.
   Source of truth: AddActivityView.swift, LocaloraTemplate.swift, LocaloraColor.swift.
   Do not restyle global forms or change their SSR/auth behavior. */
.localora-create-screen {
    width: 100%;
    max-width: 620px;
    min-width: 0;
    margin-inline: auto;
    color: var(--localora-text);
}

.localora-create-header { margin-bottom: 22px; }
.localora-create-header-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.localora-create-back {
    display: inline-grid;
    place-items: center;
    height: 44px;
    width: 44px;
    flex: 0 0 44px;
    border: 1px solid var(--localora-border);
    border-radius: 50%;
    background: var(--localora-surface);
    color: var(--localora-text);
    text-decoration: none;
}
.localora-create-back:hover { color: var(--localora-brand-secondary); }
.localora-create-back svg { width: 22px; height: 22px; }
.localora-create-brand { width: 38px; height: 38px; object-fit: contain; }
.localora-create-header h1 {
    margin: 0 0 4px;
    font-weight: 700;
    font-size: clamp(2rem, 5.8vw, 2.45rem);
    line-height: 1.15;
    letter-spacing: -.035em;
}
.localora-create-header p {
    margin: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: var(--localora-text-secondary);
}
.localora-create-section { margin-bottom: 24px; }
.localora-create-section-title {
    margin: 0 0 12px;
    font-size: 1.3rem;
    font-weight: 650;
    line-height: 1.3;
}
.localora-create-field-card {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
    min-height: 76px;
    padding: 15px;
    margin-bottom: 10px;
    border: 1px solid var(--localora-border);
    border-radius: 16px;
    background: var(--localora-surface);
}
.localora-create-icon-circle {
    display: inline-grid;
    place-items: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: var(--localora-bg-secondary);
    color: var(--localora-brand-secondary);
}
.localora-create-icon-svg { width: 22px; height: 22px; }
.localora-create-field-body { flex: 1 1 auto; min-width: 0; }
.localora-create-field-label {
    display: block;
    margin: 0 0 2px;
    color: var(--localora-text-secondary);
    font-size: .82rem;
    font-weight: 500;
}
.localora-create-control {
    display: block;
    width: 100%;
    min-width: 0;
    min-height: 36px;
    margin: 0;
    padding: 4px 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--localora-text);
    font: inherit;
    font-size: 1rem;
    line-height: 1.35;
    outline-offset: 1px;
}
.localora-create-control::placeholder,
.localora-create-inner-input::placeholder { color: var(--localora-text-tertiary); opacity: 1; }
.localora-create-control:focus,
.localora-create-control:focus-visible {
    background: transparent;
    color: var(--localora-text);
}
.localora-create-select {
    -webkit-appearance: auto;
    appearance: auto;
    padding-right: 4px;
}
/* #149: native dropdown menus must use legible options in both OS themes.
   Scope this to the New Job form: no global Bootstrap or custom popup. */
.localora-create-screen select.localora-create-control,
.localora-create-screen select.localora-create-inner-input {
    color-scheme: light;
    background-color: var(--localora-surface);
    color: var(--localora-text);
}
/* WebKit's native select can render below min-height despite the shared field token.
   Set the actual select box height without changing its native popup/keyboard behavior. */
.localora-create-screen select.localora-create-inner-input {
    height: var(--localora-target-min, 44px);
    box-sizing: border-box;
}
.localora-create-screen select option {
    background-color: var(--localora-surface);
    color: var(--localora-text);
}
@media (prefers-color-scheme: dark) {
    .localora-create-screen select.localora-create-control,
    .localora-create-screen select.localora-create-inner-input {
        color-scheme: dark;
    }
}
.localora-create-helper {
    margin: 6px 0 0;
    font-size: .76rem;
    line-height: 1.5;
    color: var(--localora-text-secondary);
}
.localora-create-warning { color: var(--localora-warning); }
.localora-create-field-card .validation-message {
    display: block;
    margin-top: 5px;
    font-size: .82rem;
}
/* Native "Detay Ekle" is one content card, not two Bootstrap disclosure groups. */
.localora-create-details.localora-progressive-group {
    padding: 0;
    margin: 0;
    overflow: clip;
    border: 1px solid var(--localora-border);
    border-radius: 16px;
    background: var(--localora-surface);
}
.localora-create-details.localora-progressive-group summary {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 76px;
    margin: 0;
    padding: 14px 15px;
    cursor: pointer;
    list-style: none;
    font-weight: inherit;
}
.localora-create-details summary::-webkit-details-marker { display: none; }
.localora-create-details summary::marker { content: ""; }
.localora-create-disclosure-copy { flex: 1 1 auto; min-width: 0; }
.localora-create-disclosure-copy strong {
    display: block;
    color: var(--localora-text);
    font-size: 1rem;
    font-weight: 650;
}
.localora-create-disclosure-copy small {
    display: block;
    margin-top: 2px;
    font-size: .77rem;
    line-height: 1.45;
    color: var(--localora-text-secondary);
}
.localora-create-chevron {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    color: var(--localora-text-secondary);
    transition: transform .18s ease;
}
.localora-create-details[open] .localora-create-chevron { transform: rotate(90deg); }
.localora-create-details-content { padding: 4px 15px 16px; }
.localora-create-switch-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 51px;
}
.localora-create-switch-row label {
    flex: 1 1 auto;
    font-size: .95rem;
    line-height: 1.4;
    cursor: pointer;
}
.localora-create-switch {
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    flex: 0 0 50px;
    width: 50px;
    height: 30px;
    margin: 0;
    cursor: pointer;
    border-radius: 99px;
    border: 1px solid var(--localora-border-strong);
    background: var(--localora-bg-secondary);
    transition: background-color .18s ease;
}
.localora-create-switch::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--localora-surface);
    box-shadow: 0 1px 3px rgb(0 0 0 / .14);
    transition: transform .18s ease;
}
.localora-create-switch:checked {
    border-color: var(--localora-brand-secondary);
    background: var(--localora-brand-secondary);
}
.localora-create-switch:checked::before { transform: translateX(20px); }
.localora-create-inner-field {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
    padding-block: 8px;
}
.localora-create-inner-field label {
    color: var(--localora-text-secondary);
    font-size: .85rem;
    font-weight: 500;
}
.localora-create-inner-input {
    display: block;
    width: 100%;
    min-height: var(--localora-target-min, 44px);
    min-width: 0;
    padding: 8px 10px;
    border: 1px solid var(--localora-border);
    border-radius: 10px;
    color: var(--localora-text);
    background: var(--localora-bg);
    font: inherit;
    font-size: 1rem;
}
.localora-create-inner-input:focus { border-color: var(--localora-focus); }
.localora-create-textarea { resize: vertical; min-height: 74px; }
.localora-create-subdivider {
    height: 1px;
    background: var(--localora-border);
    margin: 10px 0;
}
.localora-create-clock-scope:not(:has(#meeting-toggle:checked)) .localora-create-meeting-control,
.localora-create-clock-scope:not(:has(#meeting-toggle:checked)) .localora-create-end-container,
.localora-create-end-container:not(:has(#end-toggle:checked)) .localora-create-end-control {
    display: none;
}
.localora-create-submit {
    display: block;
    width: 100%;
    min-height: 58px;
    border: 0;
    border-radius: 16px;
    background: linear-gradient(110deg, var(--localora-brand), var(--localora-brand-secondary));
    color: var(--localora-on-brand);
    font-size: 1.13rem;
    line-height: 1.4;
    font-weight: 650;
}
.localora-create-submit:hover:not(:disabled),
.localora-create-submit:focus-visible {
    color: var(--localora-on-brand);
    filter: brightness(1.05);
}
.localora-create-submit:disabled { opacity: .45; }
@media (max-width: 767px) {
    /* Mobile topbar already exists in shell; nested Add has native back/mark. */
    body:has(.localora-create-screen) .localora-topbar,
    body:has(.localora-create-screen) .localora-mobile-nav { display: none; }
    .localora-main:has(.localora-create-screen) {
        padding-top: 12px;
        padding-bottom: calc(32px + env(safe-area-inset-bottom, 0px));
    }
}
@media (prefers-reduced-motion: reduce) {
    .localora-create-chevron,
    .localora-create-switch,
    .localora-create-switch::before { transition: none; }
}

/* #166 — Native finance editor presentation only. Existing SSR form submissions,
   antiforgery, conflict/revision and uncertain-write handling remain server-owned. */
.localora-finance-header,
.localora-finance-history {
    width: 100%;
    max-width: 540px;
    margin-inline: auto;
}
.localora-finance-header > a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    font-weight: 600;
    text-decoration: none;
}
.localora-finance-header h1 {
    font-size: clamp(1.6rem, 5vw, 2rem);
    line-height: 1.22;
}
.localora-finance-header > p {
    max-width: 52ch;
    line-height: 1.55;
    font-size: .93rem;
}
.localora-finance-form {
    min-width: 0;
}
.localora-finance-form form {
    min-width: 0;
}
.localora-finance-form .localora-finance-card,
.localora-finance-history {
    padding: clamp(15px, 3vw, 20px) !important;
    border: 1px solid var(--localora-border);
    border-radius: 16px !important;
    background: var(--localora-surface);
    overflow-wrap: anywhere;
}
.localora-finance-form .localora-finance-card > h2 {
    margin: 0 0 17px;
    font-size: 1.03rem;
    font-weight: 650;
    line-height: 1.35;
    color: var(--localora-text);
}
.localora-finance-form .localora-finance-card > p {
    line-height: 1.5;
}
.localora-finance-form .form-label {
    display: block;
    margin-bottom: 6px;
    font-size: .86rem;
    line-height: 1.35;
    font-weight: 550;
    color: var(--localora-text-secondary);
    overflow-wrap: anywhere;
}
.localora-finance-form :is(.form-control, .form-select) {
    display: block;
    width: 100%;
    min-width: 0;
    min-height: 46px;
    border: 1px solid var(--localora-border-strong);
    border-radius: 11px;
    background: var(--localora-bg);
    color: var(--localora-text);
    font-size: 1rem;
}
/* #117: a native WebKit select can paint its longest option outside its
   constrained box when text is enlarged to 200%. Keep its closed value within
   the field (ellipsis when necessary); the native popup and full accessible
   option labels remain available when the user opens the select. */
.localora-finance-form select.form-select {
    max-inline-size: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.localora-finance-form textarea.form-control {
    min-height: 86px;
    resize: vertical;
}
.localora-finance-money-pair {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(116px, .8fr);
    gap: 8px 12px;
    align-items: start;
    min-width: 0;
}
.localora-finance-money-pair > .mb-3 {
    min-width: 0;
}
.localora-finance-submit {
    display: block;
    min-height: 56px;
    border: 0;
    border-radius: 16px;
    background: var(--localora-brand);
    color: var(--localora-on-brand);
    font-size: 1.03rem;
    line-height: 1.4;
    font-weight: 650;
}
.localora-finance-submit:hover:not(:disabled),
.localora-finance-submit:focus-visible {
    color: var(--localora-on-brand);
    filter: brightness(1.05);
}
.localora-finance-submit:disabled { opacity: .48; }
.localora-finance-history > h2 {
    font-size: 1.03rem;
    font-weight: 650;
}
.localora-finance-history :is(li, dd, p) {
    overflow-wrap: anywhere;
}
.localora-finance-history li {
    border-bottom: 1px solid var(--localora-border);
    padding-bottom: 11px;
}
.localora-finance-history li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}
.localora-finance-ledger {
    border: 1px solid var(--localora-border) !important;
    border-radius: 16px !important;
}
.localora-finance-ledger > h2 {
    font-size: 1.1rem;
    font-weight: 650;
}
.localora-finance-ledger :is(.btn, a) {
    overflow-wrap: anywhere;
}
.localora-finance-ledger .btn-outline-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    border-radius: 12px;
}
.localora-finance-ledger-item {
    border-color: var(--localora-border) !important;
    border-radius: 13px !important;
    background: var(--localora-bg);
    overflow-wrap: anywhere;
}
.localora-finance-ledger-item strong {
    font-variant-numeric: tabular-nums;
}
@media (max-width: 359px) {
    .localora-finance-money-pair { grid-template-columns: minmax(0, 1fr); gap: 0; }
}
@media (prefers-reduced-motion: reduce) {
    .localora-finance-submit { transition: none; }
}

/* #261 — Finans formları V2: başlık yanı (i), iş bağlamı kartı, sabit Kaydet.
   Yalnız sunum; form gönderimi, doğrulama ve kayıt davranışı bileşenlerde kalır. */
.localora-finance-title-row {
    display: flex;
    align-items: center;
    gap: 2px;
    min-width: 0;
}
.localora-finance-title-row > h1 {
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
}
.localora-v2-info {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: var(--localora-target-min, 44px);
    height: var(--localora-target-min, 44px);
    padding: 0;
    border: 0;
    background: none;
    color: var(--localora-link);
    cursor: pointer;
}
.localora-v2-info > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border: 2px solid currentColor;
    border-radius: 50%;
    font: 700 .8rem/1 Georgia, serif;
    font-style: italic;
}
.localora-v2-info.is-sm > i {
    width: 18px;
    height: 18px;
    border-width: 1.5px;
    font-size: .66rem;
}
.localora-v2-info[aria-expanded="true"] > i {
    background: var(--localora-link);
    border-color: var(--localora-link);
    color: var(--localora-bg);
}
.localora-v2-info:focus-visible,
.localora-v2-info-close:focus-visible {
    outline: 2px solid var(--localora-link);
    outline-offset: -4px;
    border-radius: 50%;
}
.localora-v2-info-panel {
    position: relative;
    margin: 8px 0 14px;
    padding: 12px;
    border: 1px solid var(--localora-border-strong);
    border-radius: 12px;
    background: var(--localora-surface);
    color: var(--localora-text);
    font-size: .9rem;
    line-height: 1.5;
}
.localora-v2-info-panel::before {
    content: "";
    position: absolute;
    top: -7px;
    left: var(--ax, 24px);
    width: 12px;
    height: 12px;
    background: var(--localora-surface);
    border-left: 1px solid var(--localora-border-strong);
    border-top: 1px solid var(--localora-border-strong);
    transform: rotate(45deg);
}
.localora-v2-info-panel.has-close { padding-right: 48px; }
.localora-v2-info-panel > strong { display: block; margin-bottom: 4px; }
.localora-v2-info-close {
    position: absolute;
    top: 0;
    right: 0;
    width: var(--localora-target-min, 44px);
    height: var(--localora-target-min, 44px);
    border: 0;
    background: none;
    color: var(--localora-text-secondary);
    font-size: 1rem;
    cursor: pointer;
}
html.localora-js .localora-v2-info-panel:not(.is-open) { display: none; }
.localora-finance-label-row {
    display: flex;
    align-items: center;
    gap: 2px;
    margin-bottom: 6px;
}
.localora-finance-label-row > .form-label { margin-bottom: 0; }
.localora-finance-label-row > .localora-v2-info { margin-block: -13px; }
.localora-finance-context {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 12px;
    padding: 10px 12px;
    border: 1px solid var(--localora-border);
    border-radius: 12px;
    background: var(--localora-surface);
}
.localora-finance-context-icon {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    color: var(--localora-brand);
    background: color-mix(in srgb, var(--localora-brand) 12%, var(--localora-surface));
}
.localora-finance-context-text {
    display: flex;
    flex-direction: column;
    min-width: 0;
    line-height: 1.35;
}
.localora-finance-context-text > strong {
    font-size: .95rem;
    overflow-wrap: anywhere;
}
.localora-finance-context-text > span {
    font-size: .82rem;
    color: var(--localora-text-secondary);
    overflow-wrap: anywhere;
}
.localora-finance-context-text > .localora-finance-context-remaining { color: var(--localora-text); }
.localora-finance-form .localora-finance-submit {
    position: sticky;
    bottom: max(12px, env(safe-area-inset-bottom));
    z-index: 2;
    box-shadow: 0 6px 18px color-mix(in srgb, var(--localora-text) 18%, transparent);
}

/* ==========================================================================
   #181 — İşlerim (Faz 2): kompakt, mobil öncelikli bilgi hiyerarşisi.
   Onaylı tasarım: docs/design/web/issue-181 (mockup v3 + tokens.css v3).
   Kapsam yalnız .localora-work; Bugün sayfası ve diğer ekranlar etkilenmez.
   Durum/hedef-bandı token'ları: metin ≥ 4,5:1, çubuk dolgusu ≥ 3:1 (README matrisi).
   ========================================================================== */
:root {
    --localora-status-plan-fg: #9A4100;   --localora-status-plan-bg: #FDEBDB;
    --localora-status-done-fg: #1B6B2A;   --localora-status-done-bg: #E2F3E5;
    --localora-status-cancel-fg: #AE2A1F; --localora-status-cancel-bg: #FBE6E3;
    --localora-goal-1-fill: #9A6217; --localora-goal-1-text: #7D4E10;  /* %0–24 sıcak toprak/kehribar */
    --localora-goal-2-fill: #C25A12; --localora-goal-2-text: #9A4100;  /* %25–49 turuncu */
    --localora-goal-3-fill: #7A7810; --localora-goal-3-text: #6B6A00;  /* %50–74 sarı/zeytin */
    --localora-goal-4-fill: #1D6B78; --localora-goal-4-text: #175A66;  /* %75–99 petrol mavisi */
    --localora-goal-5-fill: #2E7D32; --localora-goal-5-text: #1E6B2A;  /* %100+ yeşil */
}
@media (prefers-color-scheme: dark) {
    :root {
        --localora-status-plan-fg: #FFB27A;   --localora-status-plan-bg: #3A2415;
        --localora-status-done-fg: #86D597;   --localora-status-done-bg: #1B3324;
        --localora-status-cancel-fg: #FF9F96; --localora-status-cancel-bg: #3B201E;
        --localora-goal-1-fill: #B08655; --localora-goal-1-text: #DDB98F;
        --localora-goal-2-fill: #F2A25C; --localora-goal-2-text: #FFB982;
        --localora-goal-3-fill: #D9D25E; --localora-goal-3-text: #E6E077;
        --localora-goal-4-fill: #6FC3D0; --localora-goal-4-text: #8DD3DE;
        --localora-goal-5-fill: #66B27A; --localora-goal-5-text: #86D597;
    }
}
.localora-goal-band-1 { --lw-fill: var(--localora-goal-1-fill); --lw-text: var(--localora-goal-1-text); }
.localora-goal-band-2 { --lw-fill: var(--localora-goal-2-fill); --lw-text: var(--localora-goal-2-text); }
.localora-goal-band-3 { --lw-fill: var(--localora-goal-3-fill); --lw-text: var(--localora-goal-3-text); }
.localora-goal-band-4 { --lw-fill: var(--localora-goal-4-fill); --lw-text: var(--localora-goal-4-text); }
.localora-goal-band-5 { --lw-fill: var(--localora-goal-5-fill); --lw-text: var(--localora-goal-5-text); }

@media (max-width: 767px) {
    /* Mobil: üst boşluk kısaltılır ki ay/filtre/ilk iş kartı ilk ekrana sığsın (onaylı ölçüm hedefleri). */
    main.localora-main:has(.localora-work) { padding-top: 12px; }
}
.localora-work-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 48px;
    margin: 0;
}
.localora-work-head h1 { margin: 0; font-size: 1.6rem; line-height: 1.2; }
.localora-work-head .btn-primary { min-height: 44px; white-space: nowrap; }
.localora-work .localora-date-note { margin: 8px 0 0; }

/* Ay seçici: üç ayrı 44 px kontrol (mevcut işaretleme ve JS değişmez) */
.localora-work .localora-month-switcher {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    gap: 8px;
    padding: 0;
    margin: 8px 0 0;
    background: none;
    border: 0;
    border-radius: 0;
}
.localora-work .localora-month-switcher .btn,
.localora-work .localora-month-trigger {
    border: 1px solid var(--localora-border);
    background: var(--localora-surface);
    border-radius: 12px;
    color: var(--localora-text);
}
.localora-work .localora-month-trigger { width: 100%; }
.localora-work .localora-month-switcher .btn.disabled { opacity: .45; }

/* Aylık hedef: kapalıyken yüzde + bant rengi + tutar */
.localora-work-goal {
    display: block;
    margin: 8px 0 0;
    background: var(--localora-surface);
    border: 1px solid var(--localora-border);
    border-radius: 14px;
}
details.localora-work-goal > summary {
    display: block;
    list-style: none;
    cursor: pointer;
    min-height: 44px;
    padding: 8px 14px;
    border-radius: 14px;
}
details.localora-work-goal > summary::-webkit-details-marker { display: none; }
details.localora-work-goal > summary:focus-visible { outline: 3px solid var(--localora-focus); outline-offset: 2px; }
.localora-work-goal-empty { padding: 10px 14px; min-height: 44px; }
.localora-work-goal-row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
    line-height: 1.2;
}
.localora-work-goal-row strong { font-size: .95rem; }
.localora-work-goal-amounts {
    color: var(--localora-text-secondary);
    font-size: .84rem;
    font-variant-numeric: tabular-nums;
}
.localora-work-goal-row a { color: var(--localora-link); font-weight: 600; font-size: .9rem; }
/* 320 px: keep "Aylık hedef" and the amounts on ONE line (they wrapped to two, pushing the first job card past 400 px). */
@media (max-width: 359px) {
    .localora-work-goal-row { gap: 6px; }
    .localora-work-goal-row strong { font-size: .9rem; }
    .localora-work-goal-amounts { font-size: .78rem; }
}
.localora-work-goal-meter {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 4px 0 2px;
    line-height: 1.1;
}
.localora-work-goal-bar {
    display: block;
    flex: 1 1 auto;
    min-width: 0;
    height: 8px;
    border-radius: 999px;
    background: var(--localora-bg-secondary);
    overflow: hidden;
}
.localora-work-goal-bar > i {
    display: block;
    height: 100%;
    border-radius: 999px;
    background: var(--lw-fill);
}
.localora-work-goal-percent {
    min-width: 48px;
    text-align: right;
    font-weight: 800;
    font-size: 1rem;
    color: var(--lw-text);
    font-variant-numeric: tabular-nums;
}
.localora-work-goal-chevron { flex: none; opacity: .7; }
details.localora-work-goal[open] .localora-work-goal-chevron { transform: rotate(180deg); }
@media (prefers-reduced-motion: no-preference) {
    .localora-work-goal-chevron { transition: transform .15s; }
}
.localora-work-goal-caption {
    display: block;
    color: var(--localora-text-secondary);
    font-size: .78rem;
    line-height: 1.25;
}
.localora-work-goal-more {
    padding: 0 14px 12px;
    color: var(--localora-text-secondary);
    font-size: .85rem;
}
.localora-work-goal-more a { color: var(--localora-link); font-weight: 600; }

/* Filtre */
.localora-work .localora-filter-switcher {
    margin: 8px 0 0;
    padding: 4px;
    gap: 4px;
    border-radius: 14px;
}
.localora-work .localora-day-option {
    min-height: 44px;
    padding: 0 5px;
    border-radius: 10px;
    font-size: .95rem;
}

/* Sayaç satırı + "Bugüne git" (≥ 44×44 yalnız göründüğünde) */
.localora-work-count {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 20px;
    margin: 6px 2px 0;
    color: var(--localora-text-secondary);
    font-size: .85rem;
}
.localora-work-count.has-jump { min-height: 44px; margin-top: 0; }
.localora-work-jump {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    min-width: 44px;
    min-height: 44px;
    padding: 0 4px 0 12px;
    border-radius: 10px;
    color: var(--localora-link);
    font-size: .9rem;
    font-weight: 700;
    text-decoration: none;
}
.localora-work-jump:focus-visible { outline: 3px solid var(--localora-focus); outline-offset: 2px; }

/* Tarih grupları ve kartlar */
.localora-work-day {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 8px 2px 4px;
    color: var(--localora-text-secondary);
    font-size: .82rem;
    font-weight: 700;
    line-height: 1.4;
    scroll-margin-top: 12px;
}
.localora-work-day.is-today { color: var(--localora-text); }
.localora-work-day:focus { outline: none; }
.localora-work-day:focus-visible { outline: 3px solid var(--localora-focus); outline-offset: 2px; border-radius: 6px; }
.localora-today-tag {
    display: inline-block;
    padding: 1px 7px;
    border-radius: 6px;
    background: var(--localora-brand);
    color: var(--localora-on-brand);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .06em;
    line-height: 1.5;
}
.localora-work-day-group { margin: 0; }
.localora-work .localora-native-work-card { margin: 0 0 6px; border-radius: 14px !important; }
.localora-work .localora-native-work-card.is-today { border-left: 5px solid var(--localora-brand) !important; }
.localora-work .localora-native-activity-link { min-height: 0; padding: 9px 14px; }
.localora-work-card-top { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.localora-work-card-top h4 { margin: 0; font-size: 1rem; line-height: 1.3; }
.localora-work-time { font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
.localora-work-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 8px;
    margin-top: 3px;
    color: var(--localora-text-secondary);
    font-size: .84rem;
}
.localora-work-guest { margin-top: 3px; font-size: .9rem; }
.localora-native-work-card.is-cancelled h4 {
    color: var(--localora-text-secondary);
    text-decoration: line-through;
    text-decoration-thickness: 1px;
}
.localora-status-chip {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 1px 8px 1px 6px;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 700;
    line-height: 1.35;
    white-space: nowrap;
    color: var(--localora-text);
    background: var(--localora-bg-secondary);
}
.localora-status-chip svg { flex: none; }
.localora-status-chip.plan { color: var(--localora-status-plan-fg); background: var(--localora-status-plan-bg); }
.localora-status-chip.done { color: var(--localora-status-done-fg); background: var(--localora-status-done-bg); }
.localora-status-chip.cancel { color: var(--localora-status-cancel-fg); background: var(--localora-status-cancel-bg); }
.localora-work-status, .localora-work-empty { margin-top: 12px; }

/* #83 — Action-first guide checklist. Shared semantic tokens, no status/debt colors. */
.localora-attention-row {
    min-height: 66px;
    background: var(--localora-bg-secondary);
    border-color: var(--localora-border) !important;
    color: var(--localora-text);
    transition: border-color .15s ease, background-color .15s ease;
}
.localora-attention-row:hover {
    background: var(--localora-surface);
    border-color: var(--localora-border-strong) !important;
}
.localora-attention-row:focus-visible {
    outline: 3px solid var(--localora-focus);
    outline-offset: 2px;
}
.localora-attention-icon {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    color: var(--localora-brand-secondary);
    background: var(--localora-surface);
    font-size: 1.05rem;
}
@media (prefers-reduced-motion: reduce) {
    .localora-attention-row { transition: none; }
}


/* #220 V2 flow layout — inspired by IceCubes' plain-list hierarchy, not its code/assets. */
.localora-v2-flow {
    width: min(100%, var(--localora-content-max));
    margin-inline: auto;
}
.localora-v2-flow-section {
    padding-block: var(--localora-space-3);
    border-bottom: 1px solid var(--localora-border-subtle);
}
.localora-v2-flow-section:last-child { border-bottom: 0; }
.localora-v2-flow-section > :last-child { margin-bottom: 0; }
.localora-v2-flow-actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--localora-space-2);
    align-items: center;
}
.localora-v2-flow .localora-v2-card {
    border: 0;
    border-radius: 0;
    background: transparent;
    padding-inline: 0;
    box-shadow: none;
}
@media (min-width: 768px) {
    .localora-v2-flow {
        padding-inline: var(--localora-space-4);
    }
}

.localora-v2-activity-list { display: grid; gap: 0; }
.localora-v2-activity-row {
    border-bottom: 1px solid var(--localora-border-subtle);
    background: transparent;
}
.localora-v2-activity-row:last-child { border-bottom: 0; }
.localora-v2-activity-row .localora-native-activity-link {
    padding-block: var(--localora-space-3);
    min-height: var(--localora-target-min);
}


/* #220 visual review — IceCubes-inspired calm flow.
   Navigation focus may land on h1 programmatically; interactive controls keep
   the global :focus-visible indicator above. */
.localora-v2-grouped-form {
    overflow: hidden;
    border: 1px solid var(--localora-border);
    border-radius: var(--localora-radius-card);
    background: var(--localora-surface);
}
.localora-v2-grouped-form > .localora-create-section-title {
    margin: 0;
    padding: var(--localora-space-4) var(--localora-space-4) var(--localora-space-2);
}
.localora-v2-grouped-form > .localora-create-field-card {
    margin: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}
.localora-v2-grouped-form > .localora-create-field-card + .localora-create-field-card {
    border-top: 1px solid var(--localora-border-subtle, var(--localora-border));
}
.localora-v2-flow > .localora-finance-ledger.localora-v2-flow-section {
    margin: 0;
    border: 0;
    border-bottom: 1px solid var(--localora-border);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    padding-inline: 0;
}
.localora-v2-flow > .localora-finance-ledger.localora-v2-flow-section:last-of-type {
    border-bottom: 0;
}
.localora-today-header .localora-today-create {
    position: static;
    inset: auto;
    width: auto;
    margin: 0;
    z-index: auto;
    box-shadow: none;
}


/* #220: keep Work filters visually secondary to the dated work list without changing Localora's visual language. */
.localora-work-filter-compact {
    margin-top: 0.75rem;
    margin-bottom: 1rem;
}

.localora-work-filter-compact .localora-day-option {
    min-height: var(--localora-target-min);
    padding-top: 0.55rem;
    padding-bottom: 0.55rem;
}

.localora-work-filter-compact + .localora-work-status,
.localora-work-filter-compact + .alert {
    margin-top: 0;
}


/* #220: keep Activity Detail actions attached to the information they operate on. */
.localora-detail-section-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--localora-space-3);
    flex-wrap: wrap;
    margin-bottom: var(--localora-space-3);
}

.localora-detail-context-actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--localora-space-2);
}

@media (max-width: 480px) {
    .localora-detail-section-heading {
        display: block;
    }

    .localora-detail-context-actions {
        margin-top: var(--localora-space-2);
    }

    .localora-detail-context-actions .localora-v2-action {
        width: 100%;
    }
}


/* #220 Activity Detail V2: Localora identity + IceCubes-inspired content-first hierarchy. */
.localora-detail-nav {
    margin-bottom: var(--localora-space-3);
}

.localora-detail-back,
.localora-detail-edit {
    display: inline-flex;
    align-items: center;
    min-height: var(--localora-target-min);
    color: var(--localora-brand-secondary);
    font-weight: 650;
    text-decoration: none;
}

.localora-detail-back span {
    font-size: 1.7rem;
    line-height: 1;
    margin-right: 0.2rem;
}

.localora-detail-hero {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--localora-space-4);
    padding: var(--localora-space-4) 0 var(--localora-space-5);
    border-bottom: 1px solid var(--localora-border-subtle);
}

.localora-detail-hero-copy h1 {
    margin: 0.35rem 0 0.2rem;
    color: var(--localora-text-primary);
    font-size: clamp(1.7rem, 6vw, 2.2rem);
    line-height: 1.08;
}

.localora-detail-hero-copy p {
    margin: 0;
    color: var(--localora-text-secondary);
}

.localora-detail-status {
    display: inline-flex;
    align-items: center;
    min-height: 1.75rem;
    padding: 0.2rem 0.65rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--localora-brand-secondary) 12%, transparent);
    color: var(--localora-brand-secondary);
    font-size: 0.82rem;
    font-weight: 700;
}

.localora-detail-primary-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--localora-space-2);
}

.localora-detail-title-with-help {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--localora-space-2);
    margin-bottom: var(--localora-space-3);
}

.localora-detail-section-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.7rem;
    height: 1.7rem;
    margin-right: 0.25rem;
    border-radius: 50%;
    background: color-mix(in srgb, var(--localora-accent-warm) 20%, transparent);
    color: var(--localora-brand-primary);
    font-size: 0.9rem;
}

@media (max-width: 560px) {
    .localora-detail-hero {
        display: block;
    }

    .localora-detail-primary-actions {
        justify-content: flex-start;
        margin-top: var(--localora-space-3);
    }

    .localora-detail-primary-actions .btn {
        flex: 1 1 auto;
    }
}


/* #220 approved compact Activity Detail V2. */
.localora-detail-operations {
    padding: var(--localora-space-3);
    border: 1px solid var(--localora-border-subtle);
    border-radius: var(--localora-radius-card);
    background: var(--localora-surface-primary);
}

.localora-detail-operation-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
}

.localora-detail-operation-item {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-height: 3.6rem;
    padding: 0.65rem;
    border-bottom: 1px solid var(--localora-border-subtle);
}

.localora-detail-operation-item:nth-child(odd) {
    border-right: 1px solid var(--localora-border-subtle);
}

.localora-detail-operation-item:nth-last-child(-n + 2) {
    border-bottom: 0;
}

.localora-detail-operation-item span:last-child {
    min-width: 0;
}

.localora-detail-operation-item strong,
.localora-detail-operation-item small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.localora-detail-operation-item small {
    margin-top: 0.1rem;
    color: var(--localora-text-secondary);
}

.localora-detail-missing,
.localora-detail-captain > summary,
.localora-detail-secondary > summary {
    display: flex;
    align-items: center;
    gap: var(--localora-space-3);
    min-height: var(--localora-target-min);
    padding: var(--localora-space-3);
    border-radius: var(--localora-radius-card);
    text-decoration: none;
    cursor: pointer;
}

.localora-detail-missing {
    background: color-mix(in srgb, var(--localora-warning) 10%, var(--localora-surface-primary));
    border: 1px solid color-mix(in srgb, var(--localora-warning) 30%, var(--localora-border-subtle));
    color: var(--localora-text-primary);
}

.localora-detail-missing-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    flex: 0 0 auto;
    border-radius: 50%;
    background: var(--localora-warning);
    color: var(--localora-on-brand);
    font-weight: 800;
}

.localora-detail-missing span:nth-child(2),
.localora-detail-captain summary span:first-child,
.localora-detail-secondary summary span:first-child {
    flex: 1;
}

.localora-detail-missing strong,
.localora-detail-missing small,
.localora-detail-captain strong,
.localora-detail-captain small,
.localora-detail-secondary strong,
.localora-detail-secondary small {
    display: block;
}

.localora-detail-missing small,
.localora-detail-captain small,
.localora-detail-secondary small {
    color: var(--localora-text-secondary);
}

.localora-detail-captain,
.localora-detail-secondary {
    border: 1px solid var(--localora-border-subtle);
    border-radius: var(--localora-radius-card);
    background: var(--localora-surface-primary);
}

.localora-detail-captain > summary,
.localora-detail-secondary > summary {
    list-style: none;
}

.localora-detail-captain > summary::-webkit-details-marker,
.localora-detail-secondary > summary::-webkit-details-marker {
    display: none;
}

.localora-detail-captain[open] > summary,
.localora-detail-secondary[open] > summary {
    border-bottom: 1px solid var(--localora-border-subtle);
}

.localora-detail-captain > dl,
.localora-detail-secondary > p {
    margin: var(--localora-space-3);
}

.localora-detail-tabs {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.2rem;
    padding: 0.25rem;
    border-radius: 999px;
    background: var(--localora-background-secondary);
}

.localora-detail-tabs a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: var(--localora-target-min);
    padding: 0.4rem 0.65rem;
    border-radius: 999px;
    color: var(--localora-text-secondary);
    font-weight: 650;
    text-decoration: none;
 }

.localora-detail-tabs a.is-current {
    background: var(--localora-brand-secondary);
    color: var(--localora-on-brand);
}

#finance,
#extra-sales,
#notes {
    scroll-margin-top: var(--localora-space-4);
}

@media (max-width: 380px) {
    .localora-detail-operation-grid {
        grid-template-columns: 1fr;
    }

    .localora-detail-operation-item:nth-child(odd) {
        border-right: 0;
    }

    .localora-detail-operation-item:nth-last-child(2) {
        border-bottom: 1px solid var(--localora-border-subtle);
    }
}


/* #220 approved compact Activity Detail visual target */
.localora-detail-finance-summary{padding:16px;border:1px solid var(--localora-border-subtle);border-radius:18px;background:var(--localora-surface-primary);box-shadow:0 8px 24px rgba(11,47,45,.05)}
.localora-detail-finance-head{padding:2px 2px 14px}
.localora-detail-finance-head h2,.localora-detail-receipts-head h3{margin:0;font-size:1rem;font-weight:700;color:var(--localora-text-primary)}
.localora-detail-money-icon{display:inline-grid;place-items:center;width:30px;height:30px;margin-right:6px;border-radius:50%;background:color-mix(in srgb,var(--localora-positive) 14%,transparent);color:var(--localora-positive)}
.localora-detail-fee-value{margin:6px 0 0;font-size:1.45rem;font-weight:800;line-height:1.15;color:var(--localora-text-primary)}
.localora-detail-fee-caption{margin:4px 0 0;color:var(--localora-text-secondary);font-size:.86rem}
.localora-detail-receipts-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 2px 10px;border-top:1px solid var(--localora-border-subtle)}
.localora-detail-add-action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 12px;border:1px solid color-mix(in srgb,var(--localora-link) 25%,var(--localora-border-subtle));border-radius:12px;text-decoration:none;font-weight:700}
.localora-detail-receipt-list{border:1px solid var(--localora-border-subtle);border-radius:14px;overflow:hidden}
.localora-detail-receipt-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto 44px;align-items:center;min-height:50px;padding:0 8px 0 12px;border-bottom:1px solid var(--localora-border-subtle);gap:7px}
.localora-detail-receipt-row:last-child{border-bottom:0}.localora-detail-receipt-row time{font-size:.86rem;color:var(--localora-text-secondary)}
.localora-detail-receipt-row a{display:grid;place-items:center;min-width:44px;min-height:44px;text-decoration:none;font-weight:800;color:var(--localora-text-primary)}
.localora-detail-empty{margin:0;padding:14px;color:var(--localora-text-secondary)}
.localora-detail-balance{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:12px 14px;border-radius:13px;font-size:.95rem}
.localora-detail-balance.is-due{background:color-mix(in srgb,var(--localora-critical) 10%,var(--localora-surface-primary));color:var(--localora-critical)}
.localora-detail-balance.is-settled{background:color-mix(in srgb,var(--localora-positive) 10%,var(--localora-surface-primary));color:var(--localora-positive)}
.localora-detail-declaration{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--localora-accent-warm) 14%,var(--localora-surface-primary))}
.localora-detail-declaration div{display:flex;flex-direction:column;gap:2px}.localora-detail-declaration span{font-size:.9rem;color:var(--localora-text-secondary)}
.localora-detail-declaration a{display:grid;place-items:center;min-height:44px;padding:0 14px;border:1px solid var(--localora-border-strong);border-radius:12px;text-decoration:none;font-weight:700;color:var(--localora-text-primary)}
.localora-detail-finance-more{margin-top:10px;color:var(--localora-text-secondary);font-size:.86rem}.localora-detail-finance-more summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:650}
@media(max-width:360px){.localora-detail-receipt-row{grid-template-columns:22px minmax(0,1fr) 44px}.localora-detail-receipt-row time{grid-column:2;font-size:.8rem}}


.localora-detail-extra-sales{display:grid;gap:12px}.localora-detail-extra-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.localora-detail-extra-head h2{margin:0;font-size:1.05rem;font-weight:800}
.localora-detail-sale-list{display:grid;gap:12px}.localora-detail-sale-card{padding:14px;border:1px solid var(--localora-border-subtle);border-radius:18px;background:var(--localora-surface-primary);box-shadow:0 8px 24px rgba(11,47,45,.04)}
.localora-detail-sale-title{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px}.localora-detail-sale-title h3{margin:0;font-size:1rem;font-weight:800}.localora-detail-sale-title div>span{display:inline-flex;margin-top:4px;padding:3px 8px;border-radius:999px;background:color-mix(in srgb,var(--localora-positive) 13%,transparent);color:var(--localora-positive);font-size:.75rem;font-weight:700}.localora-detail-sale-title>a{display:grid;place-items:center;min-width:44px;min-height:44px;text-decoration:none;color:var(--localora-text-primary);font-weight:800}
.localora-detail-sale-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--localora-border-subtle)}.localora-detail-sale-metrics>div{padding:10px 8px 4px;border-right:1px solid var(--localora-border-subtle);min-width:0}.localora-detail-sale-metrics>div:last-child{border-right:0}.localora-detail-sale-metrics span,.localora-detail-sale-metrics strong{display:block;overflow-wrap:anywhere}.localora-detail-sale-metrics span{font-size:.72rem;color:var(--localora-text-secondary)}.localora-detail-sale-metrics strong{margin-top:3px;font-size:.88rem;color:var(--localora-text-primary)}.localora-detail-sale-metrics .is-due strong{color:var(--localora-critical)}.localora-detail-sale-metrics .is-settled strong{color:var(--localora-positive)}
.localora-detail-sale-more{margin-top:8px;font-size:.86rem;color:var(--localora-text-secondary)}.localora-detail-sale-more summary{display:flex;align-items:center;min-height:44px;cursor:pointer;font-weight:650}.localora-detail-sale-more>a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:360px){.localora-detail-sale-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.localora-detail-sale-metrics>div:nth-child(2){border-right:0}.localora-detail-sale-metrics>div:nth-child(-n+2){border-bottom:1px solid var(--localora-border-subtle)}}


.localora-detail-hero{background:linear-gradient(180deg,color-mix(in srgb,var(--localora-accent-warm) 8%,var(--localora-background-primary)),var(--localora-background-primary));border-radius:20px;padding:16px 16px 14px}
.localora-detail-primary-actions{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:10px;align-items:center}.localora-detail-primary-actions .btn{min-height:52px;border-radius:16px;font-weight:800}.localora-detail-edit{display:grid;place-items:center;min-width:44px;min-height:44px;border:0!important;background:transparent;text-decoration:none;font-size:1.05rem;font-weight:900}
.localora-detail-operations{border-radius:18px;background:var(--localora-surface-primary);box-shadow:0 8px 24px rgba(11,47,45,.04)}
.localora-detail-missing{background:color-mix(in srgb,var(--localora-accent-warm) 12%,var(--localora-surface-primary));border-color:color-mix(in srgb,var(--localora-accent-warm) 34%,var(--localora-border-subtle))}
.localora-detail-tabs{position:sticky;top:0;z-index:2;background:color-mix(in srgb,var(--localora-background-primary) 92%,transparent);backdrop-filter:blur(10px)}


/* #220 screenshot QA — tighten Activity Detail to approved mobile composition. */
@media (max-width:767px){
  .localora-main:has(.localora-detail-hero){padding-top:12px;padding-inline:20px;padding-bottom:calc(118px + env(safe-area-inset-bottom,0px))}
  .localora-detail-nav{margin-bottom:4px}
  .localora-detail-back{min-height:44px}
  .localora-v2-flow{display:grid;gap:10px}
  .localora-detail-hero{display:block;padding:4px 0 2px;border:0;border-radius:0;background:transparent}
  .localora-detail-hero-copy{padding-inline:16px;text-align:center}
  .localora-detail-hero-copy h1{margin:.28rem 0 .16rem;font-size:1.65rem}
  .localora-detail-status{min-height:1.65rem;padding:.16rem .62rem}
  .localora-detail-primary-actions{grid-template-columns:minmax(0,1fr) 44px;margin-top:12px}
  .localora-detail-primary-actions .btn{min-height:52px}
  .localora-detail-operations{padding:4px 8px;border-radius:18px}
  .localora-detail-operation-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .localora-detail-operation-item{display:grid;grid-template-columns:30px minmax(0,1fr);gap:7px;min-height:62px;padding:8px;border:0!important}
  .localora-detail-operation-item:nth-child(-n+2){grid-column:span 1}
  .localora-detail-operation-item:nth-child(n+3){border-top:1px solid var(--localora-border-subtle)!important}
  .localora-detail-operation-item:first-child{grid-column:span 2}
  .localora-detail-operation-item:nth-child(2){grid-column:span 1}
  .localora-detail-icon{width:30px;height:30px;font-size:.68rem;font-weight:800;letter-spacing:-.12em}
  .localora-detail-operation-item strong{font-size:.9rem;line-height:1.2}
  .localora-detail-operation-item small{margin-top:2px;font-size:.75rem}
  .localora-detail-missing{min-height:58px;padding:8px 12px;border:1px solid color-mix(in srgb,var(--localora-accent-warm) 34%,var(--localora-border-subtle));border-radius:16px}
  .localora-detail-tabs{position:static;z-index:auto;margin-top:0;backdrop-filter:none}
  .localora-detail-finance-summary{padding:14px;border-radius:18px}
  .localora-detail-finance-head{padding-bottom:10px}
  .localora-detail-receipts-head{padding-top:10px}
  .localora-detail-declaration{margin-top:8px}
}


.localora-detail-finance-summary{overflow:hidden}
.localora-detail-finance-summary .alert{margin:8px 0;padding:10px 12px;border-radius:12px}
.localora-detail-finance-more{border-top:1px solid var(--localora-border-subtle)}
.localora-detail-finance-more summary{position:relative;padding-right:28px;color:var(--localora-text-secondary)}
.localora-detail-finance-more summary::after{content:"›";position:absolute;right:4px;top:50%;transform:translateY(-50%) rotate(90deg);font-size:1.25rem;color:var(--localora-text-tertiary)}
.localora-detail-finance-more[open] summary::after{transform:translateY(-50%) rotate(-90deg)}
.localora-detail-finance-more>p,.localora-detail-finance-more>ul{margin:6px 0 10px}
.localora-detail-declaration{border:1px solid color-mix(in srgb,var(--localora-accent-warm) 28%,var(--localora-border-subtle))}
@media(max-width:767px){
 .localora-detail-empty{padding:10px 12px}
 .localora-detail-receipt-list+.localora-detail-balance{margin-top:8px}
 .localora-detail-finance-more{margin-top:6px}
}


/* #220 screenshot QA — one alignment axis and semantic icon geometry. */
.localora-detail-icon svg{display:block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:767px){
 .localora-detail-nav{padding-inline:0}
 .localora-detail-hero{display:grid;grid-template-columns:minmax(0,1fr) 44px;column-gap:10px;align-items:end}
 .localora-detail-hero-copy{grid-column:1/-1;padding-inline:16px;text-align:left}
 .localora-detail-status{margin-bottom:4px}
 .localora-detail-hero-copy h1{margin:.18rem 0 .12rem}
 .localora-detail-primary-actions{display:contents}
 .localora-detail-primary-actions .btn{grid-column:1;margin-top:10px}
 .localora-detail-edit{grid-column:2;margin-top:10px;align-self:center}
 .localora-detail-operation-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
 .localora-detail-operation-item{grid-column:span 2!important;grid-template-columns:32px minmax(0,1fr);min-height:62px;padding:8px 6px}
 .localora-detail-operation-item:first-child,.localora-detail-operation-item:nth-child(2){grid-column:span 3!important}
 .localora-detail-operation-item:nth-child(n+3){border-top:1px solid var(--localora-border-subtle)!important}
 .localora-detail-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--localora-background-secondary);color:var(--localora-brand-secondary);font-size:0;letter-spacing:0}
}


/* #220 screenshot QA: keep mobile navigation clear of detail content. */
@media (max-width: 767px) {
    .localora-main:has(.localora-detail-hero) {
        padding-bottom: calc(168px + env(safe-area-inset-bottom, 0px));
    }
    .localora-detail-operation-item strong,
    .localora-detail-operation-item small {
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
        overflow-wrap: anywhere;
    }
    .localora-detail-finance-summary {
        margin-bottom: 12px;
    }
}


/* #220 Mobile UI V2 shared composition */
@media(max-width:767px){
 .localora-main:has(.localora-detail-hero){padding-bottom:32px}
 .localora-v2-page{max-width:100%}
 .localora-v2-flow{gap:14px}
 .localora-v2-page-header h1,.localora-work-head h1,.localora-today-header h1{letter-spacing:-.035em}
 .localora-surface-card,.localora-v2-card,.localora-create-section,.localora-progressive-group{box-shadow:none}

 /* Today: one continuous operational scroll, same compact month control language as Work List. */
 .localora-today-header{margin-bottom:10px!important;gap:10px!important}
 .localora-day-switcher{margin-bottom:14px!important}
 .localora-today-hero{margin-bottom:16px!important}
 .localora-today-hero-copy{padding:16px 18px}
 .localora-today-header+.localora-date-note{margin-bottom:12px}
 .localora-v2-flow-section[aria-labelledby="attention-title"]{gap:10px}
 .localora-v2-flow-section[aria-labelledby="attention-title"] nav{display:grid!important;grid-template-columns:44px 44px;gap:8px!important}
 .localora-v2-flow-section[aria-labelledby="attention-title"] nav a{width:44px;min-width:44px;min-height:44px;padding:0;display:grid;place-items:center;font-size:0}
 .localora-v2-flow-section[aria-labelledby="attention-title"] nav a:first-child::before{content:"‹";font-size:1.45rem}
 .localora-v2-flow-section[aria-labelledby="attention-title"] nav a:last-child::before{content:"›";font-size:1.45rem}

 /* Work list: quieter, denser activity rows. */
 .localora-work-head{margin-bottom:4px}
 .localora-work-day-group{margin-top:8px}
 .localora-work-card{border-radius:14px}
 .localora-native-activity-link{padding-block:10px}
 .localora-work-card-top h4{margin-bottom:2px}
 .localora-work-meta{gap:6px;font-size:.78rem}
 .localora-work-guest{margin-top:3px;font-size:.88rem}

 /* Create: preserve progressive disclosure while reducing field height. */
 .localora-create-header{margin-bottom:16px}
 .localora-create-section{margin-bottom:18px}
 .localora-create-section-title{margin-bottom:10px}
 .localora-create-field-card{min-height:88px;padding:12px 14px;gap:12px}
 .localora-create-icon-circle{width:40px;height:40px;min-width:40px}
 .localora-create-control{min-height:44px}
 .localora-create-helper{margin-top:4px;line-height:1.35}
 .localora-create-details>summary{min-height:76px;padding:12px 14px}
 .localora-create-submit{min-height:54px;margin-top:8px}

 /* Edit: same grouped-form density as New Work; save belongs to document flow. */
 .localora-native-edit-header{margin-bottom:16px!important}
 .localora-native-edit-header>a{min-height:44px;display:inline-flex;align-items:center;margin-bottom:8px!important}
 .localora-native-edit-header p{max-width:34rem;margin-bottom:0}
 .localora-native-edit{max-width:720px;margin:0}
 .localora-native-edit form{display:grid;gap:14px}
 .localora-native-edit-main{margin-bottom:0!important;padding:14px!important;border-radius:18px!important}
 .localora-native-edit-main h2{font-size:1rem;margin-bottom:12px}
 .localora-native-edit-main .mb-3,.localora-native-edit-group .mb-3{margin-bottom:12px!important}
 .localora-native-edit .form-label{margin-bottom:5px;font-size:.82rem;font-weight:650;color:var(--localora-text-secondary)}
 .localora-native-edit .form-control,.localora-native-edit .form-select{min-height:46px;border-radius:11px;background:var(--localora-background-primary)}
 .localora-native-edit-group{margin-bottom:0!important;border-radius:18px}
 .localora-native-edit-group>summary{min-height:56px;padding:0 14px;display:flex;align-items:center;font-weight:750}
 .localora-native-edit-group[open]>summary{border-bottom:1px solid var(--localora-border-subtle)}
 .localora-native-edit-group>div,.localora-native-edit-group>.row,.localora-native-edit-group>p{margin-left:14px!important;margin-right:14px!important}
 .localora-native-edit-submit{position:static!important;inset:auto!important;min-height:54px;margin-top:2px!important;border-radius:16px!important;box-shadow:none!important}
}


@media(max-width:767px){
 .localora-detail-operation-grid{grid-template-columns:repeat(12,minmax(0,1fr))}
 .localora-detail-operation-item:first-child{grid-column:span 8!important}
 .localora-detail-operation-item:nth-child(2){grid-column:span 4!important}
 .localora-detail-operation-item:nth-child(3){grid-column:span 5!important}
 .localora-detail-operation-item:nth-child(4){grid-column:span 3!important}
 .localora-detail-operation-item:nth-child(5){grid-column:span 4!important}
 .localora-detail-operation-item strong{overflow-wrap:normal;word-break:normal}
}


/* #220 P1: operation values must remain readable once the shell owns full mobile width. */
@media(max-width:767px){
 .localora-detail-operation-item{min-width:0}
 .localora-detail-operation-item>div{min-width:0}
 .localora-detail-operation-item strong,
 .localora-detail-operation-item small{
   word-break:normal;
   overflow-wrap:normal;
   hyphens:none;
 }
 .localora-detail-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
 .localora-detail-tabs a{min-width:0;white-space:nowrap}
}
@media(max-width:340px){
 .localora-detail-tabs a{white-space:normal;line-height:1.15}
}


.localora-attention-month-nav{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;width:min(100%,310px)}
.localora-attention-month-nav>a{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid var(--localora-border-subtle);border-radius:11px;text-decoration:none;font-size:1.35rem;color:var(--localora-text-primary)}
.localora-attention-month-nav>span{display:grid;place-items:center;min-height:44px;padding:0 10px;border:1px solid var(--localora-border-subtle);border-radius:11px;background:var(--localora-surface-primary);font-weight:750;text-align:center}
@media(max-width:767px){
 .localora-v2-flow-section[aria-labelledby="attention-title"] .localora-attention-month-nav{grid-template-columns:44px minmax(0,1fr) 44px!important}
 .localora-v2-flow-section[aria-labelledby="attention-title"] .localora-attention-month-nav a{width:auto!important;font-size:1.35rem!important}
 .localora-v2-flow-section[aria-labelledby="attention-title"] .localora-attention-month-nav a::before{content:none!important}
}


/* #220 Today header: title/date + one clear primary create action. */
.localora-today-header{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center!important;
  gap:16px!important;
}
.localora-today-create{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:52px;
  padding-inline:18px;
  white-space:nowrap;
  border-radius:16px;
}
.localora-today-create>span[aria-hidden="true"]{
  font-size:1.35rem;
  line-height:1;
  font-weight:500;
}
@media(max-width:340px){
 .localora-today-header{gap:10px!important}
 .localora-today-create{min-height:48px;padding-inline:13px}
}


/* #220: rendered NavLink anchors cross a Blazor component scope boundary.
   Global mobile-tab class makes the four primary tabs deterministic. */
@media(max-width:767px){
 .localora-navigation--mobile{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%!important}
 .localora-navigation--mobile>.localora-mobile-tab{
   display:flex!important;
   width:100%!important;
   min-width:0!important;
   max-width:none!important;
   min-height:54px!important;
   padding:5px 2px!important;
   box-sizing:border-box;
   flex-direction:column;
   align-items:center;
   justify-content:center;
   gap:3px;
   text-align:center;
 }
 .localora-navigation--mobile>.localora-mobile-tab>span{
   display:block;
   width:100%;
   white-space:nowrap;
   overflow-wrap:normal;
   word-break:normal;
   text-align:center;
 }
}


/* #220 Today: keep an empty attention month compact so today's work stays in the first flow. */
.localora-attention-empty{
 display:flex;
 align-items:center;
 gap:8px;
 padding:8px 0 0;
 color:var(--localora-text-secondary);
 font-size:.9rem;
}
.localora-attention-empty>span[aria-hidden="true"]{
 display:grid;
 place-items:center;
 width:22px;
 height:22px;
 flex:0 0 22px;
 border-radius:999px;
 background:var(--localora-brand-mist,var(--localora-bg-secondary));
 color:var(--localora-brand);
 font-size:.75rem;
 font-weight:800;
}
@media(max-width:767px){
 .localora-v2-flow-section[aria-labelledby="attention-title"]{margin-bottom:12px!important}
 .localora-v2-flow-section[aria-labelledby="attention-title"]>div:first-child{align-items:center!important}
 .localora-v2-flow-section[aria-labelledby="attention-title"]>div:first-child>div>p{margin-bottom:0!important}
 .localora-v2-flow-section[aria-labelledby="attention-title"] .localora-attention-month-nav{
   width:auto;
   grid-template-columns:44px auto 44px!important;
 }
 .localora-v2-flow-section[aria-labelledby="attention-title"] .localora-attention-month-nav>span{
   border:0;
   background:transparent;
   padding-inline:8px;
 }
}

/* #264: tek sayfa iş detayı */
.localora-detail-quick-actions{display:flex;flex-wrap:wrap;gap:var(--localora-space-2)}
.localora-detail-quick{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;flex:1 1 9rem;min-height:var(--localora-target-min);border:1px solid var(--localora-border);border-radius:14px;background:var(--localora-bg-secondary);color:var(--localora-brand-secondary);font-weight:650;text-decoration:none}
.localora-detail-money-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--localora-space-2);margin-top:var(--localora-space-3)}
.localora-detail-money-row span{display:block;color:var(--localora-text-secondary);font-size:.8rem}
.localora-detail-money-row strong{display:block;overflow-wrap:anywhere}
.localora-detail-money-row .is-due strong{color:var(--localora-warning)}
.localora-detail-money-bar{height:6px;margin-top:var(--localora-space-2);border-radius:999px;background:var(--localora-bg-secondary);overflow:hidden}
.localora-detail-money-bar span{display:block;height:100%;background:var(--localora-brand-secondary)}
.localora-detail-eye{min-width:var(--localora-target-min);min-height:var(--localora-target-min)}
.localora-detail-eye.is-off{opacity:.55}
.localora-detail-payment-note{margin:var(--localora-space-2) 0 0}
.localora-detail-receipts-more>summary{min-height:var(--localora-target-min);display:flex;align-items:center;cursor:pointer;color:var(--localora-brand-secondary);font-weight:650}
.localora-detail-totals{margin:var(--localora-space-2) 0 0;padding-left:1.1rem}
@media (max-width:380px){.localora-detail-money-row{grid-template-columns:1fr}}
.localora-detail-finance-head{display:flex;align-items:center;justify-content:space-between;gap:var(--localora-space-2)}
.localora-detail-eye{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--localora-text-secondary);font-size:1.25rem;line-height:1;padding:0}
.localora-detail-eye[hidden]{display:none}

/* #264: iOS ile aynı kart dili (Web) */
.localora-v2-flow .localora-detail-card{padding:16px;border:1px solid var(--localora-border);border-radius:18px;background:var(--localora-surface);box-shadow:0 8px 24px rgba(11,47,45,.05)}
.localora-detail-card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--localora-space-2)}
.localora-detail-card-head h2,.localora-detail-extra-head h2{margin:0;font-size:1.05rem;font-weight:800}
.localora-detail-captain-list{margin:var(--localora-space-2) 0 0;display:grid;gap:var(--localora-space-2)}
.localora-detail-captain-list div{display:grid;grid-template-columns:6rem minmax(0,1fr);gap:var(--localora-space-2);align-items:baseline}
.localora-detail-captain-list dt{color:var(--localora-text-secondary);font-size:.85rem;font-weight:500}
.localora-detail-captain-list dd{margin:0;overflow-wrap:anywhere}
.localora-detail-captain-list a{color:var(--localora-brand-secondary);font-weight:650}
.localora-detail-note{margin-top:var(--localora-space-3);padding-top:var(--localora-space-3);border-top:1px solid var(--localora-border)}
.localora-detail-note p{margin:.2rem 0 0;overflow-wrap:anywhere}
.localora-v2-flow .localora-detail-quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:var(--localora-space-2)}
.localora-v2-flow .localora-detail-quick{border:1px solid var(--localora-border);border-radius:14px;background:var(--localora-surface);color:var(--localora-brand-secondary);font-weight:700;text-decoration:none;box-shadow:none}
.localora-v2-flow .localora-detail-sale-card{box-shadow:none;background:var(--localora-bg-secondary)}
.localora-v2-flow .localora-detail-receipt-list{margin-top:var(--localora-space-2)}
.localora-detail-complete-bar{position:sticky;bottom:calc(var(--localora-detail-bar-offset,0px) + 8px);z-index:3;padding:var(--localora-space-2) 0;background:linear-gradient(180deg,transparent,var(--localora-bg) 35%)}
.localora-detail-complete-bar .btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;border-radius:16px;font-weight:800}
@media (max-width:767.98px){.localora-detail-complete-bar{--localora-detail-bar-offset:78px}}
.localora-v2-flow a.localora-v2-action.localora-detail-quick{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:1px solid var(--localora-border);border-radius:14px;background:var(--localora-surface);color:var(--localora-brand-secondary);font-weight:700;text-decoration:none}
.localora-v2-flow .localora-detail-hero{position:relative}
.localora-v2-flow .localora-detail-hero .localora-detail-primary-actions{position:absolute;top:4px;right:0;display:block}
.localora-v2-flow a.localora-v2-action.localora-detail-quick{border-color:color-mix(in srgb,var(--localora-brand-secondary) 40%,transparent)}
.localora-v2-flow:has(.localora-detail-complete-bar){margin-bottom:5rem}
/* #264: tamamla çubuğu iOS'taki gibi opak, yüzen değil yerleşik şerit */
.localora-detail-complete-bar{background:var(--localora-bg);border-top:1px solid var(--localora-border);padding:10px 0;bottom:var(--localora-detail-bar-offset,0px)}
.localora-detail-complete-bar .btn{min-height:48px}
@media (max-width:380px){.localora-detail-money-row{grid-template-columns:repeat(3,minmax(0,1fr))}.localora-detail-money-row strong{font-size:.9rem}}
@media (max-width:330px){.localora-detail-money-row{grid-template-columns:1fr}}

/* #264: Turu tamamla sayfa başında tek net birincil eylem; yüzen/sabit çubuk kaldırıldı (içeriği örtüyordu) */
.localora-detail-complete-bar{display:none}
.localora-v2-flow:has(.localora-detail-complete-bar){margin-bottom:0}
.localora-v2-flow .localora-detail-complete{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;border-radius:16px;font-weight:800}
.localora-v2-flow .localora-detail-operations{background:var(--localora-surface);border:1px solid var(--localora-border)}

/* #264: kaptan bilgi kartının içinde (kart sayısı azaltıldı) */
.localora-detail-operations .localora-detail-captain-card{margin-top:var(--localora-space-3);padding-top:var(--localora-space-3);border-top:1px solid var(--localora-border)}

/* #264: bilgi kartı okunabilirliği — mobilde 2 kolon, etiket üstte, ikonsuz */
.localora-detail-operation-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:var(--localora-space-3) var(--localora-space-4)!important}
.localora-detail-operation-item{display:block!important;padding:0!important;border:0!important}
.localora-detail-operation-item .localora-detail-icon{display:none!important}
.localora-detail-operation-item>span:last-child{display:flex;flex-direction:column-reverse;gap:2px}
.localora-detail-operation-item small{color:var(--localora-text-secondary);font-size:.8rem}
.localora-detail-operation-item strong{font-size:1rem;line-height:1.3;overflow-wrap:anywhere}
.localora-detail-declaration strong{display:flex;align-items:center;gap:var(--localora-space-2)}
.localora-detail-declaration small{display:block;margin-top:var(--localora-space-1);color:var(--localora-text-secondary)}
.localora-detail-status-chip{display:inline-block;margin-top:var(--localora-space-1);padding:2px 10px;border-radius:999px;font-weight:700;font-size:.9rem;background:var(--localora-bg-secondary);color:var(--localora-text)}
.localora-detail-status-chip.is-settled{background:color-mix(in srgb,var(--localora-positive) 18%,transparent);color:var(--localora-positive)}
.localora-detail-status-chip.is-pending{background:color-mix(in srgb,var(--localora-warning) 18%,transparent);color:var(--localora-warning)}

.localora-v2-flow .localora-detail-operation-item{grid-column:auto!important;grid-row:auto!important;min-height:0!important;border:0!important}
.localora-v2-flow .localora-detail-operation-item strong,.localora-v2-flow .localora-detail-operation-item small{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
.localora-v2-flow .localora-detail-operation-grid{gap:var(--localora-space-3) var(--localora-space-4)!important}
.localora-v2-flow .localora-detail-operations{padding:var(--localora-space-4)!important}

.localora-v2-flow .localora-detail-declaration{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--localora-space-2);margin-top:var(--localora-space-3);padding:var(--localora-space-3) 0 0;border-top:1px solid var(--localora-border)}
.localora-detail-declaration .localora-detail-status-chip{width:fit-content;margin-top:0}
.localora-detail-declaration>a.localora-v2-action{display:flex;align-items:center;justify-content:center;min-height:var(--localora-target-min);border:1px solid color-mix(in srgb,var(--localora-brand-secondary) 40%,transparent);border-radius:14px;color:var(--localora-brand-secondary);font-weight:700;text-decoration:none}

/* #268: "Alacak kapandı" quick switch (form POST; works without JavaScript). */
.localora-detail-declaration form{display:block;margin:0}
.localora-claim-switch{display:flex;align-items:center;gap:var(--localora-space-3);width:100%;min-height:var(--localora-target-min);padding:0 var(--localora-space-3);border:1px solid var(--localora-border);border-radius:14px;background:var(--localora-surface);color:var(--localora-text);font-weight:700;text-align:left;cursor:pointer}
.localora-claim-switch:disabled{opacity:.6;cursor:progress}
.localora-claim-switch:focus-visible{outline:2px solid var(--localora-brand-secondary);outline-offset:2px}
.localora-claim-switch-track{position:relative;flex:none;width:48px;height:28px;border-radius:999px;background:var(--localora-bg-secondary);border:1px solid var(--localora-border);transition:background .15s}
.localora-claim-switch-thumb{position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:var(--localora-text-secondary);transition:transform .15s,background .15s}
.localora-claim-switch.is-on .localora-claim-switch-track{background:color-mix(in srgb,var(--localora-positive) 30%,transparent);border-color:var(--localora-positive)}
.localora-claim-switch.is-on .localora-claim-switch-thumb{transform:translateX(20px);background:var(--localora-positive)}
.localora-detail-declaration-link{display:flex;align-items:center;justify-content:center;min-height:var(--localora-target-min);color:var(--localora-brand-secondary);font-weight:600;text-decoration:none}
@media (prefers-reduced-motion:reduce){.localora-claim-switch-track,.localora-claim-switch-thumb{transition:none}}
/* Web Bugün: tek satırlık kompakt birincil eylem (diğer 44px eylem düğmeleriyle uyumlu). */
.localora-today-header .localora-today-create{
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center;
  justify-content:center;
  gap:var(--localora-space-2);
  width:auto!important;
  min-height:var(--localora-target-min)!important;
  padding:0 var(--localora-space-4)!important;
  border-radius:14px!important;
  font-size:1rem!important;
  font-weight:700!important;
  line-height:1.2;
  white-space:nowrap;
  box-shadow:none!important;
}
.localora-today-header .localora-today-create>span[aria-hidden="true"]{font-size:1.2rem;font-weight:600;line-height:1}
.localora-today-header .localora-today-create:focus-visible{outline:2px solid var(--localora-brand-secondary);outline-offset:2px}

/* #269: "İşi İptal Et" is a small destructive link at the end of the detail; it only opens a confirmation page. */
.localora-detail-cancel-link{display:flex;align-items:center;justify-content:center;min-height:var(--localora-target-min);margin-top:var(--localora-space-4);color:var(--localora-critical);font-weight:600;text-decoration:none}
.localora-detail-cancel-link:hover{text-decoration:underline}
.localora-detail-cancel-link:focus-visible{outline:2px solid var(--localora-critical);outline-offset:2px}

/* Web UX: iş detayındaki (i) balonları ortak InfoToggle/InfoPanel ile; 44 px hedef yerleşimi bozmaz. */
.localora-detail-title-with-help > .localora-v2-info,
.localora-detail-declaration strong > .localora-v2-info { margin-block: -13px; }
.localora-v2-info-panel { margin-top: 0; }
.localora-detail-declaration .localora-v2-info-panel { margin: 4px 0 6px; font-weight: 400; }

/* Web UX: akış sayfalarında tek tip, ≥44 px geri bağlantısı. */
.localora-back-link {
    display: inline-flex;
    align-items: center;
    gap: var(--localora-space-1);
    min-height: var(--localora-target-min, 44px);
    margin-bottom: var(--localora-space-2);
    color: var(--localora-link);
    font-weight: 600;
    text-decoration: none;
}
.localora-back-link:hover { text-decoration: underline; }
.localora-back-link:focus-visible {
    outline: 3px solid var(--localora-focus);
    outline-offset: 2px;
    border-radius: 8px;
}

/* Web UX: Kontrol edilecekler kartlarında neden başına çizgi ikonu. */
.localora-attention-svg { width: 22px; height: 22px; }
.localora-attention-icon.is-warning { color: var(--localora-warning); }

/* Web UX: Bootstrap varsayılanı 38 px; form alanları parmak için en az 44 px olsun. */
.localora-main .form-control:not(textarea),
.localora-main .form-select {
    min-height: var(--localora-target-min, 44px);
}

/* #280: üst çubuk ikonları (yeni iş + Kontrol bekleyenler), Kontrol bekleyenler sayfası. */
.localora-topbar-actions { display: inline-flex; align-items: center; gap: 4px; }
.localora-topbar-icon {
    position: relative;
    display: inline-grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    color: var(--localora-brand);
    text-decoration: none;
}
.localora-topbar-icon:hover { color: var(--localora-brand-secondary); background: color-mix(in srgb, var(--localora-brand) 8%, transparent); }
.localora-topbar-icon:focus-visible { outline: 2px solid var(--localora-brand-secondary); outline-offset: 2px; }
.localora-topbar-icon svg { width: 26px; height: 26px; }
.localora-topbar-badge {
    position: absolute;
    top: 4px;
    right: 3px;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    background: var(--localora-warning);
    color: #fff;
    font-size: .7rem;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
    box-shadow: 0 0 0 2px var(--localora-surface);
}
.localora-topbar-badge.is-unknown { background: var(--localora-text-secondary); }
/* #350: masaüstü üst çubuk avatarı (Profil'e gider); mobilde alt menüdeki Daha yeterli. */
.localora-topbar-avatar { display: none; }
@media (min-width: 768px) {
    .localora-topbar-avatar {
        display: inline-grid;
        place-items: center;
        width: 44px;
        height: 44px;
        margin-inline-start: 4px;
        border-radius: 50%;
        background: var(--localora-surface-warm, var(--localora-bg-secondary));
        border: 1px solid var(--localora-border);
        color: var(--localora-brand);
        font-weight: 700;
        text-decoration: none;
    }
    .localora-topbar-avatar:hover { border-color: var(--localora-brand-secondary); color: var(--localora-brand-secondary); }
    .localora-topbar-avatar:focus-visible { outline: 2px solid var(--localora-brand-secondary); outline-offset: 2px; }
}
/* #350: Bildirimler boş durumu ("Şimdilik her şey sakin."). */
.localora-attention-calm {
    display: grid;
    justify-items: center;
    gap: 6px;
    max-width: 520px;
    margin: 24px auto 0;
    padding: 28px 20px;
    text-align: center;
    border: 1px solid var(--localora-border);
    border-radius: 16px;
    background: var(--localora-surface);
}
.localora-attention-calm-icon {
    display: grid;
    place-items: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: var(--localora-bg-secondary);
    color: var(--localora-brand);
}
.localora-attention-calm-icon svg { width: 30px; height: 30px; }

.localora-attention-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.localora-attention-item {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 56px;
    padding: 10px 12px;
    border: 1px solid var(--localora-border);
    border-radius: 12px;
    background: var(--localora-surface);
    color: var(--localora-text);
    text-decoration: none;
}
.localora-attention-item:hover { border-color: var(--localora-warning); color: var(--localora-text); }
.localora-attention-item:focus-visible { outline: 2px solid var(--localora-brand-secondary); outline-offset: 2px; }
.localora-attention-text { display: grid; gap: 2px; flex: 1; min-width: 0; }
.localora-attention-reason { font-weight: 600; }

/* #280: Kontrol bekleyenler satır ikonları — yuvarlak, ortalanmış, nedene göre tonlu. */
.localora-attention-item .localora-attention-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    color: var(--localora-brand-secondary);
    background: color-mix(in srgb, var(--localora-brand-secondary) 14%, var(--localora-surface));
}
.localora-attention-item .localora-attention-icon.is-warning {
    /* #278: meet 3:1 non-text contrast in light/dark without changing the warning hue. */
    color: color-mix(in srgb, var(--localora-warning) 80%, var(--localora-text));
    background: color-mix(in srgb, var(--localora-warning) 16%, var(--localora-surface));
}
.localora-attention-item .localora-attention-svg { width: 26px; height: 26px; }
.localora-attention-item { border-color: var(--localora-border); }

/* #280/#290: Bugün — tek satır özet ve zaman çizgisi; saat kartın içinde, kart tam genişlik. */
.localora-today-summary {
    display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px;
    font-size: .9rem; color: var(--localora-text-secondary);
}
.localora-today-summary b { color: var(--localora-text); font-weight: 600; }
.localora-today-timeline { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; position: relative; }
.localora-today-timeline::before {
    content: ""; position: absolute; left: 5px; top: 18px; bottom: 18px; width: 2px;
    background: var(--localora-border); border-radius: 2px;
}
.localora-today-row { position: relative; padding-left: 22px; }
.localora-today-dot {
    position: absolute; left: 0; top: 18px; width: 12px; height: 12px; border-radius: 50%;
    background: var(--localora-surface); border: 2px solid var(--localora-border-strong, var(--localora-text-secondary));
}
.localora-today-dot.is-next { background: var(--localora-brand-secondary); border-color: var(--localora-brand-secondary); }
.localora-today-dot.is-done { background: var(--localora-success, #2E7D4F); border-color: var(--localora-success, #2E7D4F); }
.localora-today-time { display: inline-flex; align-items: center; gap: 6px; font-size: 1.05rem; font-weight: 600; font-variant-numeric: tabular-nums; }
.localora-today-time svg { flex: none; width: 17px; height: 17px; color: var(--localora-text-secondary); }
.localora-today-time.is-unset { font-size: .875rem; font-weight: 400; color: var(--localora-text-secondary); }
.localora-today-card {
    position: relative; display: grid; gap: 6px; padding: 12px 14px;
    border: 1px solid var(--localora-border); border-radius: 12px; background: var(--localora-surface);
    color: var(--localora-text);
}
.localora-today-card:hover { border-color: var(--localora-border-strong, var(--localora-border)); }
.localora-today-card:focus-within { outline: 2px solid var(--localora-brand-secondary); outline-offset: 2px; }
.localora-today-card.is-next { border: 2px solid var(--localora-brand-secondary); }
.localora-today-card.is-done { background: var(--localora-bg-secondary, var(--localora-surface)); }
.localora-today-card.is-done .localora-today-title { color: var(--localora-text-secondary); }
.localora-today-card.is-cancelled .localora-today-title { text-decoration: line-through; color: var(--localora-text-secondary); }
.localora-today-next { font-size: .75rem; font-weight: 600; color: var(--localora-brand-secondary); text-align: right; }
.localora-today-card-head { display: flex; justify-content: space-between; align-items: center; gap: 8px; flex-wrap: wrap; }
.localora-today-title { font-weight: 600; min-width: 0; overflow-wrap: anywhere; color: var(--localora-text); text-decoration: none; }
.localora-today-link::after { content: ""; position: absolute; inset: 0; border-radius: 12px; }
.localora-today-link:focus-visible { outline: none; }
.localora-today-chip {
    flex: none; padding: 2px 9px; border-radius: 999px; font-size: .75rem; font-weight: 600; white-space: nowrap;
    color: var(--localora-brand-secondary);
    background: color-mix(in srgb, var(--localora-brand-secondary) 16%, var(--localora-surface));
}
.localora-today-chip.is-done {
    color: var(--localora-success, #2E7D4F);
    background: color-mix(in srgb, var(--localora-success, #2E7D4F) 16%, var(--localora-surface));
}
.localora-today-chip.is-cancelled { color: var(--localora-text-secondary); background: var(--localora-bg-secondary); }
.localora-today-line { display: flex; align-items: center; gap: 8px; font-size: .875rem; color: var(--localora-text-secondary); min-width: 0; overflow-wrap: anywhere; }
.localora-today-line svg { flex: none; width: 17px; height: 17px; }
.localora-today-missing {
    position: relative; z-index: 1; justify-content: flex-start; gap: 8px; padding: 0;
    font-size: .875rem; font-weight: 600; color: var(--localora-warning, #9A6700); text-decoration: none;
}
.localora-today-missing svg { flex: none; width: 17px; height: 17px; }
.localora-today-actions { position: relative; z-index: 1; display: flex; gap: 8px; margin-top: 2px; }
.localora-today-action {
    flex: 1; gap: 6px; padding: 0 10px; font-size: .875rem; text-decoration: none;
    color: var(--localora-text); border: 1px solid var(--localora-border);
}
.localora-today-action svg { flex: none; width: 17px; height: 17px; }
.localora-today-action.is-primary {
    color: var(--localora-brand-secondary); border-color: var(--localora-brand-secondary);
    background: color-mix(in srgb, var(--localora-brand-secondary) 12%, var(--localora-surface));
}
.localora-today-empty {
    display: grid; justify-items: center; gap: 6px; padding: 28px 16px; text-align: center;
    border: 1px dashed var(--localora-border); border-radius: 12px; color: var(--localora-text-secondary);
}
.localora-today-empty svg { width: 32px; height: 32px; }
.localora-today-empty h2 { margin: 0; color: var(--localora-text); }
.localora-today-empty p { margin: 0 0 6px; }
.localora-today-empty .btn {
    color: var(--localora-brand-secondary);
    border-color: var(--localora-brand-secondary);
    min-height: 44px;
}
.localora-today-empty .btn:hover { background: color-mix(in srgb, var(--localora-brand-secondary) 14%, transparent); color: var(--localora-brand-secondary); }

/* #283: Kontrol bekleyenler bağlantısı beyan alanına iner; üst çubuğun altında kalmaz ve kısa süre vurgulanır. */
.localora-detail-declaration { scroll-margin-top: 84px; }
#captain { scroll-margin-top: 84px; }
.localora-detail-declaration:target {
    border-radius: 12px;
    outline: 2px solid var(--localora-warning);
    outline-offset: 4px;
}

/* #283: iş detayında tutarlar satıra sığar — tutar + para birimi bölünmez; dar ekranda Ücret tam satır, 4'lü ek satış ölçüleri 2x2. */
.localora-detail-money-row strong,
.localora-detail-sale-metrics strong { white-space: nowrap; overflow-wrap: normal; }
@media (max-width: 560px) {
    .localora-detail-finance-summary .localora-detail-money-row { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: var(--localora-space-3); }
    .localora-detail-finance-summary .localora-detail-money-row > div:first-child { grid-column: 1 / -1; }
    .localora-detail-finance-summary .localora-detail-money-row strong { font-size: 1.05rem; }
    .localora-detail-sale-card .localora-detail-sale-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .localora-detail-sale-card .localora-detail-sale-metrics > div { padding: 10px 10px 8px; border-right: 0; border-bottom: 1px solid var(--localora-border); }
    .localora-detail-sale-card .localora-detail-sale-metrics > div:nth-child(odd) { border-right: 1px solid var(--localora-border); }
    .localora-detail-sale-card .localora-detail-sale-metrics > div:nth-last-child(-n+2) { border-bottom: 0; }
    .localora-detail-sale-card .localora-detail-sale-metrics strong { font-size: .95rem; }
}

/* #287 saved captain picker */
.localora-captain-list{margin-top:8px;max-height:220px;overflow:auto;border:1px solid var(--localora-border,#d9dee5);border-radius:12px}
.localora-captain-list>li{border-bottom:1px solid var(--localora-border,#d9dee5)}
.localora-captain-list>li:last-child{border-bottom:0}
.localora-captain-list>li[hidden]{display:none}
.localora-captain-pick{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;min-height:48px;padding:8px 12px;border:0;background:transparent;text-align:left;color:inherit}
.localora-captain-pick:hover,.localora-captain-pick:focus-visible{background:rgba(0,0,0,.05)}
.localora-captain-pick.is-selected{background:rgba(13,110,253,.1)}

/* #298 notification landing banner (Design System V2 tokens: warm accent = "needs your attention", brand = action) */
.localora-detail-attention{margin:0 0 14px;padding:14px 16px;border:1px solid var(--localora-border);border-left:4px solid var(--localora-accent-warm);border-radius:var(--localora-radius-card);background:color-mix(in srgb,var(--localora-accent-warm) 12%,var(--localora-surface));color:var(--localora-text)}
.localora-detail-attention-context{margin:0 0 4px;font-size:.85rem;color:var(--localora-text-secondary)}
.localora-detail-attention h2{margin:0 0 6px;font-size:1.1rem;font-weight:750;color:var(--localora-text)}
.localora-detail-attention p:not(.localora-detail-attention-context){margin:0 0 10px;color:var(--localora-text)}
.localora-detail-attention .btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:var(--localora-target-min)}
#declaration{scroll-margin-top:84px}

/* #301 iş detayı: durum bazlı sabit eylem çubuğu + katlanır satırlar (Design System V2 token'ları) */
.localora-v2-flow .localora-detail-actionbar{display:flex;gap:var(--localora-space-2);align-items:stretch;padding:10px 0;background:var(--localora-bg);border-top:1px solid var(--localora-border)}
.localora-v2-flow .localora-detail-actionbar .btn,.localora-v2-flow .localora-detail-actionbar .localora-detail-quick{display:flex;align-items:center;justify-content:center;gap:.4rem;min-height:var(--localora-target-min);border-radius:var(--localora-radius-action);font-weight:750;white-space:nowrap;text-decoration:none}
.localora-v2-flow .localora-detail-actionbar .btn{flex:1.6;width:auto;background:var(--localora-brand);border-color:var(--localora-brand);color:var(--localora-on-brand)}
.localora-v2-flow .localora-detail-actionbar .localora-detail-quick{flex:1;background:var(--localora-surface);border:1px solid var(--localora-border-strong);color:var(--localora-text)}
.localora-detail-fold{background:var(--localora-surface);border:1px solid var(--localora-border);border-radius:var(--localora-radius-card);margin:0 0 var(--localora-space-2)}
.localora-detail-fold>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;padding:0 14px;cursor:pointer;list-style:none;font-weight:750;color:var(--localora-text)}
.localora-detail-fold>summary::-webkit-details-marker{display:none}
.localora-detail-fold>summary small{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;font-weight:400;color:var(--localora-text-secondary)}
.localora-detail-fold>summary::after{content:"›";font-size:1.3rem;line-height:1;color:var(--localora-text-secondary);transition:transform .15s}
.localora-detail-fold[open]>summary::after{transform:rotate(90deg)}
.localora-detail-fold[open]>summary{border-bottom:1px solid var(--localora-border)}
.localora-detail-fold>:not(summary){margin-left:14px;margin-right:14px}
.localora-detail-fold>.localora-detail-captain-list{margin-bottom:12px}
.localora-detail-fold-actions{padding-top:10px;justify-content:flex-end}
.localora-v2-flow .localora-detail-cancel-link{display:block;text-align:center;margin:var(--localora-space-3) 0;color:var(--localora-critical)}
.localora-v2-flow .localora-detail-finance-summary{border-color:color-mix(in srgb,var(--localora-brand-secondary) 30%,var(--localora-border))}
/* #301: çubuk kendi grid satırının üstünde değil kaydırma alanının dibinde; mobil nav ayrı satır olduğundan ek ofset yok */
.localora-v2-flow .localora-detail-actionbar{bottom:0;margin-bottom:0}
.localora-v2-flow:has(.localora-detail-actionbar){margin-bottom:0}
.localora-v2-flow .localora-detail-operations{padding:4px 6px}
.localora-v2-flow .localora-detail-operation-item{min-height:52px;padding:6px 8px}
/* .localora-main mobilde 32px alt dolgu taşır (MainLayout.razor.css); sticky çubuk bu şeridi kapatıp nav'a bitişik dursun */
@media (max-width:767.98px){.localora-v2-flow .localora-detail-actionbar{bottom:-32px;margin-bottom:-32px}}
/* #303 bildirim listesi: gruplar + eylem ipucu (Design System V2 token'ları) */
.localora-attention-group{margin-top:var(--localora-space-4)}
.localora-attention-group-title{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:.95rem;font-weight:750;color:var(--localora-text)}
.localora-attention-count{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:12px;background:color-mix(in srgb,var(--localora-accent-warm) 22%,var(--localora-surface));color:var(--localora-text);font-size:.8rem;font-weight:750}
.localora-attention-hint{font-size:.85rem;color:var(--localora-text)}
.localora-attention-group[aria-labelledby="attention-group-now"] .localora-attention-item{border-left:4px solid var(--localora-accent-warm)}

/* #311 İşlerim: aylık yönetim görünümü — özet, takvim, haftalık yoğun satırlar (Design System V2 token'ları) */
.localora-work-calendar{margin:var(--localora-space-2) 0;background:var(--localora-surface);border:1px solid var(--localora-border);border-radius:var(--localora-radius-card);padding:0 12px}
.localora-work-calendar>summary{display:flex;align-items:center;justify-content:space-between;min-height:44px;cursor:pointer;list-style:none;font-weight:750;color:var(--localora-text)}
.localora-work-calendar>summary::-webkit-details-marker{display:none}
.localora-work-calendar>summary small{flex:1;min-width:0;margin:0 8px;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;font-size:.8rem;color:var(--localora-text-secondary)}
.localora-work-calendar>summary::after{content:"›";font-size:1.3rem;line-height:1;color:var(--localora-text-secondary);transition:transform .15s}
.localora-work-calendar[open]>summary::after{transform:rotate(90deg)}
.localora-work-calendar>summary:focus-visible{outline:3px solid var(--localora-focus);outline-offset:2px;border-radius:8px}
.localora-work-cal-head,.localora-work-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}
.localora-work-cal-head span{font-size:.72rem;font-weight:700;color:var(--localora-text-secondary);padding-bottom:4px}
.localora-work-cal-day{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:40px;border-radius:10px;font-size:.88rem;font-variant-numeric:tabular-nums;color:var(--localora-text-secondary);text-decoration:none}
.localora-work-cal-day.has-work{color:var(--localora-text);font-weight:700}
a.localora-work-cal-day{min-height:44px}
a.localora-work-cal-day:focus-visible{outline:3px solid var(--localora-focus);outline-offset:1px}
.localora-work-cal-day.is-today{background:var(--localora-brand);color:var(--localora-on-brand)}
.localora-work-cal-day i{width:6px;height:6px;border-radius:50%;background:transparent}
.localora-work-cal-day i.plan{background:var(--localora-accent-warm)}
.localora-work-cal-day i.done{background:var(--localora-brand-secondary,var(--localora-brand))}
.localora-work-cal-day i.cancel{background:var(--localora-text-secondary);opacity:.6}
.localora-work-cal-day.is-today i.plan,.localora-work-cal-day.is-today i.done{background:var(--localora-on-brand)}
.localora-work-calendar[open]{padding-bottom:10px}
.localora-work-cal-legend{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin:8px 0 0;font-size:.75rem;color:var(--localora-text-secondary)}
.localora-work-cal-legend span{display:inline-flex;align-items:center;gap:5px}
.localora-work-cal-legend i{width:8px;height:8px;border-radius:50%;display:inline-block}
.localora-work-cal-legend i.plan{background:var(--localora-accent-warm)}
.localora-work-cal-legend i.done{background:var(--localora-brand-secondary,var(--localora-brand))}
.localora-work-cal-legend i.cancel{background:var(--localora-text-secondary);opacity:.6}
.localora-work .localora-day-option{flex-direction:row;gap:5px;padding:0 3px;font-size:.9rem}
.localora-work-filter-count{margin-left:0;padding:0 5px;border-radius:9px;background:color-mix(in srgb,var(--localora-text-secondary) 16%,transparent);font-size:.72rem;font-weight:700;font-variant-numeric:tabular-nums}
.localora-work-week{margin-top:var(--localora-space-2)}
.localora-work-week-title{display:flex;align-items:baseline;justify-content:space-between;margin:0 2px 6px;font-size:.82rem;font-weight:750;color:var(--localora-text-secondary)}
.localora-work-week-count{font-weight:600}
.localora-work-rows{background:var(--localora-surface);border:1px solid var(--localora-border);border-radius:var(--localora-radius-card);overflow:hidden}
.localora-work-row+.localora-work-row{border-top:1px solid var(--localora-border)}
.localora-work-row.is-today{box-shadow:inset 4px 0 0 var(--localora-brand)}
.localora-work-row-link{display:grid;grid-template-columns:40px minmax(0,1fr) auto 16px;align-items:center;gap:10px;min-height:56px;padding:8px 12px;color:var(--localora-text);text-decoration:none;scroll-margin-top:12px}
.localora-work-row-link:focus-visible{outline:3px solid var(--localora-focus);outline-offset:-3px}
.localora-work-date{display:flex;flex-direction:column;align-items:center;line-height:1.1}
.localora-work-date strong{font-size:1.15rem;font-variant-numeric:tabular-nums}
.localora-work-date small{font-size:.7rem;text-transform:uppercase;color:var(--localora-text-secondary)}
.localora-work-main{min-width:0}
.localora-work-main h4{display:flex;align-items:center;gap:6px;margin:0;font-size:.98rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.localora-work-sub{display:block;margin-top:2px;font-size:.8rem;color:var(--localora-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.localora-work-side{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.localora-work-price{font-size:.88rem;font-weight:750;font-variant-numeric:tabular-nums;white-space:nowrap}
.localora-work-price.is-empty{font-weight:400;color:var(--localora-text-secondary)}
.localora-work-chevron{color:var(--localora-text-secondary)}
.localora-work-row.is-cancelled .localora-work-main h4{text-decoration:line-through;color:var(--localora-text-secondary)}
@media (max-width:359.98px){.localora-work-row-link{grid-template-columns:34px minmax(0,1fr) auto;gap:8px;padding:10px}.localora-work-chevron{display:none}}
/* #311: üst bloklar arası boşluk — liste ilk ekranda görünür kalsın */
.localora-work .localora-work-calendar{margin:6px 0 0}
.localora-work .localora-work-goal{margin-top:6px}
.localora-work .localora-work-filter-compact{margin:8px 0 0}
.localora-work .localora-work-count{margin-top:0}

/* #309 ek satış kaydet: üç ana alan, tek para birimi özeti, sabit kaydet çubuğu (Design System V2 token'ları) */
.localora-extra-sale-amounts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
.localora-extra-sale-currency{margin:0 0 12px}
.localora-extra-sale-currency>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;cursor:pointer;list-style:none;color:var(--localora-text-secondary);font-size:.9rem}
.localora-extra-sale-currency>summary::-webkit-details-marker{display:none}
.localora-extra-sale-change{color:var(--localora-link);font-weight:600}
.localora-extra-sale-currency[open]>summary{margin-bottom:8px}
.localora-finance-form .localora-finance-submitbar{position:sticky;bottom:0;margin:0;padding:10px 0;background:var(--localora-bg);border-top:1px solid var(--localora-border)}
@media (max-width:767.98px){.localora-finance-form .localora-finance-submitbar{bottom:-32px;margin-bottom:-32px;padding-bottom:10px}}

/* #321 İşlerim: ay çubuğu + Takvim tek kartta (önceki ayrı blokların yerine) */
.localora-work-period{margin:8px 0 0;padding:8px;background:var(--localora-surface);border:1px solid var(--localora-border);border-radius:var(--localora-radius-card,16px)}
.localora-work-period .localora-month-switcher{margin:0}
.localora-work-period .localora-work-calendar{margin:8px 0 0;padding:0;background:none;border:0;border-top:1px solid var(--localora-border);border-radius:0}
.localora-work-period .localora-work-calendar>summary{padding:0 4px;min-height:44px}
.localora-work-period .localora-work-calendar>summary small{margin:0;text-align:left}
.localora-work-period .localora-work-calendar>summary span{margin-left:8px;font-weight:750;color:var(--localora-text)}
.localora-work-period .localora-work-calendar[open]{padding-bottom:4px}
.localora-work-period{padding:6px;margin-top:6px}
.localora-work-period .localora-work-calendar{margin-top:4px}
.localora-work-period .localora-work-calendar>summary{min-height:40px;gap:8px}
.localora-work-period .localora-work-calendar>summary::after{content:"▾";font-size:.85rem;transform:none}
.localora-work-period .localora-work-calendar[open]>summary::after{content:"▴";transform:none}
.localora-work-period .localora-work-calendar[open]{padding-bottom:2px}


/* #264 approved Web mockups (2026-11-03): route-local design only.
   The original application shell remains unchanged on all other routes. */
.localora-detail-web { width:100%; min-width:0; gap:16px; }
.localora-detail-page-title { font-size:1.15rem; font-weight:800; color:var(--localora-text); }
.localora-detail-nav { display:flex; align-items:center; gap:14px; margin-bottom:12px; }
.localora-detail-back {
  display:inline-flex; justify-content:center; align-items:center; width:48px; height:48px;
  border:1px solid var(--localora-border); border-radius:15px; background:var(--localora-surface);
  color:var(--localora-text); box-shadow:0 3px 12px rgb(0 0 0 / .03);
}
.localora-detail-back span { font-size:1.7rem; margin:0; }
.localora-detail-kicker { display:block; margin-bottom:7px; font-size:.8rem; font-weight:800; letter-spacing:.13em; color:var(--localora-brand-secondary); }
.localora-detail-web .localora-detail-hero {
  position:relative; display:block; padding:8px 0 4px;
  background:transparent; border:0; border-radius:0;
}
.localora-detail-web .localora-detail-hero-copy { position:relative; }
.localora-detail-web .localora-detail-hero-copy h1 {
  max-width:calc(100% - 135px); margin:8px 0 6px;
  font-size:clamp(1.75rem,4vw,2.5rem); line-height:1.12; letter-spacing:-.035em;
}
.localora-detail-web .localora-detail-hero-copy p { font-size:.98rem; }
.localora-detail-web .localora-detail-status {
  position:absolute; right:0; top:0; display:inline-flex; min-height:34px;
  align-items:center; padding:6px 12px; color:var(--localora-brand-secondary);
  background:color-mix(in srgb,var(--localora-brand-secondary) 13%,var(--localora-surface));
  white-space:nowrap;
}
.localora-detail-web .localora-detail-primary-actions {
  display:flex; justify-content:flex-start; align-items:center; gap:10px; margin-top:22px;
}
.localora-detail-web .localora-detail-top-complete,.localora-detail-web .localora-detail-edit {
  display:inline-flex; align-items:center; justify-content:center; gap:12px;
  min-height:52px; min-width:180px; padding:8px 22px; font-size:.97rem;
  border-radius:15px; font-weight:750; text-decoration:none;
}
.localora-detail-web .localora-detail-top-complete {
  background:var(--localora-brand); border:1px solid var(--localora-brand);
  color:var(--localora-on-brand);
}
.localora-detail-web .localora-detail-edit {
  background:var(--localora-surface); border:1px solid var(--localora-border)!important;
  color:var(--localora-text);
}
.localora-detail-web .localora-detail-operations {
  padding:10px 24px; border:1px solid var(--localora-border);
  border-radius:18px; background:var(--localora-surface);
}
.localora-detail-web .localora-detail-operation-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:0; }
.localora-detail-web .localora-detail-operation-item,
.localora-detail-web .localora-detail-operation-item:nth-child(n) {
  display:grid; grid-template-columns:32px minmax(0,1fr); align-items:center;
  gap:16px; grid-column:1/-1!important; min-height:46px; padding:8px 2px;
  border:0!important; border-radius:0;
}
.localora-detail-web .localora-detail-operation-item+.localora-detail-operation-item { border-top:1px solid var(--localora-border)!important; }
.localora-detail-web .localora-detail-icon {
  display:grid; place-items:center; width:30px; height:30px;
  color:var(--localora-warning); background:transparent; font-size:1.25rem; letter-spacing:normal;
}
.localora-detail-web .localora-detail-operation-item>span:last-child {
  display:flex; flex-direction:row-reverse; align-items:center; justify-content:space-between; gap:12px;
  min-width:0;
}
.localora-detail-web .localora-detail-operation-item strong {
  text-align:right; font-size:.95rem; font-weight:750; overflow-wrap:anywhere; white-space:normal;
}
.localora-detail-web .localora-detail-operation-item small { color:var(--localora-text-secondary); font-size:.92rem; }
.localora-detail-other-facts { margin-top:8px; border-top:1px solid var(--localora-border); }
.localora-detail-other-facts>summary {
  display:flex; align-items:center; min-height:44px; color:var(--localora-brand-secondary);
  font-size:.87rem; font-weight:700; cursor:pointer;
}
.localora-detail-other-facts dl { display:grid; gap:8px; margin:2px 0 10px; }
.localora-detail-other-facts dl>div { display:flex; justify-content:space-between; gap:14px; }
.localora-detail-other-facts dt { color:var(--localora-text-secondary); font-weight:500; }
.localora-detail-other-facts dd { margin:0; font-weight:700; text-align:right; overflow-wrap:anywhere; }
.localora-detail-meeting-missing {
  display:flex; align-items:center; gap:14px; min-height:78px; padding:12px 18px;
  border:1px solid var(--localora-border); border-radius:18px; background:var(--localora-surface);
  text-decoration:none; color:var(--localora-text);
}
.localora-detail-meeting-missing>span:nth-child(2) { display:grid; gap:3px; flex:1; min-width:0; }
.localora-detail-meeting-missing strong { font-weight:800; }
.localora-detail-meeting-missing small { font-size:.89rem; color:var(--localora-text-secondary); }
.localora-detail-meeting-icon {
  display:grid; place-items:center; width:44px; height:44px; flex:none; border-radius:12px;
  border:1px solid color-mix(in srgb,var(--localora-warning) 34%,var(--localora-border));
  background:color-mix(in srgb,var(--localora-warning) 9%,var(--localora-surface));
  color:var(--localora-warning); font-size:1.6rem;
}
.localora-detail-meeting-missing>span:last-child { color:var(--localora-text-secondary); font-size:1.5rem; }
.localora-detail-view-tabs {
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; min-height:50px;
  border-bottom:1px solid var(--localora-border);
}
.localora-detail-view-tabs>a {
  display:grid; place-items:center; min-height:48px; padding:8px 10px;
  border-bottom:3px solid transparent; color:var(--localora-text-secondary);
  text-align:center; text-decoration:none; font-weight:700;
}
.localora-detail-view-tabs>a[aria-current="page"] { color:var(--localora-brand-secondary); border-color:var(--localora-brand-secondary); }
.localora-detail-view-tabs>a:hover { color:var(--localora-brand-secondary); }
.localora-detail-web [data-localora-panel][hidden] { display:none!important; }
.localora-detail-web #finance,.localora-detail-web #extra-sales,.localora-detail-web #notes { scroll-margin-top:84px; }
.localora-detail-web .localora-detail-finance-summary {
  padding:16px; border:0; background:transparent; box-shadow:none; overflow:visible;
}
.localora-detail-finance-dashboard { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:16px; }
.localora-detail-fee-tile {
  display:flex; flex-direction:column; justify-content:center; gap:18px; min-width:0; padding:24px;
  border:1px solid color-mix(in srgb,var(--localora-warning) 38%,var(--localora-border));
  border-radius:18px; background:color-mix(in srgb,var(--localora-accent-warm) 12%,var(--localora-surface));
}
.localora-detail-fee-tile h3 { margin:0; color:var(--localora-warning); font-size:1rem; font-weight:800; }
.localora-detail-fee-tile strong { font-size:clamp(1.8rem,3vw,2.6rem); font-weight:850; line-height:1.1; color:var(--localora-text); }
.localora-detail-finance-side { display:grid; gap:12px; min-width:0; }
.localora-detail-web .localora-detail-money-row {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px;
}
.localora-detail-web .localora-detail-money-row>div,
.localora-detail-finance-disclaimer {
  min-width:0; margin:0; padding:18px; border-radius:16px;
  border:1px solid var(--localora-border); background:var(--localora-surface);
}
.localora-detail-web .localora-detail-money-row>div:first-child {
  background:color-mix(in srgb,var(--localora-brand-secondary) 10%,var(--localora-surface));
}
.localora-detail-web .localora-detail-money-row>div span,
.localora-detail-web .localora-detail-money-row>div strong { display:block; }
.localora-detail-web .localora-detail-money-row strong { margin-top:7px; font-size:1.3rem; overflow-wrap:normal; white-space:nowrap; font-variant-numeric:tabular-nums; }
.localora-detail-finance-disclaimer { color:var(--localora-text-secondary); font-size:.87rem; line-height:1.5; }
.localora-detail-web #notes,.localora-detail-web #extra-sales { padding:14px 4px; }
.localora-detail-web .localora-detail-finance-head { margin-bottom:4px; }
.localora-detail-web .localora-detail-cancel-link { font-size:.85rem; }
.localora-detail-webnav { display:none; }
@media(min-width:1100px) {
  .localora-shell:has(.localora-detail-web) .localora-sidebar { display:none; }
  .localora-shell:has(.localora-detail-web) .localora-topbar { display:flex; min-height:72px; padding-inline:clamp(24px,4vw,70px); }
  .localora-shell:has(.localora-detail-web) .localora-main { max-width:1180px; padding-top:24px; }
  .localora-detail-webnav {
    position:fixed; top:11px; left:50%; transform:translateX(-50%); z-index:20;
    display:flex; align-items:center; gap:8px; min-height:50px;
  }
  .localora-detail-webnav a {
    display:grid; place-items:center; min-height:44px; padding:8px 17px; border-radius:14px;
    color:var(--localora-text-secondary); font-size:.92rem; font-weight:700; text-decoration:none;
  }
  .localora-detail-webnav a[aria-current="page"] { background:color-mix(in srgb,var(--localora-brand-secondary) 12%,var(--localora-surface)); color:var(--localora-brand-secondary); }
}
@media(min-width:768px) {
  .localora-detail-web .localora-detail-actionbar { display:none!important; }
}
@media(max-width:767.98px) {
  .localora-detail-web .localora-detail-hero { display:block; padding:4px 0; }
  .localora-detail-web .localora-detail-hero-copy { padding:0; text-align:left; }
  .localora-detail-web .localora-detail-hero-copy h1 { font-size:1.7rem; max-width:100%; padding-right:0; margin-top:26px; }
  .localora-detail-web .localora-detail-status { top:0; }
  .localora-detail-web .localora-detail-primary-actions { display:flex; margin-top:8px; }
  .localora-detail-web .localora-detail-top-complete { display:none; }
  .localora-detail-web .localora-detail-edit { min-width:130px; min-height:44px; font-size:.85rem; padding:6px 12px; }
  .localora-detail-web .localora-detail-operations { padding:6px 14px; }
  .localora-detail-web .localora-detail-operation-item,
  .localora-detail-web .localora-detail-operation-item:nth-child(n) { min-height:48px; }
  .localora-detail-web .localora-detail-finance-summary { padding:6px 0; margin:0; }
  .localora-detail-finance-dashboard { grid-template-columns:minmax(0,1fr); gap:10px; }
  .localora-detail-fee-tile { min-height:125px; padding:18px; gap:10px; }
  .localora-detail-web .localora-detail-money-row { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .localora-detail-web .localora-detail-money-row>div:first-child { grid-column:auto; }
  .localora-detail-web .localora-detail-money-row>div { padding:12px; }
  .localora-detail-web .localora-detail-money-row strong { font-size:clamp(.92rem,3.8vw,1.05rem); }
  .localora-detail-finance-disclaimer { padding:12px; }
  .localora-detail-web .localora-detail-actionbar { position:sticky; bottom:-32px; z-index:4; }
}
@media(max-width:380px) {
  /* 320px: two amount cards do not have room for value + currency. Give
     each amount a full row; never let a currency wrap away from its value. */
  .localora-detail-web .localora-detail-money-row { grid-template-columns:minmax(0,1fr); }
  .localora-detail-web .localora-detail-operation-item>span:last-child { flex-wrap:wrap; }
  .localora-detail-web .localora-detail-operation-item strong { flex:1 1 100%; text-align:left; }
  .localora-detail-web .localora-detail-operation-item small { order:-1; }
  .localora-detail-web .localora-detail-fee-tile strong { font-size:1.7rem; }
}
.localora-detail-web a:focus-visible,.localora-detail-web summary:focus-visible,
.localora-detail-webnav a:focus-visible { outline:3px solid var(--localora-focus); outline-offset:3px; }

/* #264: narrow desktop retains the normal sidebar; stack finance tiles for readable amounts. */
@media (min-width:768px) and (max-width:1099.98px) {
  .localora-detail-finance-dashboard { grid-template-columns:minmax(0,1fr); }
}


/* #264 visual acceptance round (Owner's 1440px Light/Dark screenshots).
   Earlier #301 single-page overrides suppressed the mockup's icons and
   absolutely positioned actions over the Planned badge. Scope to detail only. */
.localora-v2-flow.localora-detail-web .localora-detail-hero .localora-detail-primary-actions {
  position:static;
  inset:auto;
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  align-items:center;
  gap:12px;
  margin-top:24px;
}
.localora-detail-web .localora-detail-hero-copy {
  position:relative;
  min-width:0;
}
.localora-detail-web .localora-detail-status {
  top:0;
  right:0;
  z-index:1;
}
.localora-v2-flow.localora-detail-web .localora-detail-operation-item,
.localora-v2-flow.localora-detail-web .localora-detail-operation-item:nth-child(n) {
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr);
  gap:12px;
  padding:9px 4px!important;
  min-height:51px!important;
}
.localora-v2-flow.localora-detail-web .localora-detail-operation-item+.localora-detail-operation-item {
  border-top:1px solid var(--localora-border)!important;
}
.localora-v2-flow.localora-detail-web .localora-detail-operation-item .localora-detail-icon {
  display:grid!important;
  place-items:center;
  width:30px;
  height:30px;
  background:transparent;
  border-radius:0;
  color:var(--localora-warning);
  font-size:0;
}
.localora-v2-flow.localora-detail-web .localora-detail-operation-item .localora-detail-icon svg {
  display:block;
  width:21px;
  height:21px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.localora-detail-web .localora-detail-operation-item>span:last-child {
  display:flex;
  flex-direction:row-reverse;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.localora-detail-web .localora-detail-fee-tile h3 {
  display:flex;
  align-items:center;
  gap:12px;
  line-height:1.35;
}
.localora-detail-fee-icon {
  width:22px;
  height:22px;
  flex:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.localora-detail-web .localora-detail-eye-svg {
  display:block;
  width:23px;
  height:23px;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.localora-detail-web .localora-detail-eye-slash { display:none; }
.localora-detail-web .localora-detail-eye.is-off .localora-detail-eye-slash { display:block; }
.localora-detail-web .localora-detail-money-row strong { font-variant-numeric:tabular-nums; }
@media (min-width:1100px) and (prefers-color-scheme: light) {
  /* Light mockup groups quote/received/outstanding into one warm surface;
     dark mockup retains the existing three separate elevated tiles. */
  .localora-detail-web .localora-detail-finance-dashboard {
    display:flex;
    flex-direction:column;
    gap:16px;
    padding:22px 26px;
    border:1px solid color-mix(in srgb,var(--localora-warning) 31%,var(--localora-border));
    border-radius:20px;
    background:color-mix(in srgb,var(--localora-accent-warm) 7%,var(--localora-surface));
  }
  .localora-detail-web .localora-detail-fee-tile {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
    padding:0;
    min-height:0;
    border:0;
    background:transparent;
  }
  .localora-detail-web .localora-detail-finance-side {
    display:grid;
    grid-template-columns:minmax(0,1.4fr) minmax(0,.9fr);
    align-items:stretch;
    gap:20px;
  }
  .localora-detail-web .localora-detail-money-row {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .localora-detail-web .localora-detail-money-row>div {
    border:0;
    background:color-mix(in srgb,var(--localora-brand-secondary) 10%,var(--localora-surface));
  }
  .localora-detail-web .localora-detail-money-row>div.is-due {
    background:color-mix(in srgb,var(--localora-warning) 10%,var(--localora-surface));
  }
  .localora-detail-web .localora-detail-finance-disclaimer {
    display:flex;
    align-items:center;
    margin:0;
    padding:8px 0 8px 20px;
    border:0;
    border-left:1px solid var(--localora-border);
    border-radius:0;
    background:transparent;
  }
}
@media (max-width:767.98px) {
  /* Only edit remains in the hero on phones; status CTA stays in sticky bar. */
  .localora-v2-flow.localora-detail-web .localora-detail-hero .localora-detail-primary-actions {
    margin-top:12px;
    gap:8px;
  }
  .localora-v2-flow.localora-detail-web .localora-detail-operation-item,
  .localora-v2-flow.localora-detail-web .localora-detail-operation-item:nth-child(n) {
    min-height:49px!important;
  }
}

/* #264 / #301 mobile first-screen contract.
   On 320px the four desktop full-row operation facts pushed Para below the
   first 700px viewport. Arrange exactly these four read-only facts as a
   two-by-two compact grid; keep every value and icon visible, keep >=44px
   interactive controls, and preserve the approved 1100px+ desktop layout. */
@media (max-width:767.98px) {
  .localora-v2-flow.localora-detail-web {
    gap:8px;
  }
  .localora-detail-web .localora-detail-nav {
    margin-bottom:4px;
  }
  .localora-v2-flow.localora-detail-web .localora-detail-operations {
    padding:8px!important;
  }
  .localora-v2-flow.localora-detail-web .localora-detail-operation-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:4px 6px!important;
  }
  .localora-v2-flow.localora-detail-web .localora-detail-operation-item:nth-child(n) {
    grid-column:auto!important;
    grid-row:auto!important;
    grid-template-columns:20px minmax(0,1fr);
    gap:5px;
    align-items:start;
    padding:7px 3px!important;
    min-height:66px!important;
    border:0!important;
  }
  .localora-v2-flow.localora-detail-web .localora-detail-operation-item+.localora-detail-operation-item {
    border-top:0!important;
  }
  .localora-v2-flow.localora-detail-web .localora-detail-operation-item .localora-detail-icon {
    width:20px;
    height:22px;
  }
  .localora-v2-flow.localora-detail-web .localora-detail-operation-item .localora-detail-icon svg {
    width:18px;
    height:18px;
  }
  .localora-detail-web .localora-detail-operation-item>span:last-child {
    display:flex;
    flex-direction:column-reverse;
    align-items:flex-start;
    justify-content:flex-end;
    gap:2px;
  }
  .localora-detail-web .localora-detail-operation-item strong {
    flex:none;
    max-width:100%;
    font-size:.83rem;
    line-height:1.23;
    text-align:left;
    overflow-wrap:anywhere;
  }
  .localora-detail-web .localora-detail-operation-item small {
    font-size:.69rem;
    line-height:1.2;
  }
  .localora-detail-web .localora-detail-view-tabs {
    min-height:44px;
  }
  .localora-detail-web .localora-detail-view-tabs>a {
    min-height:44px;
  }
}

/* #264 owner review: mobile edit is a small secondary action in the İş / Tur row.
   Desktop retains the already-approved hero CTA layout and status positioning. */
.localora-detail-web .localora-detail-kicker-row { display:contents; }
.localora-detail-web .localora-detail-edit-compact { display:none; }

@media (max-width:767.98px) {
  .localora-v2-flow.localora-detail-web .localora-detail-hero-copy {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    column-gap:8px;
    align-items:center;
  }
  .localora-detail-web .localora-detail-kicker-row {
    display:flex;
    grid-column:1/-1;
    grid-row:1;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    min-height:44px;
  }
  .localora-detail-web .localora-detail-kicker-row .localora-detail-kicker {
    margin:0;
    min-width:0;
  }
  .localora-detail-web .localora-detail-edit-compact {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    flex:none;
    min-height:44px;
    padding:6px 12px;
    border:1px solid var(--localora-border);
    border-radius:12px;
    background:var(--localora-surface);
    color:var(--localora-text);
    font-size:.82rem;
    line-height:1;
    font-weight:700;
    text-decoration:none;
    white-space:nowrap;
  }
  .localora-detail-web .localora-detail-edit-compact:hover {
    background:var(--localora-bg-secondary);
  }
  .localora-detail-web .localora-detail-edit-compact:focus-visible {
    outline:3px solid var(--localora-focus);
    outline-offset:2px;
  }
  .localora-v2-flow.localora-detail-web .localora-detail-hero-copy h1 {
    grid-column:1/-1;
    grid-row:2;
    margin:4px 0 6px;
    max-width:100%;
  }
  .localora-v2-flow.localora-detail-web .localora-detail-hero-copy p {
    grid-column:1;
    grid-row:3;
    min-width:0;
    margin:0;
    font-size:.85rem;
    line-height:1.35;
  }
  .localora-v2-flow.localora-detail-web .localora-detail-hero-copy .localora-detail-status {
    grid-column:2;
    grid-row:3;
    position:static;
    inset:auto;
    justify-self:end;
    min-height:28px;
    padding:4px 9px;
    font-size:.75rem;
  }
  /* No duplicate large edit action in the hero; the tour completion button
     and captain call continue to live in the sticky mobile bottom bar. */
  .localora-v2-flow.localora-detail-web .localora-detail-hero .localora-detail-primary-actions {
    display:none!important;
  }
}

/* #264: commission collection belongs to an individual extra sale.
   Keep the existing Design System V2 tokens, dark/light surfaces and 44px touch target. */
.localora-detail-web .localora-detail-sale-actions {
  display:grid;
  gap:5px;
  margin-top:14px;
}
.localora-detail-web .localora-detail-sale-collect {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  width:fit-content;
  max-width:100%;
  min-height:44px;
  padding:9px 16px;
  border:1px solid var(--localora-brand-secondary);
  border-radius:var(--localora-radius-action,14px);
  background:color-mix(in srgb,var(--localora-brand-secondary) 14%,var(--localora-surface));
  color:var(--localora-text);
  text-align:center;
  font-weight:750;
  line-height:1.3;
  text-decoration:none;
}
.localora-detail-web .localora-detail-sale-collect:hover {
  background:color-mix(in srgb,var(--localora-brand-secondary) 23%,var(--localora-surface));
}
.localora-detail-web .localora-detail-sale-collect:focus-visible {
  outline:3px solid var(--localora-focus);
  outline-offset:2px;
}
.localora-detail-web .localora-detail-sale-collect > span {
  color:var(--localora-brand-secondary);
  font-size:1.2rem;
  line-height:1;
}
.localora-detail-web .localora-detail-sale-actions > small {
  color:var(--localora-text-secondary);
  font-size:.76rem;
}
.localora-detail-web .localora-detail-sale-more {
  margin-top:12px;
  padding-top:4px;
  border-top:1px solid var(--localora-border);
}
@media(max-width:767.98px) {
  .localora-detail-web .localora-detail-sale-collect {
    display:flex;
    width:100%;
    white-space:normal;
  }
}

/* #80: "Şimdi ne bekliyor?" — quiet warning-edged summary above the detail tabs. */
.localora-detail-pending{margin:0 0 14px;padding:12px 16px;border:1px solid var(--localora-border);border-left:4px solid var(--localora-accent-warm);border-radius:var(--localora-radius-card);background:var(--localora-surface);color:var(--localora-text)}
.localora-detail-pending h2{margin:0 0 6px;font-size:1rem;font-weight:750;color:var(--localora-text)}
.localora-detail-pending ul{margin:0;padding-left:1.1rem}

/* #80: quiet sub-group headings inside the new-job optional details (Zaman · Para · Yer · Notlar). */
.localora-create-group-title{margin:2px 0 6px;font-size:.85rem;font-weight:750;color:var(--localora-text-secondary)}

/* #100: "Teslimler" card — three status choices per obligation, 44px targets, wrap on narrow widths. */
.localora-v2-flow .localora-detail-declaration .localora-handover-choices{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--localora-space-2)}
.localora-handover-choice{flex:1 1 auto;min-width:44px;min-height:var(--localora-target-min,44px);font-weight:700}