:root{--navy:#073b6b;--navy2:#0b4f88;--blue:#0b72d5;--light:#eaf5ff;--line:#c7d8e8;--ink:#0c2b4a;--muted:#5d7288;--bg:#f4f8fc;--red:#e1261c;--green:#139447;--white:#fff}*{box-sizing:border-box}html,body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--ink)}body.app-body{min-width:1180px}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.app-shell{display:flex;min-height:100vh}.side{position:fixed;left:0;top:0;bottom:0;width:190px;background:linear-gradient(180deg,#073b6b,#0a4a80);color:#fff;padding:18px 10px;z-index:20;box-shadow:4px 0 18px #06284622}.side-brand{text-align:center;padding:0 8px 18px;border-bottom:1px solid #ffffff22}.side-brand img{display:block;width:150px;height:auto;margin:auto;filter:brightness(0) invert(1)}.side-brand b{display:block;font-size:13px;letter-spacing:.08em;margin-top:5px}.side nav{margin-top:18px;display:grid;gap:7px}.side nav a{padding:11px 13px;border-radius:6px;font-size:14px;display:flex;gap:10px;align-items:center}.side nav a.active,.side nav a:hover{background:#2384e1}.side-foot{position:absolute;left:14px;right:14px;bottom:22px;color:#d7ecff;font-size:14px;font-style:italic;line-height:1.45}.app-main{margin-left:190px;width:calc(100% - 190px)}.app-top{height:44px;background:#fff;border-bottom:1px solid #d8e4ef;display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:sticky;top:0;z-index:15}.app-top h1{font-size:18px;margin:0}.top-meta{display:flex;align-items:center;gap:18px;font-size:12px}.company-head{height:122px;background:#fff;border-bottom:1px solid #d7e4f0;padding:10px 25px 8px;display:grid;grid-template-columns:300px 1fr 280px;align-items:center;gap:18px}.company-logo{width:285px;height:92px;object-fit:contain}.company-info h2{font-size:29px;margin:0;color:#0a579c;line-height:1}.company-info h3{font-size:18px;margin:3px 0 8px;color:#123f6d}.company-info .info-line{font-size:13px;margin:3px 0;display:flex;gap:8px}.company-info .lab{font-weight:800;min-width:92px}.company-right{text-align:right}.company-right .script{font-size:31px;color:#0a63b0;font-style:italic;line-height:1}.company-right .tag{font-weight:900;color:#0b4e8b;margin-top:6px;line-height:1.1}.service-band{height:39px;background:#e3f1fc;border-bottom:1px solid #c7dfef;display:flex;align-items:center;justify-content:center;gap:0;color:#0a4e88;font-weight:800;font-size:13px}.service-band span{padding:0 22px;border-right:1px solid #7fa6c5}.service-band span:last-child{border-right:0}.content{padding:10px 20px 20px}.offer-grid{display:grid;grid-template-columns:minmax(720px,1.75fr) minmax(370px,.7fr);gap:12px;align-items:start}.offer-title{background:linear-gradient(90deg,#0a4679,#0d5d9c);color:#fff;border-radius:5px;padding:11px 18px;font-weight:900;font-size:27px;letter-spacing:.02em;display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.offer-title small{font-size:18px;font-weight:400;font-style:italic}.panel{background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden;margin-bottom:9px}.panel-title{background:linear-gradient(90deg,#ddecf9,#edf6fd);padding:7px 12px;font-weight:900;color:#0c4d83;font-size:14px}.panel-body{padding:8px 10px}.customer-project{display:grid;grid-template-columns:1.45fr .8fr;gap:10px}.field-row{display:grid;grid-template-columns:88px 1fr;gap:7px;align-items:center;margin-bottom:5px;font-size:12px}.field-row label{font-weight:700}.field-row input,.field-row textarea,.field-row select{border:1px solid #c7d8e8;border-radius:4px;background:#fff;padding:6px 7px;width:100%}.field-row textarea{height:52px;resize:none}.project-text{width:100%;height:115px;border:1px solid #c7d8e8;border-radius:4px;resize:none;padding:7px}.items-table{width:100%;border-collapse:collapse;font-size:12px}.items-table th{background:#0a4a7f;color:#fff;padding:7px 6px;border-right:1px solid #4f82aa}.items-table td{border:1px solid #c9d8e5;padding:2px}.items-table input{width:100%;border:1px solid #d2deea;border-radius:3px;padding:4px 5px;height:25px}.items-table .num{text-align:right}.items-table .qty{width:70px;text-align:center}.items-table .del{background:none;border:0;color:var(--red);font-size:17px;cursor:pointer;width:28px}.item-actions{display:flex;justify-content:space-between;margin-top:6px}.sm-btn{border:0;border-radius:4px;padding:6px 11px;font-weight:700;cursor:pointer}.sm-btn.blue{background:#147be1;color:#fff}.sm-btn.red{background:#fff;border:1px solid #ff8d86;color:#d5281d}.terms{margin:0;padding-left:21px;font-size:12px;line-height:1.35}.bottom-left{display:grid;grid-template-columns:1fr 1fr;gap:9px}.signature-box{height:82px}.signature-box .field-row{grid-template-columns:76px 1fr}.right-stack .panel{margin-bottom:10px}.offer-meta .field-row{grid-template-columns:120px 1fr;margin:0;border-bottom:1px solid #d7e3ed;padding:2px 0}.offer-meta .field-row:last-child{border-bottom:0}.totals{width:100%;border-collapse:collapse;font-size:13px}.totals td{border:1px solid #c7d8e8;padding:7px}.totals td:first-child{font-weight:800;background:#eef6fd;width:48%}.totals tr.grand td:first-child{background:#0a4a7f;color:white;font-size:16px}.totals tr.grand td:last-child{font-size:17px;font-weight:900}.totals input,.totals select{width:78px;padding:3px;border:1px solid #c7d8e8;border-radius:4px;text-align:right}.totals .value{text-align:right;font-weight:700}.two-panels{display:grid;grid-template-columns:1fr 1fr;gap:10px}.check-list{display:grid;gap:6px;font-size:12px}.check-list label{display:flex;gap:7px;align-items:center}.check-list input[type=checkbox],.check-list input[type=radio]{width:15px;height:15px}.check-list .custom{display:grid;grid-template-columns:16px auto 1fr;gap:6px;align-items:center}.check-list .custom input[type=text]{padding:4px;border:1px solid #c7d8e8;border-radius:3px;width:100%}.bank-table{width:100%;border-collapse:collapse;font-size:10px}.bank-table th{background:#0a4a7f;color:#fff;padding:5px;border:1px solid #c7d8e8}.bank-table td{border:1px solid #c7d8e8;padding:2px}.bank-table input{width:100%;border:0;padding:4px}.action-row{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.action-btn{border:0;border-radius:5px;padding:10px 16px;color:#fff;font-weight:800;cursor:pointer}.action-btn.preview{background:#e8eef4;color:#16334f}.action-btn.save{background:#17a34a}.action-btn.pdf{background:#147be1}.action-btn.send{background:#0959be}.action-btn[disabled]{opacity:.45;cursor:not-allowed}.list-wrap{max-width:1200px;margin:22px auto;padding:0 20px}.list-hero{background:linear-gradient(135deg,#083c6c,#0c6cb8);color:#fff;border-radius:12px;padding:26px;display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.list-hero h1{margin:0 0 6px}.card{background:#fff;border:1px solid #dce7f0;border-radius:10px;padding:15px}.offer-list{width:100%;border-collapse:collapse}.offer-list th,.offer-list td{padding:11px;border-bottom:1px solid #e4edf5;text-align:left}.offer-list th{font-size:11px;color:#60758a}.login-body{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#06375f,#0b67ad)}.login-card{width:min(430px,92vw);background:#fff;padding:30px;border-radius:15px;box-shadow:0 20px 60px #0004}.login-card img{width:250px;display:block;margin:0 auto 12px}.login-card h1{text-align:center;margin:0 0 15px}.login-card form{display:grid;gap:10px}.login-card input{padding:11px;border:1px solid #c7d8e8;border-radius:6px}.login-card button{padding:11px;background:#0b6bc0;color:#fff;border:0;border-radius:6px;font-weight:800}.alert{background:#fff0ee;color:#a8372d;padding:10px;border-radius:6px}.print-page{width:210mm;min-height:297mm;margin:15px auto;background:white;padding:10mm;box-shadow:0 5px 30px #1233}.print-head{display:grid;grid-template-columns:65mm 1fr;gap:8mm;border-bottom:2px solid #0a5b9f;padding-bottom:5mm}.print-logo{width:62mm}.print-company h2{margin:0;color:#0a5b9f}.print-company div{font-size:10pt;margin:2px 0}.print-title{display:flex;justify-content:space-between;align-items:center;background:#0a4a7f;color:#fff;padding:4mm 5mm;margin:5mm 0}.print-customer{display:grid;grid-template-columns:1fr 1fr;gap:4mm;margin-bottom:4mm}.print-box{border:1px solid #c7d8e8;padding:3mm}.print-box h3{margin:0 0 2mm;color:#0a4a7f;font-size:11pt}.print-kv{font-size:9pt;display:grid;grid-template-columns:35mm 1fr;gap:1mm}.doc-table{width:100%;border-collapse:collapse;font-size:8.5pt}.doc-table th{background:#0a4a7f;color:white}.doc-table th,.doc-table td{border:1px solid #c7d8e8;padding:2mm}.print-bottom{display:grid;grid-template-columns:1fr 70mm;gap:4mm;margin-top:4mm}.print-summary{border-collapse:collapse;width:100%;font-size:9pt}.print-summary td{border:1px solid #c7d8e8;padding:2mm}.print-summary td:first-child{font-weight:700}.print-small{font-size:8.5pt}.no-print{}@media(max-width:1250px){body.app-body{min-width:1080px}.side{width:165px}.app-main{margin-left:165px;width:calc(100% - 165px)}.company-head{grid-template-columns:260px 1fr 220px}.company-logo{width:245px}.service-band span{padding:0 12px}.content{padding:8px 12px}.offer-grid{grid-template-columns:minmax(650px,1.55fr) minmax(350px,.75fr)}}@media print{.no-print,.side,.app-top,.service-band{display:none!important}.app-main{margin:0;width:100%}.print-page{margin:0;box-shadow:none;width:auto;min-height:auto;padding:0}@page{size:A4;margin:10mm}}
/* V3 Ayarlar */
.offer-title,.items-table th,.totals tr.grand td:first-child,.bank-table th,.doc-table th,.print-title{background:var(--accent,#0a4a7f)}
.customer-project.customer-only{grid-template-columns:1fr}.bottom-left.one-box,.two-panels.one-box{grid-template-columns:1fr}
.settings-wrap{max-width:1500px;margin:0 auto;padding:18px 22px 34px}.settings-hero{background:linear-gradient(135deg,#083c6c,#0c6cb8);color:#fff;border-radius:12px;padding:22px 24px;display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:14px}.settings-hero h1{margin:0 0 5px;font-size:26px}.settings-hero p{margin:0;opacity:.9}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.settings-card{background:#fff;border:1px solid #d7e4ef;border-radius:10px;padding:16px;box-shadow:0 4px 16px #1231}.settings-card-wide{grid-column:1/-1}.settings-card h2{font-size:17px;margin:0 0 12px;color:#0b4f88}.settings-note{font-size:12px;color:#667b8f;margin:-5px 0 10px}.settings-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}.settings-fields label{font-size:12px;font-weight:800;display:grid;gap:5px}.settings-fields .wide{grid-column:1/-1}.settings-fields input,.settings-fields textarea,.settings-card textarea,.settings-card input[type=text],.settings-card input[type=email],.settings-card input[type=number]{border:1px solid #c7d8e8;border-radius:5px;padding:8px;background:#fff}.settings-fields textarea{min-height:58px;resize:vertical}.big-text{width:100%;min-height:150px;resize:vertical}.logo-editor{display:grid;grid-template-columns:210px 1fr;gap:18px;align-items:center;margin-bottom:14px;padding:10px;background:#f7fbff;border:1px solid #e0ecf6;border-radius:8px}.logo-editor img{width:200px;max-height:110px;object-fit:contain}.logo-editor label{font-weight:800;font-size:13px;display:block;margin-bottom:6px}.logo-editor small{display:block;color:#6a7f92;margin-top:5px}.toggle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.toggle-grid label{background:#f5faff;border:1px solid #d8e8f5;border-radius:7px;padding:9px;font-size:12px;font-weight:700}.settings-bank input{min-width:120px}.settings-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.notice{padding:11px 14px;border-radius:7px;margin-bottom:12px;font-weight:700}.notice.ok{background:#eaf9ef;color:#18763d;border:1px solid #b9e7c9}.notice.bad{background:#fff1ef;color:#9a3129;border:1px solid #f0c0bb}@media(max-width:1100px){.settings-grid{grid-template-columns:1fr}.settings-card-wide{grid-column:auto}.toggle-grid{grid-template-columns:1fr 1fr}}


/* =========================================================
   V5 YENI TEKLIF BASLIK YERLESIMI - 2026-09-10
   Logo ve firma bilgilerinin hizmet seridine binmesini engeller.
   ========================================================= */
.company-head{
  height:auto !important;
  min-height:165px;
  padding:14px 34px 12px;
  grid-template-columns:minmax(300px,330px) minmax(520px,1fr) minmax(210px,270px);
  gap:28px;
  align-items:center;
  overflow:visible;
}
.company-logo{
  display:block;
  width:100%;
  max-width:315px;
  height:125px;
  max-height:125px;
  object-fit:contain;
  object-position:center;
  align-self:center;
}
.company-info{
  min-width:0;
  align-self:center;
  padding:2px 0;
}
.company-info h2{
  font-size:31px;
  line-height:1.05;
  margin:0 0 2px;
  white-space:normal;
}
.company-info h3{
  font-size:18px;
  line-height:1.15;
  margin:0 0 10px;
  white-space:normal;
}
.company-info .info-line{
  display:grid;
  grid-template-columns:105px minmax(0,1fr);
  gap:8px;
  align-items:start;
  font-size:13px;
  line-height:1.25;
  margin:4px 0;
}
.company-info .lab{
  min-width:0;
  font-weight:800;
  white-space:nowrap;
}
.company-info .info-line span:last-child{
  min-width:0;
  overflow-wrap:anywhere;
}
.company-right{
  align-self:center;
  min-width:0;
  padding-left:10px;
}
.company-right .script{
  font-size:28px;
  line-height:1.05;
}
.company-right .tag{
  font-size:14px;
  line-height:1.15;
  margin-top:10px;
}
.service-band{
  position:relative;
  z-index:2;
  min-height:42px;
  height:auto;
  padding:8px 12px;
  flex-wrap:nowrap;
  overflow:hidden;
  clear:both;
}
.service-band span{
  flex:1 1 auto;
  text-align:center;
  padding:0 15px;
  white-space:nowrap;
  line-height:1.2;
}
.content{clear:both;}

/* Sol menudeki logo da kutusunda kalsin. */
.side-brand img{
  width:150px;
  height:72px;
  max-height:72px;
  object-fit:contain;
  object-position:center;
}

@media(max-width:1450px){
  .company-head{
    min-height:158px;
    padding:12px 22px 10px;
    grid-template-columns:minmax(260px,290px) minmax(470px,1fr) minmax(170px,220px);
    gap:20px;
  }
  .company-logo{max-width:280px;height:116px;max-height:116px}
  .company-info h2{font-size:27px}
  .company-info h3{font-size:16px}
  .company-info .info-line{grid-template-columns:96px 1fr;font-size:12px}
  .company-right .script{font-size:24px}
  .company-right .tag{font-size:12px}
  .service-band{font-size:12px}
  .service-band span{padding:0 10px}
}

@media(max-width:1250px){
  .company-head{
    min-height:154px;
    grid-template-columns:250px minmax(430px,1fr) 180px;
    gap:16px;
  }
  .company-logo{width:240px;max-width:240px;height:108px;max-height:108px}
  .company-info h2{font-size:24px}
  .company-info h3{font-size:15px}
  .company-right .script{font-size:21px}
  .service-band span{padding:0 7px;font-size:11px}
}

/* V6 Microsoft / Hotmail mail modülü */
.mail-page{max-width:1280px}.mail-alert{padding:12px 15px;border-radius:10px;margin-bottom:14px;font-weight:700}.mail-alert.ok{background:#e8f7ee;color:#176b39;border:1px solid #b8e4c8}.mail-alert.bad{background:#fff0f0;color:#a12626;border:1px solid #efc1c1}.mail-status-card{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;border-radius:14px;margin-bottom:16px;border:1px solid #d8e1eb;background:#fff}.mail-status-card.connected{border-left:6px solid #2b9d58}.mail-status-card.disconnected{border-left:6px solid #c7922f}.mail-big{font-size:20px;font-weight:800;color:#0a4a7f;margin:5px 0}.mail-status-dot{font-weight:900}.mail-status-card.connected .mail-status-dot{color:#25884e}.mail-status-card.disconnected .mail-status-dot{color:#a56b10}.mail-card{padding:20px;margin-bottom:16px}.mail-card h2{margin:0 0 8px;color:#0a4a7f}.mail-help{margin:0 0 16px;color:#5b6978;line-height:1.55}.mail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:15px}.mail-grid label{font-size:12px;font-weight:800;color:#34475a}.mail-grid input{display:block;width:100%;margin-top:6px;padding:10px 11px;border:1px solid #cbd6e1;border-radius:8px;background:#fff}.mail-actions{display:flex;gap:10px;flex-wrap:wrap}.action-btn.disabled{opacity:.5;cursor:not-allowed}.action-btn.dangerish{background:#a73b3b;color:#fff}.mail-steps{line-height:1.8;background:#f5f8fb;padding:14px;border-radius:10px}.mail-list td{vertical-align:top}.mail-preview{font-size:11px;color:#6a7683;margin-top:4px;max-width:650px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-unread td{background:#f0f7ff}.mail-empty{text-align:center;padding:36px}.mail-message-wrap{max-width:1050px;margin:30px auto;padding:0 16px}.mail-message-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px}.mail-message-card{background:#fff;border:1px solid #dbe4ee;border-radius:14px;padding:24px;box-shadow:0 10px 35px rgba(0,0,0,.07)}.mail-message-card h1{margin-top:0;color:#0a4a7f}.mail-message-meta{padding-bottom:14px;border-bottom:1px solid #e2e8ef;color:#526171}.mail-message-body{padding-top:18px;line-height:1.55;overflow:auto}.mail-send-box{margin:14px 0;padding:16px;background:#f4f8fc;border:1px solid #d5e1ed;border-radius:12px}.mail-send-box h3{margin:0 0 10px;color:#0a4a7f}.mail-send-grid{display:grid;grid-template-columns:1fr 2fr auto;gap:10px;align-items:end}.mail-send-grid label{font-size:12px;font-weight:800}.mail-send-grid input,.mail-send-grid textarea{display:block;width:100%;margin-top:5px;padding:9px;border:1px solid #c9d5e1;border-radius:8px}.mail-send-grid textarea{min-height:60px;resize:vertical}@media(max-width:850px){.mail-grid,.mail-send-grid{grid-template-columns:1fr}.mail-status-card{align-items:flex-start;flex-direction:column}}

/* =========================================================
   V7 ADMIN + RESPONSIVE + PRINT FIX - 2026-09-11
   ========================================================= */
html,body{max-width:100%;}
body.app-body{min-width:0!important;overflow-x:hidden;}
img{max-width:100%;}
.table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}

/* Logolar her bilgisayarda orta boy ve sabit oranlı kalır. */
.side-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:92px;padding:4px 8px 14px!important;}
.side-brand img{width:auto!important;height:auto!important;max-width:118px!important;max-height:58px!important;object-fit:contain!important;filter:none!important;margin:0 auto 5px!important;}
.company-head{height:auto!important;min-height:142px!important;padding:12px 24px!important;grid-template-columns:250px minmax(410px,1fr) 205px!important;gap:22px!important;align-items:center!important;overflow:hidden!important;}
.company-logo-box{width:240px;height:104px;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.company-logo{display:block!important;width:auto!important;height:auto!important;max-width:235px!important;max-height:96px!important;object-fit:contain!important;object-position:center!important;margin:auto!important;}
.company-info h2{font-size:clamp(23px,2vw,29px)!important;line-height:1.05!important;}
.company-info h3{font-size:clamp(14px,1.25vw,18px)!important;line-height:1.15!important;}
.company-right .script{font-size:clamp(21px,2vw,28px)!important;}
.service-band{min-height:40px!important;height:auto!important;padding:7px 8px!important;overflow:hidden!important;}
.service-band span{padding:0 11px!important;font-size:12px!important;white-space:nowrap;}
.login-card img{width:auto!important;height:auto!important;max-width:190px!important;max-height:86px!important;object-fit:contain!important;}

/* Form alanı farklı ekranlarda taşmasın. */
.offer-grid{grid-template-columns:minmax(0,1.65fr) minmax(330px,.72fr)!important;}
.left-col,.right-stack{min-width:0;}
.items-table{min-width:790px;}
.bank-table{min-width:540px;}
.offer-meta .field-row{grid-template-columns:112px minmax(0,1fr)!important;}
.field-help{display:block;color:#6d8192;font-size:10px;line-height:1.25;margin-top:4px;}
.discount-flex{display:flex;gap:5px;justify-content:flex-end;}
.money-input{display:flex;align-items:center;gap:5px;justify-content:flex-end;}
.money-input input{width:92px!important;}
.mode-notice{margin:10px 20px 0;padding:10px 13px;border:1px solid #bcd7ef;background:#edf7ff;color:#0b4f88;border-radius:8px;font-size:13px;}
.mode-notice.edit{background:#eefaf2;border-color:#bfe6ca;color:#176c38;}
.action-btn.ghost{background:#e9eef3;color:#173a58;display:inline-flex;align-items:center;}

/* Teklif listesi işlemleri */
.offer-table-card{padding:0!important;overflow:hidden;}
.offer-list{min-width:900px;}
.offer-list th,.offer-list td{vertical-align:middle;}
.offer-list .actions-head{min-width:330px;}
.offer-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.offer-actions form{margin:0;display:inline-flex;}
.mini-action{border:0;border-radius:6px;padding:7px 9px;font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;}
.mini-action.open{background:#e9f4ff;color:#075aa2;}
.mini-action.edit{background:#eaf8ef;color:#15733a;}
.mini-action.copy{background:#fff5dd;color:#8b6108;}
.mini-action.delete{background:#fff0ef;color:#ae3028;}
.status-pill{display:inline-block;padding:5px 8px;border-radius:999px;background:#edf4fa;color:#315a78;font-size:11px;font-weight:800;}
.currency-code{display:block;margin-top:2px;color:#71869a;font-size:9px;}
.empty-row{text-align:center!important;padding:28px!important;color:#6b8093;}

/* Kayıt sonrası üst işlem çubuğu */
.offer-view-body{background:#eef3f8;}
.offer-toolbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:10px 14px;background:#073b6b;box-shadow:0 3px 14px #04254433;}
.offer-toolbar form{margin:0;display:inline-flex;}
.tool-btn{border:0;border-radius:7px;padding:8px 11px;font:700 12px Segoe UI,Arial,sans-serif;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;}
.tool-btn.back{background:#e6edf4;color:#183d5a;}.tool-btn.edit{background:#22a75b;color:#fff;}.tool-btn.copy{background:#f5b642;color:#3b2a04;}.tool-btn.print{background:#1682df;color:#fff;}.tool-btn.mail{background:#0a62bf;color:#fff;}.tool-btn.delete{background:#d94338;color:#fff;}
.page-alert{max-width:1050px;margin:12px auto!important;}
.mail-send-box{max-width:1050px!important;}

/* Baskı / PDF görünümü */
.print-page{width:210mm;min-height:297mm;margin:15px auto;background:#fff;padding:9mm;box-shadow:0 5px 30px #1233;overflow:hidden;}
.print-head{grid-template-columns:50mm 1fr!important;gap:7mm!important;padding-bottom:4mm!important;align-items:center;}
.print-logo-box{width:48mm;height:23mm;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.print-logo{display:block!important;width:auto!important;height:auto!important;max-width:47mm!important;max-height:22mm!important;object-fit:contain!important;margin:auto!important;}
.print-company h2{font-size:15pt;line-height:1.05;}
.print-title{background:var(--accent,#0a4a7f)!important;color:#fff!important;}
.print-title h1{margin:0;font-size:18pt;}
.print-offer-meta{text-align:right;font-size:9pt;line-height:1.35;}
.print-customer.single{grid-template-columns:1fr;}
.print-bottom{grid-template-columns:minmax(0,1fr) 66mm!important;}
.terms-meta{margin-top:4mm;}
.bank-print{margin-top:4mm;}
.signature-print{margin-top:5mm;}
.print-summary .summary-grand td{background:var(--accent,#0a4a7f)!important;color:#fff!important;font-weight:900!important;}
.print-summary .summary-remaining td{background:#e8f7ee!important;color:#126d37!important;font-weight:900!important;}
.doc-table th,.bank-table th,.items-table th,.offer-title,.totals tr.grand td:first-child{background:var(--accent,#0a4a7f)!important;color:#fff!important;}

/* 1366 ve daha küçük masaüstü ekranlarda dengeli görünüm. */
@media(max-width:1400px){
  .side{width:175px!important}.app-main{margin-left:175px!important;width:calc(100% - 175px)!important}
  .company-head{grid-template-columns:225px minmax(390px,1fr) 175px!important;gap:16px!important;padding:10px 18px!important;min-height:132px!important}
  .company-logo-box{width:215px;height:94px}.company-logo{max-width:210px!important;max-height:88px!important}
  .company-info .info-line{font-size:12px!important}.company-right .tag{font-size:12px!important}.service-band span{font-size:11px!important;padding:0 8px!important}
  .content{padding:9px 12px 18px!important}.offer-grid{grid-template-columns:minmax(0,1.55fr) minmax(320px,.72fr)!important;gap:10px!important}
}
@media(max-width:1120px){
  .side{width:155px!important}.app-main{margin-left:155px!important;width:calc(100% - 155px)!important}.side nav a{font-size:12px;padding:9px 8px}.side-brand img{max-width:102px!important;max-height:52px!important}
  .company-head{grid-template-columns:205px minmax(0,1fr)!important;}.company-right{display:none!important}.company-logo-box{width:195px;height:88px}.company-logo{max-width:190px!important;max-height:82px!important}
  .service-band{flex-wrap:wrap!important}.service-band span{flex:1 1 30%;border-right:0!important;padding:3px 6px!important}
  .offer-grid{grid-template-columns:1fr!important}.right-stack{display:grid;grid-template-columns:1fr 1fr;gap:10px}.right-stack>.panel,.right-stack>.two-panels,.right-stack>.action-row{grid-column:1/-1}.right-stack>.offer-meta{grid-column:1/2}.right-stack>.offer-meta+div.panel{grid-column:2/3}
}
@media(max-width:820px){
  .app-shell{display:block!important}.side{position:relative!important;width:100%!important;height:auto!important;min-height:0!important;padding:8px!important}.side-brand{min-height:0!important;flex-direction:row!important;gap:10px!important;border-bottom:0!important;padding:4px!important}.side-brand img{max-width:90px!important;max-height:42px!important}.side nav{display:flex!important;overflow-x:auto!important;gap:5px!important;margin-top:7px!important}.side nav a{flex:0 0 auto!important}.side-foot{display:none!important}.app-main{margin-left:0!important;width:100%!important}.app-top{position:relative!important}
  .company-head{grid-template-columns:1fr!important;text-align:center!important;min-height:0!important}.company-logo-box{width:100%!important;height:82px!important}.company-logo{max-width:190px!important;max-height:76px!important}.company-info .info-line{grid-template-columns:100px minmax(0,1fr)!important;text-align:left!important}.company-right{display:none!important}.service-band{display:none!important}.customer-project,.bottom-left,.two-panels,.right-stack{grid-template-columns:1fr!important}.right-stack>.offer-meta,.right-stack>.offer-meta+div.panel{grid-column:auto!important}.content{padding:8px!important}.offer-title{font-size:20px!important}.offer-title small{font-size:13px!important}.list-wrap{padding:0 8px!important}.list-hero{padding:18px!important;align-items:flex-start!important;gap:12px!important}.offer-toolbar{justify-content:flex-start!important;overflow-x:auto!important;flex-wrap:nowrap!important}.tool-btn{flex:0 0 auto!important}
}

/* Tarayıcının baskıda arka plan renklerini beyaza çevirmesini engeller. */
@media print{
  html,body,.print-page,.print-page *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important;}
  body{background:#fff!important;margin:0!important;}
  .no-print,.side,.app-top,.service-band,.offer-toolbar,.mail-send-box,.page-alert{display:none!important;}
  .app-main{margin:0!important;width:100%!important;}
  .print-page{width:auto!important;min-height:0!important;margin:0!important;padding:0!important;box-shadow:none!important;overflow:visible!important;}
  .print-title,.doc-table th,.print-summary .summary-grand td{background:var(--accent,#0a4a7f)!important;color:#fff!important;}
  .print-summary .summary-remaining td{background:#e8f7ee!important;color:#126d37!important;}
  .print-box h3,.print-company h2{color:var(--accent,#0a4a7f)!important;}
  .print-head{border-bottom-color:var(--accent,#0a4a7f)!important;}
  .print-logo-box{width:44mm!important;height:20mm!important}.print-logo{max-width:43mm!important;max-height:19mm!important}
  .print-company h2{font-size:13pt!important}.print-company div{font-size:8.6pt!important}.print-title{margin:3.5mm 0!important;padding:3mm 4mm!important}.print-title h1{font-size:16pt!important}
  .print-customer{gap:3mm!important;margin-bottom:3mm!important}.print-box{padding:2.4mm!important}.print-box h3{font-size:9.5pt!important;margin-bottom:1.3mm!important}.print-kv{font-size:8.2pt!important;grid-template-columns:30mm 1fr!important}.print-small{font-size:7.8pt!important;line-height:1.25!important}
  .doc-table{font-size:7.7pt!important}.doc-table th,.doc-table td{padding:1.45mm!important}.print-bottom{gap:3mm!important;margin-top:3mm!important;grid-template-columns:minmax(0,1fr) 61mm!important}.print-summary{font-size:8pt!important}.print-summary td{padding:1.5mm!important}.bank-print{margin-top:3mm!important}.signature-print{margin-top:3mm!important}
  @page{size:A4 portrait;margin:7mm;}
}


/* =========================================================
   V9 ŞİRKET BİLGİLERİ - 2026-09-11
   ========================================================= */
.company-head{min-height:150px!important;}
.company-info .tax-line{color:#264f70;}
.company-info .tax-line .lab{min-width:98px;}
.print-company .print-tax{font-size:9pt;white-space:normal;}
@media(max-width:1400px){.company-head{min-height:142px!important}.company-info .info-line{margin:2px 0!important}}
@media(max-width:820px){.company-head{min-height:0!important}.company-info .tax-line{font-size:11px!important}}
@media print{
  .print-company .print-tax{font-size:8.2pt!important;margin-top:1px!important;}
  .print-head{padding-bottom:3mm!important;}
}


/* =========================================================
   V10 LOGO BUYUTME + GECERLILIK SENKRONU - 2026-09-11
   ========================================================= */
/* Ekranda logo biraz daha dolgun; oran kesinlikle bozulmaz. */
.company-head{grid-template-columns:290px minmax(410px,1fr) 205px!important;}
.company-logo-box{width:280px!important;height:120px!important;}
.company-logo{max-width:275px!important;max-height:112px!important;width:auto!important;height:auto!important;object-fit:contain!important;}

@media(max-width:1400px){
  .company-head{grid-template-columns:265px minmax(380px,1fr) 175px!important;}
  .company-logo-box{width:255px!important;height:112px!important;}
  .company-logo{max-width:250px!important;max-height:104px!important;}
}
@media(max-width:1120px){
  .company-head{grid-template-columns:225px minmax(0,1fr)!important;}
  .company-logo-box{width:215px!important;height:98px!important;}
  .company-logo{max-width:210px!important;max-height:92px!important;}
}
@media(max-width:820px){
  .company-logo-box{width:100%!important;height:90px!important;}
  .company-logo{max-width:200px!important;max-height:82px!important;}
}

/* A4 baskıda logo artık ufak kalmaz. */
.print-head{grid-template-columns:60mm 1fr!important;gap:6mm!important;}
.print-logo-box{width:58mm!important;height:27mm!important;}
.print-logo{max-width:57mm!important;max-height:26mm!important;width:auto!important;height:auto!important;object-fit:contain!important;}
@media print{
  .print-head{grid-template-columns:57mm 1fr!important;gap:5mm!important;align-items:center!important;}
  .print-logo-box{width:55mm!important;height:25mm!important;}
  .print-logo{max-width:54mm!important;max-height:24mm!important;}
}