@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
:root{--pa-bg:#f4f6f9;--pa-surface:#ffffff;--pa-border:#e5e7eb;--pa-border2:#eef0f3;--pa-text:#111827;--pa-muted:#6b7280;--pa-accent:#2563eb;--pa-accent-soft:#eff4ff;}
body,.form-control,.btn,table,input,select,textarea{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif !important;-webkit-font-smoothing:antialiased}
body{background:var(--pa-bg) !important;color:var(--pa-text) !important;font-size:13.5px}
a{color:var(--pa-accent)}
/* Sidebar */
.r-left,.r-left .panel,[data-location="left"],.r-left .mCustomScrollBox{background:var(--pa-surface) !important}
.r-left{border-right:1px solid var(--pa-border) !important}
.clearfix:has(>a.navbar-brand){background:var(--pa-surface) !important;border-bottom:1px solid var(--pa-border)}
a.navbar-brand{color:var(--pa-text) !important;font-weight:700 !important;font-size:16px !important;letter-spacing:.01em}
.r-left .r-menu>li>a,.r-left .nav>li>a{color:#374151 !important;background:transparent !important;border-radius:10px;margin:2px 10px;padding:9px 12px !important;font-weight:500;border:0 !important}
.r-left .r-menu>li>a:hover,.r-left .nav>li>a:hover{background:#f3f4f6 !important;color:var(--pa-text) !important}
.r-left .r-menu>li.active>a,.r-left .r-menu>li>a.r-menu-expanded,.r-left .r-menu>li>a.active,.r-left .nav>li.active>a{background:var(--pa-accent-soft) !important;color:var(--pa-accent) !important;font-weight:600}
.r-left .panel{border:1px solid var(--pa-border) !important;border-radius:12px !important;margin:10px !important;box-shadow:none !important}
.r-left .panel-heading{background:#f9fafb !important;color:var(--pa-text) !important;border-bottom:1px solid var(--pa-border) !important}
.r-left .list-group-item,.r-left .panel a{color:#374151 !important;background:transparent !important;border:0 !important}
/* Top bar */
.r-top,.navbar,[data-location="top"],[data-location="supertop"]{background:var(--pa-surface) !important;border:0 !important;border-bottom:1px solid var(--pa-border) !important;box-shadow:none !important}
.navbar a,.breadcrumb a,.breadcrumb{color:#374151 !important;background:transparent !important}
/* Buttons */
.btn{border-radius:10px !important;font-weight:500;padding:7px 14px;transition:all .15s;box-shadow:none !important}
.btn-primary{background:var(--pa-accent) !important;border-color:var(--pa-accent) !important;color:#fff !important}
.btn-primary:hover{background:#1d4ed8 !important;border-color:#1d4ed8 !important}
.btn-default{background:#fff !important;border:1px solid var(--pa-border) !important;color:#374151 !important}
.btn-default:hover{background:#f9fafb !important;color:var(--pa-text) !important}
.btn-default.disabled,.btn-default[disabled]{opacity:.5}
/* Tabs */
.nav-tabs{border-bottom:1px solid var(--pa-border) !important}
.nav-tabs>li>a{border:0 !important;border-radius:0 !important;color:var(--pa-muted) !important;background:transparent !important;padding:10px 16px;font-weight:500;border-bottom:2px solid transparent !important}
.nav-tabs>li>a:hover{color:var(--pa-text) !important}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:var(--pa-accent) !important;border-bottom:2px solid var(--pa-accent) !important;background:transparent !important}
/* Grid */
table.rnr-gridtable,table.r-horizontal-grid{background:var(--pa-surface) !important;border:1px solid var(--pa-border) !important;border-radius:14px;border-collapse:separate !important;border-spacing:0;overflow:hidden;box-shadow:0 1px 2px rgba(16,24,40,.04)}
table.rnr-gridtable>thead>tr>th{background:#f9fafb !important;color:var(--pa-muted) !important;border:0 !important;border-bottom:1px solid var(--pa-border) !important;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:12px 10px !important;white-space:nowrap}
table.rnr-gridtable>thead a,table.rnr-gridtable>thead span{color:var(--pa-muted) !important;text-decoration:none !important}
table.rnr-gridtable>tbody>tr,table.rnr-gridtable>tbody>tr:hover{background:transparent !important}
table.rnr-gridtable>tbody>tr>td{background:transparent !important;border:0 !important;border-bottom:1px solid var(--pa-border2) !important;padding:10px !important;vertical-align:middle !important;color:var(--pa-text)}
table.rnr-gridtable>tbody>tr:last-child>td{border-bottom:0 !important}
table.rnr-gridtable>tbody>tr:nth-of-type(odd)>td{background:transparent !important}
table.rnr-gridtable>tbody>tr:hover>td{background:#f8fafc !important}
table.rnr-gridtable td[data-field] [data-gallery-image] img{width:104px !important;height:70px !important;max-width:none !important;object-fit:cover;border-radius:10px;display:block;border:1px solid var(--pa-border)}
table.rnr-gridtable th[data-field="titelbild"],table.rnr-gridtable td[data-field="titelbild"]{width:124px !important}
table.rnr-gridtable td[data-field="titelbild"] div,table.rnr-gridtable td[data-field="titelbild"]>span{width:auto !important;height:auto !important;min-height:0 !important;position:static !important;transform:none !important;margin:0 !important;padding:0 !important}
table.rnr-gridtable td[data-field="titelbild"] [data-gallery-image]:not([data-gallery-image="0"]){display:none !important}
table.rnr-gridtable td[data-field="titelbild"] span[val=""]:empty::before{content:"";display:block;width:104px;height:70px;border-radius:10px;background:#f3f4f6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11l9-7 9 7'/%3E%3Cpath d='M5 10v10h14V10'/%3E%3C/svg%3E") center/28px no-repeat;border:1px dashed #d1d5db}
td[data-field="titel"]{font-weight:600;color:var(--pa-text) !important;min-width:180px}
td[data-field="objektnummer"]{color:var(--pa-muted) !important;font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}
td[data-field="kaufpreis"],td[data-field="kaltmiete"]{font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
td.r-field-number{font-variant-numeric:tabular-nums;white-space:nowrap}
/* Status pills */
td[data-field="status"] span[val]{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:600;line-height:1.5;white-space:nowrap;background:#f3f4f6;color:#374151}
td[data-field="status"] span[val="Aktiv"],td[data-field="status"] span[val="Bestätigt"]{background:#dcfce7;color:#15803d}
td[data-field="status"] span[val="Reserviert"],td[data-field="status"] span[val="Geplant"]{background:#fef3c7;color:#b45309}
td[data-field="status"] span[val="Verkauft"],td[data-field="status"] span[val="Vermietet"],td[data-field="status"] span[val="Abgeschlossen"]{background:#dbeafe;color:#1d4ed8}
td[data-field="status"] span[val="Archiviert"],td[data-field="status"] span[val="Entwurf"]{background:#f3f4f6;color:#6b7280}
td[data-field="status"] span[val="Abgesagt"]{background:#fee2e2;color:#b91c1c}
/* Icons & detail counters */
td[data-cellid="grid_cell_icons"] a{color:#9ca3af !important;font-size:13px;padding:4px;border-radius:6px}
td[data-cellid="grid_cell_icons"] a:hover{color:var(--pa-accent) !important;background:var(--pa-accent-soft)}
td[data-cellid="grid_cell_details"]{white-space:nowrap}
td[data-cellid="grid_cell_details"] .glyphicon-th-list{color:#9ca3af;margin-right:4px}
.details-badge.badge{background:#f3f4f6 !important;color:#6b7280 !important;border:1px solid var(--pa-border);font-size:10px;font-weight:600;min-width:20px;padding:2px 6px;border-radius:999px;margin-right:2px}
td[data-cellid="grid_cell_details"] a.hidden-badge .details-badge{opacity:.45}
td[data-cellid="grid_cell_details"] a:not(.hidden-badge) .details-badge{background:var(--pa-accent-soft) !important;color:var(--pa-accent) !important;border-color:#bfdbfe !important}
table.rnr-gridtable td[data-field] img[src*="images/check"]{width:auto !important;height:auto !important;border:0;border-radius:0;display:inline-block}
/* Panels & forms */
.panel:not(:has(.pa-dash)){background:var(--pa-surface) !important;border:1px solid var(--pa-border) !important;border-radius:14px !important;box-shadow:0 1px 2px rgba(16,24,40,.04) !important}
.panel:not(:has(.pa-dash))>.panel-heading{background:#f9fafb !important;border-bottom:1px solid var(--pa-border) !important;border-radius:14px 14px 0 0 !important;color:var(--pa-text) !important;font-weight:600}
.form-control{background:#fff !important;border:1px solid #d1d5db !important;border-radius:10px !important;color:var(--pa-text) !important;box-shadow:none !important}
.form-control:focus{border-color:var(--pa-accent) !important;box-shadow:0 0 0 3px rgba(37,99,235,.15) !important}
label,.control-label{color:#374151;font-weight:500}
.modal-content,.bs-popup,.ui-dialog{border-radius:16px !important;border:1px solid var(--pa-border) !important;box-shadow:0 20px 50px rgba(16,24,40,.18) !important}
.modal-header{border-bottom:1px solid var(--pa-border) !important}
.modal-footer{border-top:1px solid var(--pa-border) !important}
/* Calendar */
.fc{--fc-border-color:#e5e7eb;--fc-page-bg-color:#fff;--fc-neutral-bg-color:#f9fafb;--fc-today-bg-color:#eff6ff;--fc-now-indicator-color:#ef4444;--fc-event-border-color:transparent;background:#fff;border:1px solid var(--pa-border);border-radius:16px;padding:16px;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.fc .fc-toolbar{flex-wrap:wrap;gap:10px}
.fc .fc-toolbar-title{font-size:22px !important;font-weight:700;color:var(--pa-text);text-transform:capitalize}
.fc .fc-button{background:#fff !important;border:1px solid var(--pa-border) !important;color:#374151 !important;border-radius:10px !important;font-weight:500;padding:6px 12px;box-shadow:none !important;text-transform:capitalize}
.fc .fc-button:hover{background:#f3f4f6 !important}
.fc .fc-button-active,.fc .fc-button-primary:not(:disabled).fc-button-active{background:var(--pa-accent) !important;border-color:var(--pa-accent) !important;color:#fff !important}
.fc .fc-button-group>.fc-button{border-radius:0 !important}
.fc .fc-button-group>.fc-button:first-child{border-radius:10px 0 0 10px !important}
.fc .fc-button-group>.fc-button:last-child{border-radius:0 10px 10px 0 !important}
.fc .fc-col-header-cell{background:#f9fafb}
.fc .fc-col-header-cell-cushion{color:var(--pa-muted) !important;text-decoration:none !important;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:8px 4px}
.fc .fc-daygrid-day-number{color:#374151 !important;text-decoration:none !important;font-weight:500;padding:6px 8px}
.fc .fc-day-other .fc-daygrid-day-number{color:#c0c4cc !important}
.fc .fc-day-today .fc-daygrid-day-number{background:var(--pa-accent);color:#fff !important;border-radius:999px;min-width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;margin:4px;padding:0 7px}
.fc .fc-day-sat,.fc .fc-day-sun{background:#fcfcfd}
.fc .fc-daygrid-day:hover{background:#f8fafc;cursor:pointer}
.fc .fc-daygrid-day-frame{min-height:96px}
.fc .fc-event{border-radius:8px !important;padding:2px 6px;font-size:12px;font-weight:500;border:0 !important;box-shadow:0 1px 2px rgba(0,0,0,.08);cursor:pointer}
.fc .fc-daygrid-dot-event{background:#f3f4f6}
.fc .fc-daygrid-dot-event:hover{background:#e5e7eb}
.fc .fc-event-title{font-weight:600}
.fc .fc-list{border-radius:12px;overflow:hidden}
.fc .fc-list-day-cushion{background:#f9fafb !important}
.fc .fc-list-event:hover td{background:#f8fafc !important}
.fc .fc-timegrid-slot{height:2.4em}
.fc .fc-timegrid-slot-label-cushion,.fc .fc-list-event-time{color:var(--pa-muted)}
.fc a{color:inherit}
.pa-cal-legend{display:flex;flex-wrap:wrap;gap:14px;margin:10px 0 0;font-size:12.5px;color:#374151}
.pa-cal-legend span{display:inline-flex;align-items:center;gap:6px}
.pa-cal-legend i{width:10px;height:10px;border-radius:3px;display:inline-block}

/* Feinschliff */
.pa-cal-legend{display:flex !important;align-items:center}
.pa-cal-legend span{margin-right:16px}
.fc{--fc-non-business-color:rgba(241,243,246,.55)}
.r-left,.r-left *{box-shadow:none !important}
body:has(.fc) [data-itemid="add"][data-button-item]{display:none !important}
@media(max-width:767px){.fc{padding:8px;border-radius:12px}.fc .fc-toolbar-title{font-size:17px !important}.fc .fc-button{padding:5px 8px;font-size:12px}}


/* ===== Sayfa geçiş efektleri ===== */
@view-transition { navigation: auto; }
::view-transition-old(root) { animation: pgOut .2s ease both; }
::view-transition-new(root) { animation: pgIn .35s cubic-bezier(.2,.7,.3,1) both; }
@keyframes pgOut { to { opacity: 0; transform: translateY(-6px); } }
@keyframes pgIn  { from { opacity: 0; transform: translateY(10px); } }
@keyframes pgFade { from { opacity: 0; } }
@supports not (view-transition-name: none) { body { animation: pgFade .35s ease both; } }
#pg-bar { position: fixed; top: 0; left: 0; height: 3px; width: 0; background: #0aa5f0; box-shadow: 0 0 8px rgba(10,165,240,.6); z-index: 99999; opacity: 0; pointer-events: none; transition: width 6s cubic-bezier(.1,.7,.2,1), opacity .3s; }
#pg-bar.go { opacity: 1; width: 85%; }
/* Sihirbaz adım geçişi */
.wz-in-r { animation: wzR .32s cubic-bezier(.2,.7,.3,1) both; }
.wz-in-l { animation: wzL .32s cubic-bezier(.2,.7,.3,1) both; }
@keyframes wzR { from { opacity: 0; transform: translateX(30px); } }
@keyframes wzL { from { opacity: 0; transform: translateX(-30px); } }
.wz-card:active, .wz-btn:active, .wz-chip:active { transform: scale(.96); }
.wz-card, .wz-btn, .wz-chip { transition: background .15s, border-color .15s, box-shadow .15s, color .15s, transform .1s; }
.btn { transition: background .15s, box-shadow .15s, transform .1s; }
.btn:active { transform: scale(.97); }
@media (prefers-reduced-motion: reduce) {
  *, ::view-transition-old(root), ::view-transition-new(root) { animation: none !important; transition: none !important; }
}


/* ===== Mobil header duzeltmesi (2026-10-26) ===== */
@media (max-width: 991px) {
  .r-topheader { height: auto !important; min-height: 64px; box-shadow: 0 1px 0 rgba(0,0,0,.06); }
  #form_supertop_1.navbar { display: flex !important; align-items: center; gap: 8px; min-height: 64px; height: auto !important; padding: 10px 14px !important; margin: 0; flex-wrap: nowrap; }
  #form_supertop_1 > .navbar-form { float: none !important; margin: 0 !important; padding: 0 !important; display: flex; align-items: center; min-width: 0; }
  #form_supertop_1 > .navbar-form.r-align-right { margin-left: auto !important; }
  #form_supertop_1 > .navbar-form.r-align-right ~ .navbar-form.r-align-right { margin-left: 0 !important; }
  #form_supertop_1 .breadcrumb { font-size: 15px; margin: 0; padding: 0; background: none; display: flex; align-items: center; white-space: nowrap; }
  #form_supertop_1 .breadcrumb .glyphicon { font-size: 16px; }
  #form_supertop_1 .form-control { height: 42px !important; font-size: 16px !important; padding: 8px 12px !important; border-radius: 10px 0 0 10px; }
  #form_supertop_1 .input-group-btn .btn { height: 42px !important; width: 44px; border-radius: 0 10px 10px 0; }
  #form_supertop_1 .btn { min-height: 42px; padding: 8px 12px !important; font-size: 15px !important; border-radius: 10px; }
}
@media (max-width: 575px) {
  #form_supertop_1.navbar { padding: 10px !important; gap: 6px; }
  #form_supertop_1 .breadcrumb .dropdown-toggle { max-width: 90px; overflow: hidden; text-overflow: ellipsis; display: inline-block; vertical-align: middle; }
  #form_supertop_1 > .navbar-form.r-align-right:first-of-type { flex: 1 1 auto; }
  #form_supertop_1 .form-group, #form_supertop_1 .input-group { width: 100% !important; min-width: 0; }
  #form_supertop_1 .form-control { width: 100% !important; min-width: 0; }
  #form_supertop_1 .btn { padding: 8px 10px !important; }
}

/* ===== Dashboard yazilari sadelestirme (2026-10-26) ===== */
.m-dash{color:#374151}
.m-dash .m-hello small{font-size:12px;font-weight:400;color:#9ca3af}
.m-dash .m-hello h1{font-size:22px;font-weight:600;letter-spacing:-.01em;color:#1f2937}
.m-dash .m-hd h2{font-size:15px;font-weight:600;color:#374151}
.m-dash .m-hd a{font-size:13px;font-weight:500}
.m-dash .m-kpi b{font-size:22px;font-weight:600;color:#1f2937}
.m-dash .m-kpi{color:#6b7280;font-size:12.5px}
.m-dash .m-kpi *:not(b):not(i){color:#6b7280;font-weight:400}
.m-dash .day span{font-size:10.5px;font-weight:500}
.m-dash .day b{font-size:15px;font-weight:500}
.m-dash .m-empty strong{font-size:14px;font-weight:500;color:#374151}
.m-dash .m-empty p{font-size:12.5px;color:#9ca3af}
.m-dash .m-txt strong{font-size:14px;font-weight:500;color:#374151}
.m-dash .m-txt span{font-size:12px}
.m-dash .m-new{font-size:9.5px;font-weight:600;opacity:.75}
.m-dash .m-tile span,.m-dash .q span{font-weight:500;color:#6b7280}
.m-dash .m-btn{font-weight:600}

/* ===== Telefon header: tasmayi onle (2026-10-26) ===== */
@media (max-width: 575px) {
  #form_supertop_1 .breadcrumb > li + li { display: none !important; }
  #form_supertop_1 .dropdown-toggle.btn { font-size: 0 !important; width: 42px; padding: 0 !important; }
  #form_supertop_1 .dropdown-toggle.btn .glyphicon,
  #form_supertop_1 .dropdown-toggle.btn i { font-size: 16px !important; margin: 0 !important; }
  #form_supertop_1 .dropdown-toggle.btn .caret { display: none; }
}
