/**
 * Vrteška — admin panel stilovi. Koristi istu paletu boja kao javni deo
 * radi vizuelne konzistentnosti, ali je layout prilagođen standardnom
 * WP admin gridu (bez border-radius ekstravagancije javnog dela).
 */
:root{
	--vrta-pink:#FF4D8D;
	--vrta-yellow:#FFC845;
	--vrta-blue:#35A7E8;
	--vrta-green:#4CAF6D;
	--vrta-navy:#1B2540;
	--vrta-cream:#FFF8EF;
	--vrta-purple:#7B5EF0;
	--vrta-border:#e2e5ee;
}

.vrta-wrap{max-width:1200px;}
.vrta-wrap h1{display:flex;align-items:center;gap:10px;}

.vrta-header-bar{
	display:flex;align-items:center;justify-content:space-between;
	margin:16px 0 20px;flex-wrap:wrap;gap:12px;
}

.vrta-card{
	background:#fff;border:1px solid var(--vrta-border);border-radius:10px;
	padding:20px;margin-bottom:20px;
}
.vrta-card h2{margin-top:0;font-size:1.05rem;}
.vrta-card-subtitle{color:#6b7185;font-size:.86rem;margin:-8px 0 16px;}

.vrta-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.vrta-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
@media (max-width: 1100px){
	.vrta-grid-3{grid-template-columns:repeat(2,1fr);}
}
@media (max-width: 700px){
	.vrta-grid-2,.vrta-grid-3{grid-template-columns:1fr;}
}

/* Omotač koji omogućava horizontalno skrolovanje tabele na uskim ekranima
   umesto da tabela razvali layout ili da tekst bude nečitljiv. */
.vrta-table-wrap{
	width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;
}
.vrta-table{width:100%;border-collapse:collapse;}
@media (max-width: 700px){
	.vrta-table{min-width:640px;}
}
.vrta-table th{
	text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;
	color:#8a92a8;padding:10px 12px;border-bottom:2px solid var(--vrta-border);
}
.vrta-table td{padding:12px;border-bottom:1px solid var(--vrta-border);font-size:.88rem;vertical-align:middle;}
.vrta-table tr:hover td{background:#fafbfd;}
.vrta-table .vrta-num{font-family:ui-monospace,Consolas,monospace;}

.vrta-badge{
	display:inline-block;padding:3px 10px;border-radius:999px;font-size:.74rem;font-weight:600;
	color:#fff;
}
.vrta-toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;}
.vrta-toggle input{width:38px;height:22px;position:relative;appearance:none;background:#d9dce6;border-radius:999px;cursor:pointer;transition:.2s;}
.vrta-toggle input::before{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.3);}
.vrta-toggle input:checked{background:var(--vrta-green);}
.vrta-toggle input:checked::before{left:18px;}

.vrta-field{margin-bottom:14px;}
.vrta-field label{display:block;font-weight:600;font-size:.85rem;margin-bottom:5px;}
.vrta-field .vrta-help{font-size:.78rem;color:#8a92a8;margin-top:4px;}
.vrta-field input[type=text],
.vrta-field input[type=number],
.vrta-field input[type=email],
.vrta-field input[type=time],
.vrta-field input[type=date],
.vrta-field select,
.vrta-field textarea{
	width:100%;max-width:420px;padding:8px 10px;border:1px solid var(--vrta-border);border-radius:6px;
}

.vrta-btn{
	display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:6px;
	border:none;font-weight:600;font-size:.85rem;cursor:pointer;transition:opacity .15s;
}
.vrta-btn:disabled{opacity:.5;cursor:not-allowed;}
.vrta-btn-primary{background:var(--vrta-pink);color:#fff;}
.vrta-btn-primary:hover{opacity:.9;}
.vrta-btn-secondary{background:#fff;border:1px solid var(--vrta-border);color:var(--vrta-navy);}
.vrta-btn-secondary:hover{border-color:var(--vrta-navy);}
.vrta-btn-danger{background:#fff;border:1px solid rgba(255,77,141,.4);color:var(--vrta-pink);}
.vrta-btn-danger:hover{background:#FFE3EC;}
.vrta-btn-sm{padding:5px 10px;font-size:.78rem;}

.vrta-empty-state{text-align:center;padding:40px 20px;color:#8a92a8;}
.vrta-empty-state .dashicons{font-size:2.4rem;width:2.4rem;height:2.4rem;opacity:.4;margin-bottom:10px;}

.vrta-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:16px;}
.vrta-filters select,.vrta-filters input{padding:7px 10px;border:1px solid var(--vrta-border);border-radius:6px;}
@media (max-width: 600px){
	.vrta-filters{width:100%;}
	.vrta-filters select,.vrta-filters input,.vrta-filters button{width:100%;}
	.vrta-filters input[style]{min-width:0!important;}
	.vrta-header-bar .vrta-btn{width:100%;justify-content:center;}
}

.vrta-pagination{display:flex;gap:6px;justify-content:center;margin-top:16px;}
.vrta-pagination a,.vrta-pagination span{
	padding:6px 12px;border:1px solid var(--vrta-border);border-radius:6px;font-size:.82rem;text-decoration:none;color:var(--vrta-navy);
}
.vrta-pagination .vrta-current{background:var(--vrta-navy);color:#fff;border-color:var(--vrta-navy);}

.vrta-notice-inline{padding:10px 14px;border-radius:6px;font-size:.85rem;margin-bottom:14px;display:none;}
.vrta-notice-inline.vrta-show{display:block;}
.vrta-notice-inline.vrta-success{background:#DCF3E4;color:#2c6b41;}
.vrta-notice-inline.vrta-error{background:#FFE3EC;color:#a51e50;}

.vrta-stat-box{
	background:var(--vrta-cream);border:1px solid var(--vrta-border);border-radius:10px;
	padding:16px;text-align:center;
}
.vrta-stat-box .vrta-stat-num{font-size:1.6rem;font-weight:700;color:var(--vrta-navy);}
.vrta-stat-box .vrta-stat-lbl{font-size:.78rem;color:#8a92a8;}

.vrta-modal-overlay{
	display:none;position:fixed;inset:0;background:rgba(27,37,64,.5);z-index:100000;
	align-items:center;justify-content:center;
}
.vrta-modal-overlay.vrta-open{display:flex;}
.vrta-modal{
	background:#fff;border-radius:12px;padding:24px;max-width:520px;width:90%;
	max-height:85vh;overflow-y:auto;box-shadow:0 30px 70px -20px rgba(0,0,0,.4);
}
.vrta-modal h3{margin-top:0;}
.vrta-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;}

.vrta-occupancy-bar{
	width:100%;height:6px;background:#eef0f5;border-radius:999px;overflow:hidden;margin-top:4px;
}
.vrta-occupancy-bar-fill{height:100%;background:var(--vrta-blue);}
.vrta-occupancy-bar-fill.vrta-low{background:var(--vrta-pink);}

/* ============================================================
   Standalone-specifično: login stranica, top navigacija
   (WP verzija je koristila WP admin meni — ovde ga pravimo sami)
   ============================================================ */
body.vrt-login-body{
	margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;
	background:var(--vrta-cream);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}
.vrt-login-card{
	background:#fff;border-radius:16px;padding:40px 36px;width:100%;max-width:380px;
	box-shadow:0 30px 70px -30px rgba(27,37,64,.3);
}
.vrt-login-card h1{margin:0 0 4px;font-size:1.6rem;text-align:center;}
.vrt-login-subtitle{text-align:center;color:#8a92a8;margin:0 0 24px;font-size:.88rem;}
.vrt-login-form .vrt-field{margin-bottom:16px;}
.vrt-login-form input{width:100%;padding:11px 13px;border:1px solid var(--vrta-border);border-radius:8px;font-size:.95rem;}
.vrt-login-form .vrt-btn{
	display:inline-flex;align-items:center;justify-content:center;gap:8px;
	padding:12px 20px;border-radius:8px;font-weight:700;font-size:.95rem;border:none;
	transition:opacity .15s;
}
.vrt-login-form .vrt-btn-primary{background:var(--vrta-pink);color:#fff;}
.vrt-login-form .vrt-btn-primary:hover{opacity:.9;}

body.vrt-admin-body{
	margin:0;background:#f6f7fb;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:var(--vrta-navy);
}
.vrt-topnav{
	background:var(--vrta-navy);color:#fff;padding:0 24px;
	display:flex;align-items:center;justify-content:space-between;height:56px;
}
.vrt-topnav-brand{font-weight:700;font-size:1.05rem;display:flex;align-items:center;gap:8px;}
.vrt-topnav-links{display:flex;gap:4px;height:100%;}
.vrt-topnav-links a{
	color:rgba(255,255,255,.75);text-decoration:none;font-size:.88rem;font-weight:500;
	display:flex;align-items:center;padding:0 14px;height:100%;border-bottom:2px solid transparent;transition:.15s;
}
.vrt-topnav-links a:hover{color:#fff;}
.vrt-topnav-links a.vrt-active{color:#fff;border-bottom-color:var(--vrta-pink);}
.vrt-topnav-logout{color:rgba(255,255,255,.6);text-decoration:none;font-size:.85rem;}
.vrt-topnav-logout:hover{color:#fff;}
.vrt-admin-content{padding:24px;max-width:1200px;margin:0 auto;}

.vrt-topnav-toggle{
	display:none;background:none;border:none;color:#fff;font-size:1.4rem;
	width:40px;height:40px;align-items:center;justify-content:center;cursor:pointer;border-radius:6px;
}
.vrt-topnav-toggle:hover{background:rgba(255,255,255,.1);}

@media (max-width: 860px){
	.vrt-topnav{padding:0 14px;flex-wrap:wrap;height:auto;min-height:56px;}
	.vrt-topnav-toggle{display:flex;}
	.vrt-topnav-links{
		display:none;flex-direction:column;gap:0;width:100%;height:auto;
		order:3;border-top:1px solid rgba(255,255,255,.12);margin-top:8px;
	}
	.vrt-topnav.vrt-nav-open .vrt-topnav-links{display:flex;}
	.vrt-topnav-links a{
		height:auto;padding:13px 4px;border-bottom:1px solid rgba(255,255,255,.08);border-left:2px solid transparent;
	}
	.vrt-topnav-links a.vrt-active{border-bottom-color:rgba(255,255,255,.08);border-left-color:var(--vrta-pink);}
	.vrt-admin-content{padding:16px;}
}
@media (max-width: 480px){
	.vrt-login-card{padding:30px 22px;}
	.vrta-modal{padding:18px;}
	.vrta-card{padding:16px;}
}