:root{--blue:#0874e8;--ink:#16223a;--muted:#6c7a90;--line:#e4eaf2;--bg:#f5f8fc}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);font-size:14px}a{text-decoration:none;color:inherit}.shell{display:flex;min-height:100vh}.sidebar{width:258px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;flex-shrink:0;position:sticky;top:0;height:100vh}.brand{height:94px;display:flex;align-items:center;padding:20px;border-bottom:1px solid var(--line)}.brand img{width:100%;height:68px;object-fit:contain}.sidebar nav{padding:24px 10px}.sidebar nav a{display:block;padding:15px 18px;border-radius:12px;font-size:15px;margin-bottom:6px}.sidebar nav a:hover{background:#eaf3ff;color:#0769d1}.sidebar-foot{margin-top:auto;padding:22px 28px;border-top:1px solid var(--line)}.sidebar-foot small{display:block;color:var(--muted);margin-top:5px}.main{min-width:0;flex:1}.top{height:76px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;gap:16px}.top-label{color:var(--muted)}.top-actions,.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.username{font-weight:600;padding:0 10px}.logout{border:0;background:transparent;color:var(--muted);cursor:pointer}.content{max-width:1600px;margin:auto;padding:24px 30px 50px}h1{font-size:28px;letter-spacing:-.6px;margin:0 0 6px}h2{font-size:18px;margin:0}h3{font-size:15px;margin-top:25px}.muted{color:var(--muted);margin-top:5px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 17px;border-radius:10px;background:#f5f8fc;border:1px solid var(--line);font:inherit;cursor:pointer;white-space:nowrap}.btn.primary{background:var(--blue);border-color:var(--blue);color:white;font-weight:600}.btn.danger{color:#c33131}.btn:disabled{opacity:.5;cursor:not-allowed}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:25px 0 20px}.stat{border-radius:14px;padding:22px;border:1px solid #e1eaf5;display:flex;flex-direction:column;gap:9px}.stat span{font-weight:600}.stat strong{font-size:33px}.stat small{color:var(--muted)}.stat.blue{background:#eaf4ff}.stat.green{background:#eaf8f0}.stat.orange{background:#fff5eb}.stat.purple{background:#f1efff}.two-col{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;margin:16px 0}.panel{background:white;border:1px solid var(--line);border-radius:15px;padding:20px;box-shadow:0 3px 12px #14264206;min-width:0}.panel-head,.page-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-head{margin-bottom:12px}.panel-head a{color:var(--blue);font-weight:600}.page-head{margin-bottom:24px}.listrow{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:13px 0;min-width:0}.listrow:last-child{border-bottom:0}.listrow b{font-weight:600}.listrow small{display:block;color:var(--muted);margin-top:5px}.grow{flex:1;min-width:0}.tag{padding:5px 10px;border-radius:9px;background:#edf4ff;color:#0b65c3;font-size:12px;white-space:nowrap}.docicon{background:#e9f3ff;color:var(--blue);border-radius:10px;padding:11px;font-size:20px}.checkbtn{border:0;background:transparent;color:#8797ad;font-size:23px;cursor:pointer}.empty{padding:25px;color:var(--muted);text-align:center}.quick{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.quick-btn{padding:23px 12px;text-align:center;border-radius:12px;font-weight:600;color:white}.quick-btn.blue{background:#0874e8}.quick-btn.green{background:#20a74d}.quick-btn.purple{background:#7455dc}.quick-btn.gray{background:#61718b}.note{margin-top:18px;line-height:1.7}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:12px}.filters input{min-width:220px;flex:1}.form-panel{max-width:850px}.form-field{margin:0 0 19px}.form-field label,.login-card label{display:block;font-weight:600;margin-bottom:8px}.field,input[type=search],.login-card input{width:100%;border:1px solid #d6e0ed;border-radius:10px;padding:12px;font:inherit;background:#fff;color:var(--ink)}textarea.field{min-height:95px}input[type=file].field{padding:9px}.form-actions{display:flex;gap:10px}.prose{line-height:1.75;overflow-wrap:anywhere}.comment{border-bottom:1px solid var(--line);padding:10px 0}.comment small{color:var(--muted)}.spaced{margin-top:12px}.alert{background:#e7f6eb;border:1px solid #b9dfc4;border-radius:10px;padding:14px;margin-bottom:15px}.error{color:#b52929}.login-body{min-height:100vh;display:grid;place-items:center;background:#eef4fb}.login-card{width:min(420px,92vw);background:white;padding:35px;border-radius:18px;box-shadow:0 20px 70px #19395b18}.login-card img{width:100%;height:115px;object-fit:contain}.login-card h2{text-align:center;margin:12px 0 24px}.login-card input{margin-bottom:18px}.wide{width:100%}.mobile-menu{display:none}@media(max-width:1050px){.stats{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.sidebar{width:215px}.top-label{display:none}}@media(max-width:700px){.sidebar{position:fixed;z-index:5;transform:translateX(-100%);transition:.2s;box-shadow:10px 0 30px #14264216}.menu-open .sidebar{transform:translateX(0)}.mobile-menu{display:block;border:0;background:transparent;font-size:24px}.top{padding:10px 14px;height:auto;min-height:70px}.top-actions{gap:5px}.top-actions .btn{padding:9px;font-size:12px}.username{display:none}.content{padding:18px 14px}.stats{gap:9px}.stat{padding:15px}.stat strong{font-size:26px}.page-head{align-items:flex-start}.listrow{flex-wrap:wrap}.quick{grid-template-columns:1fr 1fr}}

/* Mobilni vmesnik Brincom Asistent */
.menu-backdrop,.bottom-nav{display:none}
.brand img{max-width:190px;height:auto;max-height:64px}
button,a,input,select,textarea{touch-action:manipulation}
@media(max-width:700px){
 body{font-size:15px} .sidebar{width:min(290px,84vw);z-index:40} .menu-open .menu-backdrop{display:block;position:fixed;inset:0;background:#14264288;z-index:30}
 .top{position:sticky;top:0;z-index:20;background:#fff;min-height:60px;padding:8px 12px}
 .top-actions .btn:not(.primary){display:none}.top-actions .btn.primary{font-size:13px}.top-actions form{display:none}
 .content{padding:16px 12px calc(92px + env(safe-area-inset-bottom))}
 h1{font-size:23px}.page-head{flex-wrap:wrap}.page-head .actions{width:100%}.page-head .actions .btn{flex:1}
 .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{padding:14px 12px}.stat strong{font-size:25px}
 .panel{padding:15px 12px}.panel-head{flex-wrap:wrap}.two-col{gap:12px}.quick-btn{padding:18px 7px}
 .listrow{align-items:flex-start}.listrow .grow{flex-basis:65%}.listrow b{overflow-wrap:anywhere}
 .form-actions{flex-wrap:wrap}.form-actions .btn{flex:1}.field,input,select,textarea{font-size:16px!important;max-width:100%}
 .bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:25;background:white;border-top:1px solid var(--line);padding:8px 4px calc(8px + env(safe-area-inset-bottom));justify-content:space-around;box-shadow:0 -4px 20px #15284612}
 .bottom-nav a{flex:1;text-align:center;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:23px;color:#51617a;min-width:0}.bottom-nav a small{font-size:11px}.bottom-nav .bottom-new{color:var(--blue);font-weight:700}
 .login-card{padding:25px 18px}.login-card img{height:80px}
}
@media(max-width:380px){.top-actions .btn.primary{font-size:11px;padding:9px 7px}.stat span{font-size:12px}.quick{gap:8px}}