.auth-login-wrap{min-height:100vh;display:grid;place-items:center;background:#f5f3ee;font-family:Arial,sans-serif}.auth-card{width:min(390px,calc(100vw - 40px));background:#fff;border:1px solid #ddd2bd;border-radius:14px;padding:30px;box-shadow:0 12px 35px #0001}.auth-card h1{font-size:23px;margin:0 0 6px;text-align:center}.auth-card h2{text-align:center;margin:0 0 24px;font-size:17px;color:#795d2c}.auth-card label{display:block;font-weight:700;font-size:13px;margin:13px 0}.auth-card input{box-sizing:border-box;width:100%;padding:11px;margin-top:6px;border:1px solid #d8cdbb;border-radius:7px;font-size:15px}.auth-card button,.auth-create button{width:100%;padding:11px;border:0;border-radius:7px;background:#31594b;color:#fff;font-weight:800;cursor:pointer}.auth-error{min-height:20px;color:#a12b24;font-size:13px;margin:8px 0}.auth-local-note{text-align:center;margin-top:15px;font-size:11px;color:#999}.auth-userbar{position:fixed;top:10px;right:90px;z-index:10000;display:flex;gap:8px;align-items:center;background:#fff;border:1px solid #ddd2bd;border-radius:8px;padding:6px 9px;font:700 12px Arial,sans-serif;box-shadow:0 3px 12px #0001}.auth-userbar button{border:1px solid #c9b999;background:#f4efe5;border-radius:5px;padding:5px 8px;cursor:pointer;font-weight:700}.auth-overlay{position:fixed;inset:0;z-index:20000;background:#0008;display:grid;place-items:center;padding:25px;font-family:Arial,sans-serif}.auth-admin{width:min(1000px,95vw);max-height:90vh;overflow:auto;background:#f7f5f0;border-radius:14px;padding:22px}.auth-admin-head{display:flex;justify-content:space-between;align-items:center}.auth-admin-head h2{margin:0}.auth-admin-head #authClose{font-size:26px;border:0;background:transparent;cursor:pointer}.auth-create{display:grid;grid-template-columns:2fr 2fr 1fr 110px 110px;gap:8px;margin:20px 0;padding:14px;background:#eee8dc;border-radius:9px}.auth-create input,.auth-create select{padding:9px;border:1px solid #d3c6ae;border-radius:6px}.auth-user-card{background:#fff;border:1px solid #ddd2bd;border-radius:10px;padding:14px;margin:10px 0}.auth-user-top{display:flex;align-items:center;gap:10px;font-size:15px}.auth-role,.auth-status{font-size:11px;padding:4px 7px;border-radius:12px;background:#eee}.auth-status.active{background:#e3f1e8;color:#235c38}.auth-status.blocked{background:#f7dfdc;color:#912c24}.auth-user-settings{display:flex;gap:8px;align-items:end;margin:12px 0}.auth-user-settings label{font-size:12px}.auth-user-settings input{width:80px;padding:7px}.auth-user-settings button,.auth-device-row button{border:1px solid #c9b999;background:#f4efe5;border-radius:5px;padding:7px 9px;cursor:pointer}.auth-devices{border-top:1px solid #eee;padding-top:10px}.auth-device-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid #f1eee8}.auth-device-row span{display:flex;flex-direction:column}.auth-device-row small,.auth-muted{color:#888;font-size:11px;margin-top:3px}@media(max-width:700px){.auth-userbar{left:8px;top:8px}.auth-create{grid-template-columns:1fr}.auth-user-settings{flex-wrap:wrap}}

/* Account settings */
.auth-settings { max-width: 560px; }
.auth-settings-form { display:grid; gap:12px; padding:14px; }
.auth-settings-form label { display:grid; gap:6px; font-weight:600; }
.auth-settings-form input { padding:10px 12px; border:1px solid #d8d0c2; border-radius:7px; }
.auth-settings-form button { padding:10px 14px; border:0; border-radius:7px; background:#315849; color:#fff; font-weight:700; cursor:pointer; }
.auth-settings-form hr { width:100%; border:0; border-top:1px solid #ded7ca; margin:4px 0; }
.auth-settings-ok { color:#27643d; font-weight:700; }


/* Logged-in account block in the sidebar */
.auth-sidebar-user{margin-top:auto;padding:14px 4px 2px;border-top:1px solid #484848;font-family:Arial,sans-serif;color:#fff;display:grid;gap:8px}
.auth-sidebar-identity{display:flex;flex-direction:column;align-items:center;gap:3px;padding:2px 4px 6px;text-align:center}
.auth-sidebar-identity strong{font-size:14px;overflow-wrap:anywhere;max-width:100%}
.auth-sidebar-identity span{font-size:10px;letter-spacing:.7px;color:#c9b17e;font-weight:800}
.auth-sidebar-user button{width:100%;height:36px;border:0;border-radius:7px;background:#333;color:#fff;font-weight:700;cursor:pointer}
.auth-sidebar-user button:hover{background:#484848}

/* USER permissions */
.auth-permissions{margin:12px 0;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.035)}
.auth-permissions>b{display:block;margin-bottom:9px}
.auth-permission-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:7px 14px}
.auth-permission-grid label{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}
.auth-permission-grid input{width:16px;height:16px;accent-color:currentColor}
@media(max-width:760px){.auth-permission-grid{grid-template-columns:1fr}}

.auth-role-owner { color:#b00020 !important; border-color:#b00020 !important; font-weight:900 !important; }
 .auth-secret { border:1px solid #d9cfbe; border-radius:12px; padding:24px; max-width:380px; }
 .auth-secret::backdrop { background:#0006; }
 .auth-secret input { display:block; box-sizing:border-box; width:100%; padding:10px; margin:12px 0; }
 .auth-secret button { padding:8px 16px; margin-right:8px; }

.auth-dev-calculator{display:flex;align-items:center;justify-content:center;min-height:42px;margin:0 0 6px;padding:8px 10px;border:1px solid #75613f;border-radius:7px;background:#3a3a3a;color:#fff;text-decoration:none;text-align:center;font:700 13px Arial,sans-serif}.auth-dev-calculator:hover{background:#4b4b4b;border-color:#bd9652}

/* ===== ADMIN PANEL 2026-09-26 COMPACT CARD UI ===== */
.auth-overlay{padding:18px;background:rgba(0,0,0,.55)}
.auth-admin{width:min(1320px,97vw);max-height:94vh;padding:18px 20px 22px;border:5px solid #67655f;border-radius:7px;background:#faf8f3;box-shadow:0 16px 50px #0005}
.auth-admin-head{padding:0 4px 10px}.auth-admin-head h2{font-size:24px}.auth-admin-head small{font-size:11px;color:#555}.auth-admin-head #authClose{font-size:24px}
.auth-create{position:relative;grid-template-columns:1.15fr 1.35fr 1.35fr .75fr .65fr .9fr;gap:9px;margin:0 0 14px;padding:38px 14px 13px;border:1px solid #d7bd8a;border-radius:9px;background:linear-gradient(100deg,#f5efe3,#f7f3eb)}
.auth-create:before{content:'👤+  Dodaj novega uporabnika';position:absolute;left:15px;top:10px;font-weight:800;font-size:15px;color:#332d24}
.auth-create input,.auth-create select{height:38px;background:#fff}.auth-create button{height:38px;background:#2f6656}
#authCreateMessage{margin:-8px 0 8px 4px}
.auth-user-card{display:grid;grid-template-columns:230px minmax(330px,1fr) minmax(380px,1.25fr);gap:14px;padding:12px 14px;margin:9px 0;border:1px solid #decba7;border-radius:10px;background:#fff;box-shadow:0 2px 7px #0000000a}
.auth-user-top{grid-column:1;grid-row:1;align-self:start;flex-wrap:wrap;padding-left:58px;min-height:48px;position:relative}.auth-user-top:before{content:'👤';position:absolute;left:0;top:0;width:45px;height:45px;display:grid;place-items:center;border-radius:50%;background:#7487a8;color:#fff;font-size:23px;box-shadow:0 3px 8px #0002}.auth-user-top:has(.auth-role-owner):before{content:'♛';background:#bd9141}.auth-user-top strong{width:100%;font-size:16px}.auth-role,.auth-status{font-size:10px;padding:4px 9px}
.auth-user-settings{grid-column:1;grid-row:2;display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin:0;padding-left:58px}.auth-user-settings label{margin:0;font-size:11px}
.auth-user-devices{grid-column:2;grid-row:1 / span 3;border:1px solid #ece7de;border-radius:8px;padding:35px 10px 8px;position:relative;min-height:92px}.auth-user-devices:before{content:'▣  Aktivne naprave';position:absolute;left:12px;top:9px;font-weight:800;font-size:13px}.auth-devices{border-top:0;padding-top:0}.auth-device-row{padding:6px 5px;border-bottom:1px solid #eee;font-size:11px;gap:8px}.auth-device-row span{min-width:0;flex:1}.auth-device-row button{padding:5px 8px;border-color:#ff7770;background:#fff;color:#d51f1f;font-size:10px;font-weight:800}
.auth-permissions{grid-column:3;grid-row:1 / span 2;margin:0;border:0;border-radius:8px;padding:36px 12px 10px;background:linear-gradient(110deg,#f2f8f4,#fff);position:relative;min-height:74px}.auth-permissions>b{position:absolute;top:10px;left:12px;font-size:13px;color:#234e3f}.auth-permissions>b:before{content:'🔑  '}.auth-permission-grid{display:grid;grid-template-columns:repeat(2,minmax(130px,1fr));gap:8px 20px}.auth-permission-grid label{display:flex;gap:8px;align-items:center;font-size:12px}.auth-permission-grid input{accent-color:#2f7a62;width:16px;height:16px}
.auth-future-permissions{grid-column:3;grid-row:3;margin-top:2px;padding-top:8px;border-top:1px dashed #d9d4ca;display:grid;grid-template-columns:repeat(3,minmax(100px,1fr));gap:6px 10px}.auth-future-permissions span{font-size:10px;color:#999}.auth-future-permissions b{display:block;color:#777;font-size:10px;margin-bottom:2px}.auth-future-permissions i{font-style:normal;opacity:.6}
.auth-user-actions{grid-column:3;grid-row:4;display:flex;justify-content:flex-end;align-items:end;gap:6px;margin:0;padding-top:4px}.auth-user-actions label{font-size:10px;margin:0}.auth-user-actions input,.auth-user-actions select{height:32px;padding:4px 6px;border:1px solid #d6cec0;border-radius:5px}.auth-user-actions button{height:32px;padding:5px 9px;border-radius:5px;font-size:10px;font-weight:800}.auth-user-actions [data-action="block"]{background:#315f54;color:#fff;border-color:#315f54}.auth-user-actions [data-action="password"]{background:#a87934;color:#fff;border-color:#a87934}.auth-user-actions [data-action="delete"]{background:#fff;color:#d51f1f;border-color:#ff7770}
@media(max-width:1050px){.auth-user-card{grid-template-columns:220px 1fr}.auth-user-devices{grid-column:2}.auth-permissions,.auth-future-permissions,.auth-user-actions{grid-column:1 / -1}.auth-permissions{grid-row:auto}.auth-future-permissions{grid-row:auto}.auth-user-actions{grid-row:auto}.auth-create{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:700px){.auth-admin{padding:12px;border-width:2px}.auth-user-card{grid-template-columns:1fr}.auth-user-top,.auth-user-settings,.auth-user-devices,.auth-permissions,.auth-future-permissions,.auth-user-actions{grid-column:1;grid-row:auto}.auth-user-settings{padding-left:58px}.auth-create{grid-template-columns:1fr;padding-top:38px}.auth-user-actions{justify-content:flex-start;flex-wrap:wrap}}

/* ===== ADMIN PANEL V3 - balanced layout + search ===== */
.auth-admin{width:min(1180px,96vw);padding:15px 17px 18px;border-width:4px}
.auth-admin-head{gap:16px;padding:0 3px 9px}
.auth-admin-head h2{font-size:22px}
.auth-admin-head-tools{display:flex;align-items:center;gap:10px;margin-left:auto}
.auth-user-search{width:min(310px,32vw);height:36px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid #d4c6ad;border-radius:8px;background:#fff;box-shadow:0 2px 7px #0000000a}
.auth-user-search span{font-size:14px}.auth-user-search input{width:100%;border:0;outline:0;background:transparent;font-size:12px;color:#29251f}
.auth-user-search input::placeholder{color:#9b958b}
.auth-create{grid-template-columns:1.1fr 1.3fr 1.25fr .75fr .62fr .82fr;padding:34px 12px 11px;margin-bottom:11px}
.auth-create:before{top:8px;font-size:14px}.auth-create input,.auth-create select,.auth-create button{height:35px}
.auth-user-card{grid-template-columns:215px minmax(300px,.95fr) minmax(390px,1.2fr);gap:11px;padding:10px 12px;margin:8px 0}
.auth-user-top{padding-left:52px;min-height:43px}.auth-user-top:before{width:41px;height:41px;font-size:20px}.auth-user-top strong{font-size:15px}
.auth-user-settings{padding-left:52px;gap:3px}.auth-user-settings label{font-size:10px}
.auth-user-devices{padding:31px 8px 6px;min-height:82px}.auth-user-devices:before{top:8px;font-size:12px}.auth-device-row{padding:5px 4px;font-size:10px}.auth-device-row button{padding:4px 7px;font-size:9px}
.auth-permissions{padding:32px 9px 8px;min-height:70px}.auth-permissions>b{top:8px;font-size:12px}
.auth-permission-groups{display:grid;grid-template-columns:1.35fr .9fr;gap:7px}
.auth-permission-group{padding:7px 8px;border:1px solid #e7e1d6;border-radius:7px;background:#fff9}
.auth-permission-group>strong{display:block;margin-bottom:6px;font-size:9px;letter-spacing:.7px;color:#80683f}
.auth-permission-group .auth-permission-grid{grid-template-columns:repeat(2,minmax(90px,1fr));gap:6px 10px}
.auth-permission-group .auth-permission-grid label{font-size:11px}.auth-permission-group .auth-permission-grid input{width:15px;height:15px}
.auth-permission-placeholder{opacity:.35;cursor:default!important}
.auth-future-permissions{padding-top:6px;gap:5px 8px}.auth-future-permissions span,.auth-future-permissions b{font-size:9px}
.auth-user-actions{gap:5px}.auth-user-actions input,.auth-user-actions select,.auth-user-actions button{height:30px}.auth-user-actions button{font-size:9px;padding:4px 8px}
.auth-user-card[hidden]{display:none!important}
@media(max-width:1050px){.auth-user-search{width:min(280px,38vw)}.auth-user-card{grid-template-columns:205px 1fr}}
@media(max-width:700px){.auth-admin-head{align-items:flex-start}.auth-admin-head-tools{width:55%;align-items:center}.auth-user-search{width:100%}.auth-permission-groups{grid-template-columns:1fr}}

/* ===== ADMIN PANEL V5 - compact permission summary + permission modal ===== */
.auth-user-card{grid-template-columns:215px minmax(300px,.95fr) minmax(390px,1.2fr)}
.auth-permissions{grid-column:3;grid-row:1 / span 2;min-height:82px;padding:34px 10px 9px;background:linear-gradient(110deg,#f2f8f4,#fff)}
.auth-permission-summary{display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start}
.auth-permission-chip{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border:1px solid #d9e5dd;border-radius:999px;background:#fff;color:#315f54;font-size:10px;font-weight:700;white-space:nowrap}
.auth-permission-empty{font-size:10px;color:#999;padding:4px 0}
.auth-permissions .auth-open-permissions{position:absolute;right:9px;top:7px;height:25px;padding:3px 9px;border:1px solid #315f54;border-radius:5px;background:#315f54;color:#fff;font-size:9px;font-weight:800;cursor:pointer}
.auth-future-permissions{display:none!important}
.auth-user-actions{grid-column:3;grid-row:3;padding-top:7px;border-top:1px solid #eee9df}

.auth-permission-modal-overlay{position:fixed;inset:0;z-index:22000;display:grid;place-items:center;padding:20px;background:#0008;font-family:Arial,sans-serif}
.auth-permission-modal{width:min(760px,94vw);max-height:88vh;overflow:auto;padding:18px;border:4px solid #67655f;border-radius:10px;background:#faf8f3;box-shadow:0 18px 55px #0006}
.auth-permission-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.auth-permission-modal-head h3{margin:0 0 3px;font-size:20px}.auth-permission-modal-head small{color:#777}.auth-permission-modal-close{border:0;background:transparent;font-size:25px;font-weight:700;cursor:pointer}
.auth-permission-modal-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.auth-permission-modal-group{padding:12px;border:1px solid #dfd5c5;border-radius:8px;background:#fff}.auth-permission-modal-group h4{margin:0 0 9px;font-size:11px;letter-spacing:.8px;color:#80683f}.auth-permission-modal-group label{display:flex;align-items:center;gap:8px;margin:7px 0;font-size:12px}.auth-permission-modal-group input{width:16px;height:16px;accent-color:#2f7a62}.auth-permission-modal-group.future{opacity:.5}
.auth-permission-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid #e3ddd2}.auth-permission-modal-actions button{height:34px;padding:5px 14px;border-radius:6px;font-size:11px;font-weight:800;cursor:pointer}.auth-permission-save{border:1px solid #315f54;background:#315f54;color:#fff}.auth-permission-cancel{border:1px solid #cfc5b5;background:#fff;color:#333}
@media(max-width:700px){.auth-permission-modal-groups{grid-template-columns:1fr}.auth-permissions{grid-column:1;grid-row:auto}.auth-user-actions{grid-column:1;grid-row:auto}}


/* ===== ADMIN PANEL V5.1 - polished bottom user action bar ===== */
.auth-user-actions{
 grid-column:3;grid-row:3;display:grid;
 grid-template-columns:minmax(105px,1fr) auto auto minmax(82px,auto) auto;
 align-items:end;justify-content:stretch;gap:8px;margin:0;padding:10px 0 0;
 border-top:1px solid #e8e1d6
}
.auth-user-actions label{display:grid;gap:4px;min-width:0;margin:0;font-size:9px;line-height:1;color:#514a40}
.auth-user-actions input,.auth-user-actions select,.auth-user-actions button{box-sizing:border-box;height:34px;border-radius:6px}
.auth-user-actions input,.auth-user-actions select{width:100%;min-width:0;padding:5px 8px;border:1px solid #d6cec0;background:#fff}
.auth-user-actions button{padding:5px 12px;white-space:nowrap;font-size:9px;font-weight:800}
.auth-user-actions [data-action="block"]{background:#315f54;color:#fff;border:1px solid #315f54}
.auth-user-actions [data-action="password"]{background:#a87934;color:#fff;border:1px solid #a87934}
.auth-user-actions [data-action="delete"]{background:#fff;color:#d51f1f;border:1px solid #ff7770}
@media(max-width:1050px){
 .auth-user-actions{grid-column:1/-1;grid-row:auto;grid-template-columns:minmax(110px,1fr) auto auto minmax(90px,auto) auto}
}
@media(max-width:700px){
 .auth-user-actions{grid-template-columns:1fr 1fr;align-items:end}
 .auth-user-actions button{width:100%}
}


/* ===== ADMIN PANEL V5.2 - keep action buttons inside card ===== */
.auth-user-card{
    min-width:0;
}
.auth-user-actions{
    min-width:0;
    width:100%;
    box-sizing:border-box;
    grid-template-columns:105px 78px 115px 82px minmax(112px,1fr);
    gap:7px;
    overflow:hidden;
}
.auth-user-actions label{
    min-width:0;
}
.auth-user-actions input,
.auth-user-actions select{
    min-width:0;
}
.auth-user-actions button{
    min-width:0;
    max-width:100%;
    padding-left:8px;
    padding-right:8px;
}
.auth-user-actions [data-action="delete"]{
    width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
}
.auth-admin{
    overflow-x:hidden;
}
@media(max-width:1150px){
    .auth-user-actions{
        grid-template-columns:95px 74px 108px 78px minmax(105px,1fr);
        gap:5px;
    }
    .auth-user-actions button{
        font-size:8px;
        padding-left:6px;
        padding-right:6px;
    }
}


/* ===== ADMIN PANEL V5.3 - more room for right controls ===== */
.auth-user-card{
    grid-template-columns:205px minmax(300px,.85fr) minmax(470px,1.35fr);
}
.auth-user-actions{
    grid-template-columns:105px 78px 115px 82px minmax(125px,1fr);
    gap:7px;
    overflow:visible;
}
.auth-user-actions [data-action="delete"]{
    width:100%;
    min-width:125px;
    overflow:visible;
    text-overflow:clip;
}
@media(max-width:1050px){
    .auth-user-card{grid-template-columns:205px 1fr}
    .auth-user-actions{
        grid-column:1/-1;
        grid-template-columns:105px 78px 115px 82px minmax(125px,1fr);
    }
}
@media(max-width:700px){
    .auth-user-card{grid-template-columns:1fr}
    .auth-user-actions{grid-template-columns:1fr 1fr}
}