/* Otpad.hr /3 — real ticket/offer flow, scoped styles; original brand unchanged. */
.f17{--ink:#143b40;--green:#125449;--line:#dce9e5;--soft:#f2f8f5;color:var(--ink);font-size:16px;line-height:1.55;padding:25px 0 45px}.f17 *{box-sizing:border-box}.f17 [hidden]{display:none!important}.f17 h1{font-size:clamp(30px,3.8vw,45px);line-height:1.08;letter-spacing:-1.2px;margin:8px 0 15px}.f17 h2{font-size:25px;line-height:1.2;margin:0 0 16px}.f17 h3{font-size:19px;margin:0 0 12px}.f17 p{margin:8px 0 16px}.f17 small,.f17 .f-small{font-size:14px;line-height:1.5}.f17 .f-muted{color:#576e71}.f17 a:not(.f-btn){color:#006954;text-decoration:underline;text-underline-offset:3px}.f17 button,.f17 input,.f17 select,.f17 textarea{font:inherit}.f17 button{cursor:pointer}.f17 button:disabled{opacity:.5;cursor:wait}.f17 label{display:block;font-size:14px;font-weight:650;margin-bottom:6px}.f17 input:not([type=checkbox]),.f17 select,.f17 textarea{display:block;width:100%;max-width:100%;border:1px solid #bcd2cc;border-radius:8px;padding:11px 12px;background:#fff;color:#173c41;min-height:46px}.f17 textarea{min-height:104px;resize:vertical}.f17 input[type=checkbox]{width:20px;height:20px;flex-shrink:0;accent-color:#125449}.f17 :focus-visible{outline:3px solid #e97827;outline-offset:3px}.f17 .f-check{display:flex;gap:10px;align-items:flex-start;font-weight:450;font-size:15px}.f17 .f-check input{margin-top:3px}.f17 .f-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border-radius:9px;background:var(--green);color:#fff;padding:10px 17px;border:1px solid var(--green);text-decoration:none;font-weight:650;line-height:1.3}.f17 .f-btn.light{background:#fff;color:var(--green);border-color:#bdcfc9}.f17 .f-btn.orange{background:#dc5c0b;border-color:#dc5c0b;color:#fff}.f17 .f-btn.danger{background:#fff4f0;color:#8e352a;border-color:#dfc4bc}.f17 .f-btn.small{font-size:14px;min-height:40px;padding:7px 11px}.f17 .f-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.f17 .f-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:0 0 17px;margin-bottom:24px}.f17 .f-tabs{display:flex;gap:8px;flex-wrap:wrap}.f17 .f-badge{display:inline-flex;border:1px solid #d0e3db;background:#e7f3ed;color:#22584d;border-radius:6px;padding:4px 9px;font-size:12px;font-weight:700;line-height:1.5;letter-spacing:.3px}.f17 .f-badge.warn{background:#fff2df;color:#7d5111;border-color:#f0d4a6}.f17 .f-badge.gray{background:#f1f4f5;color:#496166;border-color:#d5e0e2}.f17 .f-panel{padding:23px;border:1px solid var(--line);border-radius:16px;background:#fff;margin-bottom:18px;min-width:0}.f17 .f-panel.tint{background:var(--soft)}.f17 .f-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.f17 .f-sticky{position:sticky;top:20px}.f17 .f-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.f17 .f-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.f17 .f-field{margin:0 0 16px;min-width:0}.f17 .f-step{display:flex;gap:12px;align-items:center;margin:0 0 17px}.f17 .f-step span{display:grid;place-items:center;background:#e3f0ea;border-radius:50%;width:32px;height:32px;font-weight:750;flex-shrink:0}.f17 .f-step h2{margin:0;font-size:23px}.f17 .f-hint{border-left:3px solid #2a8d66;background:#edf6f1;padding:14px 16px;border-radius:0 8px 8px 0;font-size:15px;margin:14px 0}.f17 .f-hint.warn{background:#fff6e9;border-color:#c9852b}.f17 .f-error{background:#fff1ed;border:1px solid #e1c6be;border-left:4px solid #9b372e;border-radius:8px;padding:14px 16px;color:#7e2d24;margin:15px 0}.f17 .f-success{background:#e7f5e9;border:1px solid #aacfb5;padding:14px 16px;border-radius:9px;margin:14px 0}.f17 .f-item{padding:18px;background:#f7faf8;border:1px solid #d9e7e0;border-radius:12px;margin-bottom:14px;min-width:0}.f17 .f-item-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.f17 .f-item-head h3{margin:0}.f17 .f-item .f-grid{margin-top:12px}.f17 .f-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}.f17 .f-card .body{padding:21px;flex:1}.f17 .f-card h2{font-size:22px;margin:12px 0}.f17 .f-card .f-card-bottom{padding:0 21px 21px}.f17 .f-card img{width:100%;height:170px;object-fit:cover}.f17 .f-desc{white-space:pre-wrap;overflow-wrap:anywhere}.f17 .f-filter{display:grid;grid-template-columns:1fr 220px auto;gap:10px;margin-bottom:20px}.f17 .f-numbers{background:#103f37;color:#fff;border-radius:12px;padding:19px;margin:16px 0}.f17 .f-numbers dl{margin:0}.f17 .f-numbers dl>div{display:flex;justify-content:space-between;gap:12px;margin:7px 0}.f17 .f-numbers dt{font-size:15px;font-weight:400}.f17 .f-numbers dd{margin:0;font-weight:700;white-space:nowrap}.f17 .f-numbers .total{border-top:1px solid #487569;padding-top:12px;margin-top:13px;font-size:23px}.f17 .f-numbers .total dt{font-size:17px;font-weight:650}.f17 .f-numbers small{color:#d8eee6}.f17 .f-quote{border:1px solid #d6e3dd;border-radius:14px;padding:22px;margin:18px 0;background:#fff}.f17 .f-quote.selected{border:2px solid #2c9870}.f17 .f-lines{width:100%;border-collapse:collapse;font-size:14px;margin:15px 0}.f17 .f-lines th,.f17 .f-lines td{border-bottom:1px solid #dfebe5;padding:10px 6px;text-align:left;vertical-align:top}.f17 .f-lines td:last-child,.f17 .f-lines th:last-child{text-align:right}.f17 .f-credit-edit{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(80px,.6fr) minmax(85px,.6fr);gap:12px;align-items:end;margin:12px 0}.f17 .f-credit-edit strong{font-size:15px}.f17 .f-credit-edit .f-field{margin:0}.f17 .f-message{padding:12px 15px;background:#f1f7f3;border-radius:9px;margin:10px 0;white-space:pre-wrap;overflow-wrap:anywhere}.f17 .f-message.mine{background:#e0eee8;margin-left:25px}.f17 .f-gallery{display:flex;gap:12px;overflow-x:auto;margin:14px 0}.f17 .f-gallery img{height:150px;width:180px;object-fit:cover;border-radius:9px}.f17 .f-gallery figure{margin:0;flex:0 0 180px}.f17 .f-gallery figure button{margin-top:6px}.f17 details{border-top:1px solid var(--line);padding-top:15px;margin-top:15px}.f17 summary{font-weight:650;cursor:pointer;margin-bottom:12px}.f17 ol{padding-left:22px}.f17 li{margin-bottom:9px}.f17 .f-empty{padding:38px 22px;background:#f5f9f7;border:1px dashed #bfd5ca;border-radius:14px;text-align:center}.f17 .f-status-note{font-size:14px;color:#536b6a}.f17 .f-pilot{font-size:13px;letter-spacing:.9px;text-transform:uppercase;font-weight:750;color:#327461}.f17 .f-authbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.f17 .f-ledger{border:1px solid var(--line);padding:20px;border-radius:12px;background:#fafcfb}.f17 .f-ledger p{margin:5px 0}.f17 .f-ledger strong{font-size:21px}.f17-dialog{background:#fff!important;color:#173c41!important;opacity:1!important;border:0;border-radius:18px;padding:0;width:min(800px,calc(100% - 28px));max-height:90dvh;box-shadow:0 22px 90px #001e2855}.f17-dialog::backdrop{background:rgba(6,30,32,.60)!important;backdrop-filter:blur(2px)}.f17-dialog .f17{padding:24px}.f17-dialog .f-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:18px}.f17-dialog .f-dialog-head h2{margin:0}.f17-dialog .f-dialog-close{background:#fff;color:#153b3d;border:1px solid #bccdc8;width:42px;height:42px;border-radius:8px;flex-shrink:0;font-size:26px}.f17-dialog .f-body{overflow:visible}.f17-dialog form{margin:0}#navigatorDraftDialog{background:#fff!important;color:#153b3f!important;border:1px solid #d7e5df!important;opacity:1!important}#navigatorDraftDialog::backdrop{background:rgba(9,37,37,.6)!important}.f17-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;margin:22px auto;background:#ecf6ef;border:1px solid #cde4d8;border-radius:13px;color:#153d3e}.f17-banner strong{display:block;font-size:21px}.f17-banner p{margin:5px 0;font-size:15px}.f17-banner a{background:#115449;color:white;border-radius:9px;padding:12px 18px;text-decoration:none;white-space:nowrap}.f17-legacy>summary{padding:18px;background:#f2f5f3;cursor:pointer;font-size:16px;font-weight:650}.f17-legacy[open]{margin-top:40px}
@media(max-width:1080px){.f17 .f-layout{grid-template-columns:minmax(0,1fr) 285px}.f17 .f-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.f17 .f-layout{grid-template-columns:1fr}.f17 .f-sticky{position:static}.f17 .f-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.f17 .f-filter{grid-template-columns:1fr 180px}.f17 .f-filter button{grid-column:1/-1}.f17-banner{flex-direction:column;align-items:flex-start}.f17-banner a{white-space:normal}}@media(max-width:560px){.f17 .f-grid,.f17 .f-grid.three{grid-template-columns:1fr}.f17 .f-filter{grid-template-columns:1fr}.f17 .f-panel,.f17 .f-quote{padding:16px}.f17 .f-item{padding:13px}.f17 .f-credit-edit{grid-template-columns:1fr 1fr}.f17 .f-credit-edit>div:first-child{grid-column:1/-1}.f17 .f-btn{font-size:15px}.f17-dialog .f17{padding:16px}.f17 .f-lines{font-size:13px}.f17 h1{font-size:31px}.f17 .f-toolbar{align-items:flex-start}.f17 .f-numbers .total{font-size:21px}.f17 .f-numbers dl>div{gap:7px}.f17 .f-message.mine{margin-left:12px}}

.f17 h1,.f17 h2,.f17 h3,.f17 td,.f17 .f-card,.f17 .f-panel{overflow-wrap:anywhere}.f17 .f-item-head h3{min-width:0}
