/* SEZAM — dodatni stilovi preko postojećeg Homer admin templejta (styles/style.css). */

.avatar-circle {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #2f4050;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 20px;
    margin: 0 auto 10px;
}

.navbar-right .badge {
    background: #1ab394;
    margin-left: 6px;
}

.hpanel .panel-body .stat-value {
    font-size: 28px;
    font-weight: 700;
}

.text-negative { color: #ed5565; font-weight: bold; }
.text-positive { color: #1ab394; font-weight: bold; }

/* ---- POS ---- */
.pos-wrapper { display: flex; gap: 15px; align-items: flex-start; }
.pos-main { flex: 1 1 65%; min-width: 0; }
.pos-cart { flex: 1 1 35%; min-width: 320px; }
.pos-search-box input {
    font-size: 22px;
    height: 56px;
    padding: 10px 15px;
}
.pos-cart table td, .pos-cart table th { vertical-align: middle; }
.pos-totals { font-size: 22px; font-weight: 700; text-align: right; }
.pos-numpad-key { min-width: 46px; }
.pos-shortcuts { font-size: 12px; color: #888; margin-top: 10px; }
.pos-flash-ok { animation: posFlashOk 0.4s ease; }
.pos-flash-error { animation: posFlashError 0.4s ease; }
@keyframes posFlashOk { 0% { background: #dff0d8; } 100% { background: transparent; } }
@keyframes posFlashError { 0% { background: #f2dede; } 100% { background: transparent; } }

/* ---- Dashboard builder ---- */
.dash-block { border: 1px dashed transparent; padding: 5px; margin-bottom: 15px; }
.dash-edit-mode .dash-block { border-color: #ccc; background: rgba(0,0,0,0.02); }
.dash-edit-mode .dash-widget { cursor: move; }
.dash-widget-toolbar { display: none; }
.dash-edit-mode .dash-widget-toolbar { display: block; }
.lock-toggle { cursor: pointer; font-size: 20px; }

/* ---- A4 print ---- */
@media print {
    #header, #menu, .footer, .no-print { display: none !important; }
    #wrapper, .content { margin: 0 !important; padding: 0 !important; }
}
.a4-sheet { max-width: 210mm; margin: 0 auto; background: #fff; padding: 15mm; }
.a4-sheet table { width: 100%; }