:root{
  --yellow:#f4bd19;
  --yellow-dark:#c99400;
  --ink:#17202a;
  --muted:#697586;
  --bg:#eef2f6;
  --card:#fff;
  --line:#d8e0e8;
  --line-strong:#b7c2ce;
  --nav:#17212b;
  --nav-soft:#22303d;
  --green:#147a4b;
  --red:#b83d36;
  --blue:#1d5f89;
  --shadow:0 10px 30px rgba(22,32,42,.08);
  --radius:12px
}
html{background:var(--bg)}
body{background:var(--bg);color:var(--ink);font:14px/1.5 "Segoe UI",Inter,Arial,sans-serif}
button,input,select,textarea{font:inherit}
button{transition:background .16s,border-color .16s,transform .16s,box-shadow .16s}
button:active{transform:translateY(1px)}
.topbar{height:72px;background:linear-gradient(90deg,#111820,#202d39);border-bottom:3px solid var(--yellow);padding:9px 22px;box-shadow:0 3px 16px #0002}
.topbar img{width:118px;height:50px;padding:4px;background:#fff;border-radius:7px}
.top-title strong{font-size:16px;letter-spacing:.01em}.top-title span{color:#a8d8bd}
#userBadge{padding:7px 11px;border:1px solid #ffffff2c;border-radius:8px;background:#ffffff0d;font-weight:650}
.layout{grid-template-columns:250px minmax(0,1fr);min-height:calc(100vh - 72px)}
#sidebar{background:linear-gradient(180deg,var(--nav),#10171e);padding:18px 12px;border-right:1px solid #000}
#sidebar .nav{position:relative;margin:0 0 5px;padding:13px 14px;border:1px solid transparent;border-radius:8px;color:#dce4ea;font-size:13px;font-weight:650}
#sidebar .nav:hover{background:var(--nav-soft);color:#fff;border-color:#ffffff13}
#sidebar .nav.active{background:linear-gradient(90deg,var(--yellow),#ffd75a);color:#151515;box-shadow:0 5px 14px #0003}
main{max-width:1600px;padding:28px 30px 46px}
.page{animation:pageIn .16s ease-out}@keyframes pageIn{from{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:none}}
.page-head{align-items:center;margin-bottom:22px;padding-bottom:17px;border-bottom:1px solid var(--line)}
.page-head h1{font-size:28px;letter-spacing:-.02em}.page-head p{max-width:720px}.eyebrow{color:#9a7100!important;font-size:11px}
.primary,.secondary,.ghost,.danger,.link{min-height:38px;border-radius:7px;padding:9px 14px;font-size:13px;font-weight:700}
.primary{background:var(--yellow);border:1px solid #dda800;color:#151515;box-shadow:0 3px 8px #b886001c}.primary:hover{background:#ffd044}
.secondary{background:#263746;border:1px solid #263746;color:#fff}.secondary:hover{background:#16232e}
.ghost{border:1px solid #ffffff28}.danger{background:#fff1f0;border:1px solid #efc4c0}.link{color:var(--blue)}
.cards{gap:16px}.stat,.panel,.site-card,.site-group{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.stat{position:relative;padding:18px 20px;overflow:hidden}.stat:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--yellow)}
.stat span{font-size:12px;font-weight:650;text-transform:uppercase;letter-spacing:.035em}.stat strong{font-size:24px}
.panel{padding:20px}.site-card{padding:19px;border-top:3px solid transparent}.site-card:hover{border-color:var(--yellow);transform:translateY(-1px)}
.site-card h3{margin:10px 0 4px;font-size:17px}.badge{border:1px solid #b6dfc7}
.search,.field input,.field select,.field textarea,.auth-card input{min-height:42px;border:1px solid var(--line-strong);border-radius:7px;background:#fff;padding:10px 12px;outline:none}
.search:focus,.field input:focus,.field select:focus,.field textarea:focus,.auth-card input:focus{border-color:#c99a0c;box-shadow:0 0 0 3px #f4bd1926}
.field{margin:10px 0;color:#344252;font-size:13px}.field textarea{min-height:90px;resize:vertical}
.table-wrap{border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:var(--shadow)}
table{background:#fff}th{background:#f1f4f6;color:#42505e;letter-spacing:.035em;border-bottom:1px solid var(--line-strong)}th,td{padding:12px 13px}tbody tr:hover{background:#fffbea}
.tabs{gap:0;border:1px solid var(--line);border-radius:9px;background:#fff;padding:4px}.tabs button{border-radius:6px}.tabs button.active{border:0;background:#233442;color:#fff}
dialog{border-radius:12px;box-shadow:0 24px 70px #0005}.modal-head{padding:16px 20px;border-bottom:1px solid var(--line);background:#f4f6f8}.modal-head h2{margin:0;font-size:19px}
.auth-shell{background:linear-gradient(125deg,#121a22 0 56%,#f4bd19 56%)}.auth-card{border-radius:14px;border-top:5px solid var(--yellow)}

/* Teklif hazırlama ekranı */
.quote-editor{padding:0;overflow:hidden;background:#fff}
.quote-editor-title{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:#233442;color:#fff;border-bottom:4px solid var(--yellow)}
.quote-editor-title h2{margin:0;font-size:18px}.quote-editor-title p{margin:2px 0 0;color:#cdd6de;font-size:12px}
.quote-editor-body{padding:20px}
.quote-info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px;background:#f4f6f8;border:1px solid var(--line);border-radius:10px}
.quote-info-grid .field{margin:0}.quote-info-grid .quote-site-field,.quote-info-grid .quote-subject-field{grid-column:span 2}
.quote-items-panel{margin-top:18px;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.quote-items-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:#eef2f5;border-bottom:1px solid var(--line)}
.quote-items-toolbar h3{margin:0;font-size:15px}.quote-items-toolbar div{display:flex;gap:8px;flex-wrap:wrap}
.quote-row-labels,.quote-row{display:grid;grid-template-columns:1.2fr 1.8fr .85fr 78px 86px 112px 42px;gap:8px;align-items:stretch}
.quote-row-labels{padding:9px 12px;background:#263746;color:#fff;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.035em}
#quoteRows{padding:8px 12px 4px}.quote-row{margin:0;padding:7px 0;border-bottom:1px solid #e8edf1}
.quote-row input,.quote-row select,.quote-row textarea{width:100%;min-width:0;border:1px solid var(--line-strong);border-radius:6px;background:#fff;padding:8px;outline:none}.quote-row textarea{height:58px;resize:vertical;line-height:1.3}.quote-row input:focus,.quote-row select:focus,.quote-row textarea:focus{border-color:#c99a0c;box-shadow:0 0 0 2px #f4bd1926}
.quote-row .danger{min-height:38px;padding:7px;font-size:18px}
.quote-index-actions{display:flex;gap:6px;flex-wrap:wrap}.quote-index-actions button{min-height:34px;padding:6px 10px;white-space:nowrap}
.quote-bottom{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px;margin-top:18px}.quote-notes-field{margin:0}.quote-notes-field textarea{min-height:130px}
.quote-summary{border:1px solid #dac98d;border-radius:10px;background:#fff9df;padding:18px}.quote-summary span{display:block;color:#745a00;font-size:12px;font-weight:750;text-transform:uppercase}.quote-summary strong{display:block;margin-top:7px;font-size:27px}.quote-actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}

/* A4 teklif çıktısı - gönderilen TEKLİF_4560.pdf düzeni */
@media screen{.quote-sheet{display:none!important}.quote-sheet.template-editing{display:block!important}}
.quote-sheet{font-family:Arial,sans-serif;color:#111;background:#fff!important}
.quote-print-content{position:relative;width:100%;min-height:100%;padding-bottom:18mm}
.visual-letterhead{display:block;width:100%;height:auto;margin:0}
.print-meta{width:34%;margin:7mm 4mm 0 auto;font-size:10.5pt;font-style:italic;line-height:1.55}.print-meta div{display:grid;grid-template-columns:1fr 1.1fr;gap:4mm}.print-meta b{font-weight:600}
.print-title{text-align:center;font-size:17pt;margin:10mm 0 17mm;font-weight:700}
.print-terms,.visual-offer-table{width:88%;margin-left:auto;margin-right:auto;border-collapse:collapse;table-layout:fixed}
.print-terms{margin-bottom:18mm}.print-terms th,.print-terms td,.visual-offer-table th,.visual-offer-table td{border:1px solid #174c6a;padding:2.4mm 2mm;text-align:center;font-size:9.2pt}.print-terms th,.visual-offer-table thead th{background:#b7b7b7;color:#111;font-weight:800}.print-terms th{width:25%}
.visual-offer-table th:nth-child(1){width:10%}.visual-offer-table th:nth-child(2){width:21%}.visual-offer-table th:nth-child(3){width:36%}.visual-offer-table th:nth-child(4){width:15%}.visual-offer-table th:nth-child(5){width:18%}
.visual-offer-table tbody td{height:12mm}.visual-offer-table td:nth-child(2),.visual-offer-table td:nth-child(3){text-align:left}.visual-offer-table td:nth-child(3) ul{margin:0;padding-left:18px}.visual-offer-table tfoot th{text-align:right;background:#fff}
.print-notes{width:84%;margin:15mm auto 8mm;padding-left:6mm;font-size:9.5pt;line-height:1.52}.print-thanks{text-align:center;font-family:Georgia,serif;font-style:italic;font-weight:700;font-size:17pt;margin:10mm 0 24mm}
.visual-legal{border:1px solid #222;text-align:center;font-size:7.4pt;padding:2mm;margin:0 0 2mm}.visual-bank{display:block;width:88%;height:auto;margin:auto}
.design-resize-handle,.box-delete,.template-admin,#editTemplate{display:none!important}

/* Program açılışındaki şantiye hatırlatmaları */
.startup-reminders{display:grid;gap:10px;max-height:58vh;overflow:auto;padding:2px 3px 8px}
.startup-reminder{position:relative;border:1px solid var(--line);border-left:5px solid #7d8a96;border-radius:9px;background:#fff;padding:14px 15px;box-shadow:0 5px 16px #0000000b}
.startup-reminder.overdue{border-left-color:var(--red);background:#fff8f7}.startup-reminder.today{border-left-color:var(--yellow);background:#fffbed}.startup-reminder.upcoming{border-left-color:var(--blue)}
.startup-reminder-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}.startup-reminder-head time{color:var(--muted);font-size:12px;font-weight:650}
.reminder-status{display:inline-flex;border-radius:99px;background:#edf1f4;padding:3px 8px;font-size:11px;font-weight:800;text-transform:uppercase}.overdue .reminder-status{background:#ffe2df;color:#9d2d27}.today .reminder-status{background:#ffe9a1;color:#785900}.upcoming .reminder-status{background:#e1eff9;color:#18577f}
.startup-reminder h3{margin:0 0 2px;font-size:16px}.startup-reminder>strong{color:#536170;font-size:12px}.startup-reminder p{margin:8px 0 2px;white-space:pre-line}.startup-reminder .link{min-height:30px;padding:5px 0}
.startup-reminder-actions{display:flex;justify-content:flex-end;margin-top:14px;padding-top:13px;border-top:1px solid var(--line)}.startup-reminder-actions .primary{min-width:120px}

/* Ofis ve saha çalışanlarını birlikte yöneten personel ekranı */
.personnel-form-section{border:1px solid var(--line);border-radius:9px;padding:14px 16px;margin-bottom:14px;background:#f8fafb}.personnel-form-section h3{margin:0 0 8px;font-size:15px;color:#2e3c49}
.personnel-type{display:inline-flex;align-items:center;border-radius:99px;padding:4px 9px;background:#e9eef2;color:#344454;font-size:11px;font-weight:800;text-transform:uppercase}.personnel-type.type-ofis{background:#e3eff9;color:#18577f}.personnel-type.type-saha{background:#e5f4e9;color:#19613b}.personnel-type.type-karma{background:#fff0bd;color:#785900}
.personnel-actions{display:flex;gap:5px;flex-wrap:wrap}.personnel-actions button{min-height:32px;padding:6px 8px;font-size:11px}.personnel-auto-pay{border:1px solid #d8c275;border-radius:8px;background:#fff7d8;padding:11px}.personnel-auto-pay strong{font-size:20px;color:#5e4800}

/* Alana göre değişen akıllı ölçü şablonları */
.measurement-type-field{margin:0 0 14px}.measurement-type-field select{font-size:16px;font-weight:750;border-color:#c49b1b;background:#fff9df}.measurement-template{border:1px solid var(--line);border-radius:10px;background:#f8fafb;padding:15px;margin-bottom:14px}.template-heading{display:flex;align-items:start;justify-content:space-between;gap:14px;margin-bottom:12px}.template-heading h3{margin:0;font-size:17px}.template-heading p{margin:3px 0 0;color:var(--muted)}.room-count-field{margin:0;width:115px}.kitchen-layouts{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:14px}.kitchen-layouts label{position:relative;display:grid;place-items:center;gap:3px;min-height:88px;border:1px solid var(--line-strong);border-radius:9px;background:#fff;cursor:pointer}.kitchen-layouts input{position:absolute;opacity:0}.kitchen-layouts label:has(input:checked){border:2px solid var(--yellow-dark);background:#fff8d7}.layout-icon{font-size:30px;font-weight:900;line-height:1}.kitchen-layouts strong{font-size:12px}.disabled-wall{opacity:.35;pointer-events:none}.measure-grid-head,.measure-grid-row{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:8px;align-items:center}.measure-grid-head{padding:8px 9px;background:#263746;color:#fff;border-radius:7px 7px 0 0;font-size:11px;font-weight:800;text-transform:uppercase}.opening-head,.measure-opening{grid-template-columns:1.4fr 1fr 1fr .8fr}.measure-grid-row{padding:7px 8px;border:1px solid var(--line);border-top:0;background:#fff}.measure-grid-row input{width:100%;min-width:0;border:1px solid var(--line);border-radius:5px;padding:8px}.measure-grid-row>[data-area]{text-align:right}.measurement-total{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:12px;padding:12px;border-radius:8px;background:#fff4c5;color:#634a00;font-weight:700}.measurement-total strong{font-size:20px}.dotted-template{background:#fbfbfa;border-style:dashed;color:#65717c}.measure-dotted-head,.measure-dotted-row{display:grid;grid-template-columns:36px 1.6fr repeat(4,1fr);gap:7px;align-items:center}.measure-dotted-head{padding:7px;color:#7d8790;font-size:10px;font-weight:800;text-transform:uppercase}.measure-dotted-row{min-height:48px;border-bottom:2px dotted #cbd1d5}.measure-dotted-row>span{text-align:center;color:#a2aab1}.measure-dotted-row input{min-width:0;border:0;border-bottom:1px dotted #b8c0c6;border-radius:0;background:transparent;padding:8px;color:#37434d;outline:none}.measure-dotted-row input:focus{background:#fff;border-bottom-color:#a37a00}.measurement-kind{display:inline-flex;border-radius:99px;background:#fff0b8;color:#6c5100;padding:3px 8px;font-size:10px;font-weight:800;text-transform:uppercase}.measurement-parts{display:grid;gap:3px}.measurement-parts span{display:block;padding-bottom:3px;border-bottom:1px dotted #d7dde1}.measurement-parts span:last-child{border-bottom:0}
@media(max-width:700px){.kitchen-layouts{grid-template-columns:1fr 1fr 1fr}.measure-grid-head{display:none}.measure-grid-row{grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin-bottom:8px;border-radius:7px}.measure-dotted-head{display:none}.measure-dotted-row{grid-template-columns:28px 1fr 1fr}.measure-dotted-row input[data-field="name"]{grid-column:2/-1}.template-heading{flex-direction:column}.room-count-field{width:100%}}

@media(max-width:1050px){.quote-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quote-row-labels{display:none}.quote-row{grid-template-columns:1fr 1.3fr 1fr 80px 86px 110px 42px}.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.layout{grid-template-columns:1fr}#sidebar{top:72px;width:260px}.topbar{height:72px}main{padding:20px}.quote-row{grid-template-columns:1fr 1fr}.quote-row>*{min-height:42px}.quote-row .danger{grid-column:2}.quote-bottom{grid-template-columns:1fr}}
@media(max-width:700px){.topbar{height:62px;padding:5px 10px}.topbar img{width:78px;height:44px}.layout{min-height:calc(100vh - 62px)}#sidebar{top:62px}.top-title strong{font-size:13px}main{padding:12px}.page-head{align-items:flex-start}.page-head h1{font-size:24px}.page-head>.primary{white-space:nowrap}.quote-editor-body{padding:12px}.quote-info-grid{grid-template-columns:1fr;padding:12px}.quote-info-grid .quote-site-field,.quote-info-grid .quote-subject-field{grid-column:auto}.quote-items-toolbar{align-items:flex-start;flex-direction:column}.quote-row{grid-template-columns:1fr}.quote-row .danger{grid-column:auto}.quote-actions button{flex:1}.cards{grid-template-columns:1fr 1fr}.stat strong{font-size:18px}}

@media print{
  @page{size:A4 portrait;margin:0}
  html,body{width:210mm!important;height:297mm!important;margin:0!important;padding:0!important;background:#fff!important;overflow:hidden!important}
  body>*:not(#app),#connectView,#authView,.topbar,#sidebar,.quote-editor,.page-head,.template-admin,.box-delete,.design-resize-handle{display:none!important}
  #app,#content,#page-quotes,#quoteArea{display:block!important;width:210mm!important;height:297mm!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}
  #content>.page:not(#page-quotes){display:none!important}
  .quote-sheet{display:block!important;width:210mm!important;height:297mm!important;min-height:297mm!important;max-height:297mm!important;margin:0!important;padding:7mm 11mm 5mm!important;box-shadow:none!important;overflow:hidden!important}
  .quote-print-content{margin:0!important}.visual-letterhead{margin-top:0!important}.print-title{margin-top:9mm}.visual-bank{max-height:13mm;object-fit:contain}
}