/* Versija: v01 */
@font-face{font-family:'Montserrat';src:url('fonts/Montserrat-Regular.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:'Montserrat';src:url('fonts/Montserrat-Medium.woff') format('woff');font-weight:500;font-display:swap}
@font-face{font-family:'Montserrat';src:url('fonts/Montserrat-SemiBold.woff') format('woff');font-weight:600;font-display:swap}
@font-face{font-family:'Montserrat';src:url('fonts/Montserrat-Bold.woff') format('woff');font-weight:700;font-display:swap}
@font-face{font-family:'Montserrat';src:url('fonts/Montserrat-ExtraBold.woff') format('woff');font-weight:800;font-display:swap}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html,body{min-height:100%}
body{font-family:'Montserrat',Arial,sans-serif;color:#0D1B3E;background:#EEEDE8}
body.bg-svc{background:#7ECFB3}
body.bg-rsn{background:#F2C7BD}
#app{max-width:480px;margin:0 auto;min-height:100vh;padding:16px;display:flex;flex-direction:column}
.hd{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}
.hd .n{font-size:22px;font-weight:700}
.hd .s{font-size:13px;font-weight:500;color:#3A4561;line-height:1.35}
.lbl{font-size:16px;font-weight:700;margin-bottom:6px}
.b{display:block;width:100%;border:none;border-radius:14px;background:#FFFFFF;color:#0D1B3E;font:600 16px 'Montserrat',Arial,sans-serif;padding:16px 14px;margin-bottom:12px;text-align:center;line-height:1.2;cursor:pointer;box-shadow:0 1px 2px rgba(13,27,62,.04),0 12px 28px -14px rgba(13,27,62,.10)}
.b.navy{background:#0D1B3E;color:#FFFFFF}
.b.red{background:#B5402A;color:#FFFFFF}
.b.mint{background:#7ECFB3;color:#FFFFFF}
.b.redtxt{color:#B5402A}
.b.lmint{background:#E8F5EE}
.b.ink{color:#1F5A45}
.b.yeltxt{color:#F0C060}
.b.tall{padding-top:28px;padding-bottom:28px}
.b.small{font-size:14px;font-weight:500}
.b.sel{outline:3px solid #0D1B3E;outline-offset:-3px}
.b:disabled{background:#D8D8D5;color:#8A8A85;cursor:default;box-shadow:none}
.row{display:flex;gap:10px}
.row>.b{flex:1;min-width:0}
.sep{height:1px;background:#D8D8D5;margin:4px 0 14px}
.ban{background:#F0C060;border-radius:14px;padding:12px;margin-bottom:14px;box-shadow:0 1px 2px rgba(13,27,62,.04),0 12px 28px -14px rgba(13,27,62,.10)}
.ban .bt{font-size:14px;font-weight:700;margin-bottom:8px}
.ban .b{padding:11px 8px;font-size:13px;margin-bottom:0}
.call{background:#FFFFFF;border-radius:12px;padding:10px 12px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.call+.row{margin-bottom:14px}
.call:not(:first-of-type){margin-top:4px}
.call .l1{font-size:15px;font-weight:700;white-space:nowrap}
.call .l2{font-size:14px;font-weight:500;white-space:nowrap}
.call .rt{display:flex;align-items:center;gap:6px;flex:none;line-height:1}
.call .sm{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.call .pr1,.call .mn{font-size:14px;font-weight:500}
.call .nn{font-size:44px;font-weight:800;line-height:1}
.call .nn.n4{font-size:34px}
.ban .row{margin-bottom:12px}
.ban .row:last-child{margin-bottom:0}
@media (max-width:420px){#app{padding:12px}.call{padding:10px}.call .l1{font-size:14px}.call .l2{font-size:13px}.call .nn{font-size:34px}.call .nn.n4{font-size:22px}.call .pr1,.call .mn{font-size:13px}}
.inp{width:100%;border:none;border-radius:12px;background:#FFFFFF;padding:14px;font:500 16px 'Montserrat',Arial,sans-serif;color:#0D1B3E;margin-bottom:12px}
textarea.inp{min-height:84px;resize:vertical}
.note{font-size:13px;font-weight:500;color:#3A4561;line-height:1.4;margin-bottom:12px}
.warn{font-size:13px;font-weight:700;color:#B5402A;line-height:1.4;margin-bottom:12px}
.done{margin:auto 0}
.done .ok{font-size:22px;font-weight:700;margin-bottom:6px}
.done .sum{font-size:14px;font-weight:500;color:#3A4561;line-height:1.4;margin-bottom:16px}
.unsent{background:#FAF0D5;border-radius:14px;padding:12px;margin-bottom:14px}
.unsent .t{font-size:13px;font-weight:600;margin-bottom:8px}
.unsent .b{padding:10px 8px;font-size:14px;margin-bottom:0}