:root{
  --nar:#e8820c; --nar-t:#c86d05;
  --crn:#1b1d21; --siv:#6b7280; --lin:#e3e6ea; --pod:#f6f7f9;
  --crv:#c62828; --zol:#b26a00; --zel:#1b7d3f;
}
*{box-sizing:border-box}
body{margin:0;font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
     color:var(--crn);background:var(--pod)}
a{color:var(--nar-t);text-decoration:none}
:where(a):hover{text-decoration:underline}
h1{font-size:22px;margin:22px 0 14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
h2{font-size:17px;margin:26px 0 10px;display:flex;align-items:center;gap:10px}
h3{font-size:15px;margin:18px 0 8px}
main{max-width:1180px;margin:0 auto;padding:0 16px 60px}

/* ---------- горна лента ---------- */
.top{background:var(--crn);color:#fff;display:flex;align-items:center;gap:18px;
     padding:0 16px;flex-wrap:wrap;position:sticky;top:0;z-index:20}
.top .brend{color:#fff;font-weight:700;letter-spacing:.06em;padding:14px 0;font-size:16px}
.top nav{display:flex;gap:2px;flex:1;overflow-x:auto}
.top nav a{color:#c9ccd2;padding:14px 12px;white-space:nowrap;border-bottom:3px solid transparent}
.top nav a:hover{color:#fff;text-decoration:none}
.top nav a.akt{color:#fff;border-bottom-color:var(--nar)}
.top .jas{display:flex;align-items:center;gap:12px;font-size:13px;color:#c9ccd2}
.top .jas em{font-style:normal;color:var(--nar)}
.top .odjava{color:#c9ccd2;border:1px solid #3a3d44;padding:5px 10px;border-radius:5px}

/* ---------- блокови ---------- */
.kartichka{background:#fff;border:1px solid var(--lin);border-radius:8px;padding:16px;margin-bottom:14px}
.kartichka em{font-style:normal;font-size:11px;color:var(--siv);text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:3px}
.mreza{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:12px}
.mreza.citaj div{font-size:14px}
label{display:block;font-size:13px;color:#454a52;margin-bottom:10px}
input,select,textarea{width:100%;padding:8px 10px;border:1px solid #cbd0d6;border-radius:6px;
  font:inherit;font-size:14px;background:#fff;margin-top:4px}
input:focus,select:focus,textarea:focus{outline:2px solid var(--nar);outline-offset:-1px;border-color:var(--nar)}
textarea{resize:vertical}
button,.gl{display:inline-block;padding:9px 16px;border:1px solid #cbd0d6;background:#fff;color:var(--crn);
  border-radius:6px;font:inherit;font-size:14px;cursor:pointer}
/* Hover без специфичност (:where): секое копче со своја класа ја задржува бојата, обоените само малку потемнуваат. */ :where(button:not([class])):hover{background:#f0f1f3} :where(button[class]):hover{filter:brightness(.94)}
.gl{background:var(--nar);border-color:var(--nar);color:#fff;font-weight:600}
.gl:hover{background:var(--nar-t);text-decoration:none;color:#fff}
.mal{font-size:13px;font-weight:400;padding:4px 10px;border:1px solid var(--lin);border-radius:5px;background:#fff}
.mal-sivo{font-size:12px;color:var(--siv);margin:8px 0 0}
.broj{font-size:13px;font-weight:400;color:var(--siv);background:#fff;border:1px solid var(--lin);
  border-radius:20px;padding:2px 10px}
.lenta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.lenta input,.lenta select{width:auto;min-width:190px;margin:0}
.vgr{display:inline-flex;align-items:center;gap:6px;margin:0}
.vgr input{margin:0;width:auto;min-width:130px}

/* ---------- табела ---------- */
.t{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--lin);
   border-radius:8px;overflow:hidden;font-size:14px}
.t th{background:#eef0f3;text-align:left;padding:9px 10px;font-size:12px;color:#4b5158;
      text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}
.t td{padding:9px 10px;border-top:1px solid var(--lin);vertical-align:top}
.t tr:hover td{background:#fafbfc}
.t .desno,.desno{text-align:right}
.t .tesen{color:#555;font-size:13px}
.t tr.docna td{background:#fff6f5}
.t tr.docna td b{color:var(--crv)}
.t tr.izgasen td{opacity:.45}
.prazno{color:var(--siv);font-style:italic;padding:14px 0}

/* ---------- значки ---------- */
.zn{display:inline-block;padding:2px 8px;border-radius:20px;font-size:11.5px;font-weight:600;white-space:nowrap}
.zn.crv{background:#fde8e6;color:var(--crv)}
.zn.zol{background:#fff2d9;color:var(--zol)}
.zn.zel{background:#e3f5e9;color:var(--zel)}
.zn.siv{background:#eceef1;color:#4b5158}

/* ---------- плочки ---------- */
.plocki{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:8px}
.plocka{background:#fff;border:1px solid var(--lin);border-radius:8px;padding:14px}
.plocka b{display:block;font-size:30px;line-height:1.1}
.plocka span{font-size:12.5px;color:var(--siv)}
.plocka.crv{border-color:#f3b9b4;background:#fff6f5}
.plocka.crv b{color:var(--crv)}

/* ---------- флеш ---------- */
.flash{padding:10px 14px;border-radius:7px;margin:12px 0;font-size:14px;
  background:#e3f5e9;color:#145c30;border:1px solid #bde3cb}
.flash.gr{background:#fde8e6;color:#8c1f18;border-color:#f3b9b4}

/* ---------- најава ---------- */
body.gol{background:var(--crn);display:flex;align-items:center;justify-content:center;min-height:100vh}
.najava-ekran{width:100%;padding:20px}
.najava{max-width:380px;margin:0 auto}
.najava h1{margin:0;font-size:21px}
.najava .pod{color:var(--siv);font-size:13px;margin:2px 0 18px}
.najava button{width:100%;margin-top:6px;padding:11px}

/* ---------- ставки на понуда ---------- */
.stavki input{margin:0}
.stavki .uz{max-width:80px}
.stavki .sr-c{max-width:130px}
.stavki .iznos{font-variant-numeric:tabular-nums;white-space:nowrap;padding-top:17px}
.stavki .brisi{padding:6px 9px;line-height:1;color:var(--crv);border-color:#f0c4c0}
.zbir{margin:14px 0 6px auto;max-width:360px;font-size:14px}
.zbir>div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:5px 0}
.zbir b{font-variant-numeric:tabular-nums}
.zbir .vk{border-top:2px solid var(--crn);margin-top:5px;padding-top:9px;font-size:17px}
.zbir input{margin:0}

/* ---------- налог ---------- */
.klient-blok{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.klient-blok .tel{margin-left:auto}
.problem{white-space:pre-wrap;font-size:15px}
.pregled{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}
.pregled img{width:100px;height:100px;object-fit:cover;border-radius:6px;border:1px solid var(--lin)}
.nalog-kart{display:block;color:inherit;border-left:5px solid var(--lin)}
.nalog-kart:hover{text-decoration:none;border-color:var(--nar)}
.nalog-kart.crv{border-left-color:var(--crv)}
.nalog-kart.zol{border-left-color:var(--zol)}
.nalog-kart .red1{display:flex;align-items:center;gap:9px;font-size:16px;margin-bottom:5px}
.nalog-kart .red2{font-size:13px;color:#454a52}
.nalog-kart .red3{font-size:14px;margin:6px 0}
.nalog-kart .red4{font-size:12.5px;color:var(--siv);display:flex;align-items:center;gap:7px;flex-wrap:wrap}

/* ---------- телефон ---------- */
@media (max-width:640px){
  main{padding:0 11px 50px}
  h1{font-size:19px}
  .top{gap:8px}
  .top .jas{font-size:12px;order:3;width:100%;padding-bottom:8px}
  .t{display:block;overflow-x:auto;white-space:nowrap}
  .stavki .uz,.stavki .sr-c{max-width:none}
  .zbir{max-width:none}
  .klient-blok .tel{margin-left:0;width:100%;text-align:center;padding:13px}
  button,.gl{padding:11px 16px}
  input,select,textarea{font-size:16px}  /* спречува зумирање на iPhone */
}

/* ---------- проследување ---------- */
.plocka.zol{border-color:#f0d49a;background:#fffaf0}
.plocka.zol b{color:var(--zol)}
.zol-t{color:var(--zol)}
.docni{color:var(--crv)}
.prosled{border-left:4px solid var(--nar)}
.prosled h2{margin:0 0 10px}
.prosled-info{display:flex;gap:26px;flex-wrap:wrap;margin-bottom:12px;font-size:14px}
.prosled-info em{font-style:normal;font-size:11px;color:var(--siv);text-transform:uppercase;
  letter-spacing:.05em;display:block}
.t td a[href^="tel:"]{white-space:nowrap}
.t td:nth-child(2){max-width:150px;font-size:13px;color:#555}

/* ---------- исход како дневник на разговорот ---------- */
.ishod-blok{border-left:4px solid var(--zel);background:#fbfefc}
.ishod-tekst{font-size:15px;line-height:1.55}
.kol-ishod{min-width:320px;white-space:normal;font-size:13.5px;line-height:1.45;color:#3a3f46}
.t .kol-ishod{white-space:normal}
.prazno-mal{color:var(--siv);font-style:italic}
.zapisi td{vertical-align:top}
.zapisi small{color:var(--siv)}
.vgr-red{display:flex;gap:8px;align-items:flex-start;margin:0}
.vgr-red textarea{margin:0;min-width:240px}
.mreza.troen{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}

/* KC blue workspace — 2026-09-19 */
:root{--nar:#2563eb;--nar-t:#1d4ed8;--crn:#111c30;--siv:#788397;--lin:#e4eaf3;--pod:#f4f7fc;--crv:#334155;--zol:#2457aa;--zel:#1554b9}
body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#152039;background:#f4f7fc}
body:not(.gol){padding-left:228px}.top{position:fixed;inset:0 auto 0 0;width:228px;height:100dvh;display:flex;flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:0;padding:30px 18px 20px;background:linear-gradient(160deg,#102c60 0%,#0b1d3d 50%,#060d1b 100%);box-shadow:6px 0 30px #0b1d3d0b}
.top .brend{font-size:35px;letter-spacing:-2px;padding:0 14px 30px}.brend span{display:block;font-size:8px;letter-spacing:1.4px;color:#91abd4;margin-top:2px}.top nav{display:flex;flex-direction:column;gap:7px;flex:none;overflow:visible}.top nav a{border:0;border-radius:10px;padding:13px 15px;color:#a8bad9;font-size:14px;font-weight:500;display:flex;align-items:center;gap:12px}.top nav a:before{content:'◇';font-size:20px;line-height:1;color:#82a0ce}.top nav a[href*='ponudi']:before{content:'▤'}.top nav a[href*='klienti']:before{content:'♧'}.top nav a[href*='pocetna']:before{content:'▦'}.top nav a.akt{background:linear-gradient(110deg,#3278f4,#2055cc);box-shadow:0 5px 18px #030b222e;color:white}.top nav a.akt:before{color:white}.top nav a:hover{background:#ffffff0c}.sidebar-note{margin-top:auto;padding:24px 14px;color:#d9e6ff;font-weight:650;font-size:12px;letter-spacing:2px}.sidebar-note small{display:block;letter-spacing:0;color:#7189ae;font-weight:400;margin-top:5px}.top .jas{border-top:1px solid #ffffff13;padding:18px 8px 0;display:flex;flex-wrap:wrap;gap:14px}.top .jas span{font-size:12px;color:#d4e1f7}.top .jas em{display:block;font-size:10px;color:#86a0c7;margin-top:4px}.top .odjava{font-size:11px;border-color:#ffffff20;border-radius:7px}
main{max-width:1800px;margin:auto;padding:0 36px 60px}.workspace-bar{height:75px;border-bottom:1px solid var(--lin);display:flex;align-items:center;justify-content:space-between;color:#8490a5;font-size:10px;letter-spacing:1px;margin-bottom:28px}.workspace-bar b{color:#33435e;font-weight:500}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:30px 0 26px}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:650;color:#7e8da6;margin:0 0 6px}h1{font-size:29px;letter-spacing:-.8px;margin:5px 0 8px;font-weight:650}.page-intro{font-size:12px;color:#7d899d;margin:0}.broj{background:#e6edfa;color:#4e6b99;border:0;font-size:12px}.gl{background:linear-gradient(115deg,#3278f4,#225ad4);border:0;border-radius:9px;box-shadow:0 4px 10px #2663da18;font-size:12px;padding:11px 17px}.gl:hover{background:#1d4ed8}.offer-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:28px}.metric{border:1px solid var(--lin);border-radius:13px;background:#fff;padding:21px 23px;color:#172642;min-height:154px;box-shadow:0 3px 10px #1f355305;transition:transform .15s}.metric:hover{transform:translateY(-2px);text-decoration:none}.metric>span{display:block;font-size:11px;color:#6f7e96}.metric strong{display:block;font-size:34px;line-height:1.2;letter-spacing:-1px;margin:12px 0}.metric small{display:block;font-size:10px;color:#8794a8}.metric small span{display:block}.metric.featured{border:0;background:linear-gradient(125deg,#183768,#0d2144);color:#fff;box-shadow:0 8px 18px #152f5c15}.metric.featured>span,.metric.featured small{color:#a9c3ed}.offer-panel{background:#fff;border:1px solid var(--lin);border-radius:14px;overflow:hidden;box-shadow:0 4px 18px #19355704}.panel-title{display:flex;justify-content:space-between;align-items:center;padding:21px 23px 0}.panel-title h2{font-size:15px;margin:0}.panel-title>span{font-size:10px;color:#8793a5}.offer-filters{padding:18px 23px;margin:0;gap:9px}.offer-filters input,.offer-filters select{font-size:11px;min-width:0;border-color:#e2e8f1;border-radius:8px;height:38px}.offer-filters input{flex:1;min-width:190px;background:#f8fafd}.offer-filters select{max-width:220px}.offer-table-wrap{overflow:auto;position:relative}.offer-table{border:0;min-width:980px;border-radius:0;font-size:11px}.offer-table th{background:#f8fafd;font-size:9px;letter-spacing:.6px;font-weight:600;padding:14px 15px;color:#8490a5;border-top:1px solid #edf0f6}.offer-table td{padding:22px 15px;vertical-align:top;border-color:#edf1f7}.offer-table th:first-child,.offer-table td:first-child{padding-left:23px}.offer-table th:last-child,.offer-table td:last-child{padding-right:23px}.offer-table td small{display:block;font-size:10px;color:#8a96a8;margin-top:7px;line-height:1.5}.offer-table .offer-number{font-weight:700;color:#2c5fbd;letter-spacing:.2px}.offer-table .client-name{color:#283953;font-weight:600}.offer-table td:nth-child(2){max-width:210px;font-size:11px}.product-line{max-width:220px}.offer-table .amount{font-size:12px;font-weight:650;white-space:nowrap;font-variant-numeric:tabular-nums;color:#1d2b43}.conversation{max-width:230px;min-width:140px;font-size:10px;color:#67788f}.conversation summary{cursor:pointer;line-height:1.6}.conversation p{white-space:pre-line}.next-step{font-size:10px;border:1px dashed #b7ccef;padding:6px 8px;display:inline-block;border-radius:6px;white-space:nowrap}.row-open{display:inline-flex;justify-content:center;align-items:center;border:1px solid #e5ebf4;border-radius:7px;width:28px;height:28px;font-size:16px;color:#72849e}.panel-footer{padding:14px 23px;border-top:1px solid var(--lin);font-size:10px;color:#91a0b4}.empty-state{text-align:center;color:#7d8da3;padding:30px;font-size:13px}[hidden]{display:none!important}.zn{padding:4px 9px;font-size:9px;font-weight:600;border:1px solid transparent}.zn.siv{background:#edf3fd;color:#3864a3;border-color:#dfe9fa}.zn.zel{background:#dfeaff;color:#1e54ae;border-color:#cadaf9}.zn.crv{background:#eff1f5;color:#657186;border-color:#e1e5ec}.zn.zol{background:#e8f0fe;color:#2a59a1}.kartichka,.plocka{border-radius:12px;padding:22px;border-color:var(--lin);box-shadow:0 3px 10px #1f355303}.plocka.crv,.plocka.zol,.ishod-blok{background:#f5f8ff;border-color:#cbdaf2}.t tr.docna td{background:#f2f6ff}.flash,.flash.gr{background:#eaf1ff;color:#24477e;border-color:#cbdaf2}.stavki .brisi{color:#64748b;border-color:#dfe5ef}.t th{background:#f6f8fc}.back-link{font-size:11px;display:inline-block;margin-bottom:12px}.offer-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start;margin-top:25px}.offer-document,.offer-activity{min-width:0}.offer-document>h2{margin-top:0}.offer-activity{padding-top:35px}.offer-activity .kartichka{padding:20px}.offer-activity .mreza{grid-template-columns:1fr}.offer-activity h2{font-size:15px}.offer-activity .prosled-info{gap:15px;font-size:11px}.offer-activity .zapisi{display:block;overflow-x:auto;font-size:11px}.offer-activity .zapisi th{font-size:9px}.offer-activity .ishod-tekst{font-size:12px;line-height:1.8}.offer-document .mreza{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px}.offer-document .stavki{display:block;overflow-x:auto}.offer-document .stavki input{min-width:58px;font-size:12px}.offer-document .stavki input[name='st_opis[]']{min-width:180px}.offer-document label,.offer-activity label{font-size:11px;color:#6a7891}.offer-document input,.offer-document select,.offer-document textarea,.offer-activity input,.offer-activity select,.offer-activity textarea{font-size:12px;border-color:#dfe6f1;border-radius:7px;padding:10px}.zbir{background:#f5f8fe;border:1px solid #e4ecfa;border-radius:10px;padding:15px;margin:20px 0 24px auto;font-size:12px}.zbir .vk{border-top:1px solid #d5e1f4;color:#2257a9;font-size:16px}.zbir input{max-width:85px}.offer-document #dodaj-stavka{margin-top:12px;font-size:11px}.prosled{border-left:3px solid #3873db}.offer-activity .mal-sivo{font-size:10px}.ishod-blok{border-left:3px solid #2e66c5}.vgr-red{flex-wrap:wrap}.vgr-red textarea{min-width:150px}.gol{background:linear-gradient(135deg,#102c60,#060d1b)!important}.najava{padding:30px}.najava h1{font-size:26px}
@media(min-width:1650px){.offer-detail-grid{grid-template-columns:minmax(0,1fr) 390px}}
@media(max-width:1200px){body:not(.gol){padding-left:190px}.top{width:190px;padding:26px 12px}main{padding:0 23px 45px}.offer-metrics{gap:10px}.metric{padding:18px}.offer-detail-grid{grid-template-columns:minmax(0,1fr)}.offer-activity{padding-top:0}.offer-activity .mreza{grid-template-columns:repeat(3,minmax(0,1fr))}.offer-filters{flex-wrap:wrap}.offer-filters input{flex-basis:100%}}
@media(max-width:760px){body:not(.gol){padding-left:0}.top{position:relative;width:100%;height:auto;padding:16px;display:block}.top .brend{display:block;font-size:25px;padding:0 0 14px}.brend span{display:inline;margin-left:12px;font-size:7px;letter-spacing:1px}.top nav{flex-direction:row;overflow-x:auto;gap:4px}.top nav a{font-size:11px;padding:10px;gap:6px}.top nav a:before{font-size:15px}.sidebar-note{display:none}.top .jas{padding:12px 0 0;margin-top:12px;justify-content:space-between}.top .jas em{display:inline;margin-left:7px}.top .jas span{font-size:11px}.workspace-bar{height:48px;margin-bottom:20px;font-size:8px}.workspace-bar>span:last-child{display:none}main{padding:0 16px 40px}.page-heading{margin:20px 0;gap:10px}h1{font-size:25px}.page-heading .gl{font-size:10px;padding:10px}.eyebrow{font-size:7px}.page-intro{font-size:10px}.offer-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:20px}.metric{min-height:139px;padding:16px}.metric>span{font-size:10px}.metric strong{font-size:28px}.metric small{font-size:9px}.offer-filters,.panel-title{padding-left:15px;padding-right:15px}.offer-filters select{flex:1;max-width:none;width:100%;font-size:11px}.offer-filters #offer-sort{flex-basis:100%}.offer-table{display:table;white-space:normal}.offer-document .mreza,.offer-activity .mreza{grid-template-columns:1fr}.kartichka{padding:17px}.offer-detail-grid{gap:12px}.offer-document input,.offer-document select,.offer-document textarea,.offer-activity input,.offer-activity select,.offer-activity textarea{font-size:16px}.offer-document .stavki input{font-size:16px}.workspace-bar b{letter-spacing:0}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{.top,.workspace-bar,.back-link{display:none}body:not(.gol){padding:0}main{max-width:none;padding:0}.offer-detail-grid{display:block}.offer-activity{break-before:page}.gl{box-shadow:none}}

/* Readability revision: comfortable text at normal browser zoom. */
:root{--siv:#52627a}
.workspace-bar{font-size:12px;color:#586a84;letter-spacing:.5px}
.eyebrow{font-size:12px;color:#52647e;letter-spacing:1px}
.page-intro{font-size:15px;color:#52627a}
.broj{font-size:14px}
.top nav a{font-size:15px}
.top .jas span{font-size:14px}.top .jas em{font-size:12px;color:#a8bcda}
.top .odjava{font-size:13px}
.sidebar-note small{font-size:13px;color:#a8bcda;letter-spacing:0}
.gl,.page-heading .gl{font-size:15px;padding:12px 18px}
.metric>span{font-size:14px;color:#52627a}
.metric small{font-size:13px;line-height:1.6;color:#52627a}
.metric.featured>span,.metric.featured small{color:#c7daf7}
.panel-title h2{font-size:19px}
.panel-title>span{font-size:14px;color:#52627a}
.offer-filters{gap:12px}
.offer-filters input,.offer-filters select{font-size:15px;height:46px;color:#24354e}
.offer-filters input{min-width:260px}
.offer-filters select{max-width:285px}
input::placeholder,textarea::placeholder{color:#637189;opacity:1}
.offer-table{font-size:15px;min-width:1160px;line-height:1.6}
.offer-table th{font-size:12px;color:#52627a;letter-spacing:.35px;padding-top:16px;padding-bottom:16px}
.offer-table td{padding-top:22px;padding-bottom:22px}
.offer-table td:nth-child(2){font-size:15px;max-width:240px}
.offer-table td small{font-size:14px;color:#52627a;line-height:1.6;margin-top:8px}
.offer-table .offer-number,.offer-table .client-name{font-size:15px}
.offer-table .amount{font-size:16px}
.product-line{max-width:250px}
.conversation{font-size:14px;min-width:210px;max-width:290px;color:#465873}
.conversation summary,.conversation p{line-height:1.7}
.next-step{font-size:14px;padding:8px 10px}
.zn{font-size:13px;padding:5px 10px}
.row-open{width:34px;height:34px;font-size:20px}
.panel-footer{font-size:13px;color:#52627a}
.empty-state{font-size:15px;color:#52627a}
.back-link{font-size:14px}
.offer-document label,.offer-activity label{font-size:14px;color:#465873}
.offer-document input,.offer-document select,.offer-document textarea,
.offer-activity input,.offer-activity select,.offer-activity textarea,
.offer-document .stavki input{font-size:16px}
.offer-activity h2{font-size:18px}
.offer-activity .prosled-info,.offer-activity .ishod-tekst,.offer-activity .zapisi{font-size:14px}
.offer-activity .zapisi th{font-size:12px}
.offer-activity .mal-sivo,.mal-sivo{font-size:13px;color:#52627a}
.offer-document #dodaj-stavka{font-size:14px}
.zbir{font-size:15px}.zbir .vk{font-size:19px}
@media(max-width:760px){
  .top nav a{font-size:14px}.top .jas span{font-size:13px}
  .workspace-bar{font-size:12px}.eyebrow{font-size:11px}
  .page-heading{flex-wrap:wrap}.page-heading .gl{font-size:14px}
  .page-intro{font-size:14px}.metric>span{font-size:13px}.metric small{font-size:12px}
  .offer-filters input,.offer-filters select{font-size:16px;max-width:none;min-width:0}
  .offer-filters input{flex-basis:100%}.offer-filters select{flex-basis:100%}
}
/* Wide communication history */
.comm-workspace{background:#fff;border:1px solid var(--lin);border-radius:15px;overflow:hidden;margin:26px 0 32px;box-shadow:0 6px 24px #16325606}.comm-heading{padding:24px 28px;border-bottom:1px solid var(--lin);display:flex;justify-content:space-between;gap:20px;align-items:center}.comm-heading h2{margin:5px 0;font-size:23px}.comm-eyebrow{font-size:12px;color:#527099;letter-spacing:1px;font-weight:650}.comm-muted{font-size:14px;color:#52627a}.comm-total{font-size:21px;font-weight:700;text-align:right;white-space:nowrap}.comm-total small{display:block;font-size:13px;font-weight:400;color:#52627a;margin-top:4px}.comm-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,1fr);gap:28px;padding:28px;align-items:start}.comm-closed{grid-template-columns:1fr}.comm-history{min-width:0}.comm-section-head{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:28px}.comm-section-head h2{font-size:23px;margin:0 0 7px}.comm-section-head p{font-size:14px;color:#52627a;margin:0}.comm-count{font-size:13px;color:#365f95;white-space:nowrap;background:#edf3fc;border-radius:8px;padding:6px 10px}.comm-timeline{position:relative;padding-left:28px}.comm-timeline:before{content:'';position:absolute;left:6px;top:10px;bottom:28px;width:2px;background:#e1e9f4}.comm-entry{position:relative;padding-bottom:29px;scroll-margin-top:24px}.comm-entry:before{content:'';position:absolute;left:-28px;top:6px;width:14px;height:14px;border:3px solid white;background:#a8bedf;border-radius:50%;box-shadow:0 0 0 1px #d4e0ef}.comm-entry:first-child:before{background:#2563eb;box-shadow:0 0 0 4px #edf3ff}.comm-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#52627a;font-size:13px;margin-bottom:10px}.comm-meta strong{color:#345782}.comm-text{font-size:18px;line-height:1.8;color:#233650;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.comm-entry:first-child .comm-text{font-weight:550}.comm-author{display:flex;justify-content:space-between;gap:15px;color:#52627a;font-size:13px;margin-top:12px}.comm-author a{font-size:13px}.comm-next{display:flex;align-items:center;gap:16px;background:#eef4ff;border:1px solid #d9e6fb;border-radius:10px;padding:15px 18px;color:#284b82}.comm-next>span{font-size:23px}.comm-next small{display:block;font-size:13px;color:#4e6689}.comm-next strong{font-size:17px}.comm-empty{font-size:17px;line-height:1.8;background:#f7faff;padding:24px;border-radius:10px;margin-bottom:20px;color:#52627a}.comm-composer{border:1px solid var(--lin);border-radius:13px;background:#f8fafd;padding:23px;min-width:0}.comm-composer h2{font-size:21px;margin:0 0 18px}.comm-composer label,.comm-edit label{font-size:14px;color:#425570}.comm-composer input,.comm-composer select,.comm-edit textarea{font-size:16px;padding:11px 12px}.comm-composer textarea{min-height:174px;font-size:18px;line-height:1.7;padding:12px}.comm-composer .mreza{grid-template-columns:1fr 1fr;gap:12px}.comm-composer .mreza>label:last-child{grid-column:1/-1}.comm-composer .prosled-info{font-size:14px;gap:20px}.comm-composer .prosled-info em{font-size:12px}.comm-composer .gl{width:100%;font-size:16px}.comm-composer .mal-sivo{font-size:13px;line-height:1.6}.comm-edit textarea{width:100%;min-height:150px}.comm-edit .mal{margin-left:10px}.offer-document{margin-top:24px}
@media(max-width:1150px){.comm-grid{grid-template-columns:1fr}.comm-composer .mreza{grid-template-columns:repeat(3,minmax(0,1fr))}.comm-composer .mreza>label:last-child{grid-column:auto}}
@media(max-width:650px){.comm-heading{padding:20px;align-items:start;flex-direction:column}.comm-total{text-align:left;font-size:19px}.comm-grid{padding:20px;gap:20px}.comm-section-head{flex-wrap:wrap}.comm-section-head h2{font-size:21px}.comm-composer{padding:18px}.comm-composer .mreza{grid-template-columns:1fr}.comm-meta{gap:8px}.comm-text{font-size:18px}.comm-timeline{padding-left:24px}.comm-entry:before{left:-24px}}