/* Shared business template styles */

/* admin-panel-home.html */
body[data-template="admin-panel-home"] {
    font-family: 'Inter', sans-serif;
    background-color: #0a122a;
}

body[data-template="admin-panel-home"] .material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

body[data-template="admin-panel-home"] .glass-panel {
    background: rgba(10, 18, 42, 0.7);
    backdrop-filter: blur(20px);
}

body[data-template="admin-panel-home"]::-webkit-scrollbar,
body[data-template="admin-panel-home"] *::-webkit-scrollbar {
    width: 6px;
}

body[data-template="admin-panel-home"]::-webkit-scrollbar-track,
body[data-template="admin-panel-home"] *::-webkit-scrollbar-track {
    background: #0a122a;
}

body[data-template="admin-panel-home"]::-webkit-scrollbar-thumb,
body[data-template="admin-panel-home"] *::-webkit-scrollbar-thumb {
    background: #2c344d;
    border-radius: 10px;
}

/* admin-panel-settings.htm */
body[data-template="admin-panel-settings"] {
    font-family: 'Inter', sans-serif;
    background-color: #0a122a;
}

body[data-template="admin-panel-settings"] .material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

body[data-template="admin-panel-settings"]::-webkit-scrollbar,
body[data-template="admin-panel-settings"] *::-webkit-scrollbar {
    width: 6px;
}

body[data-template="admin-panel-settings"]::-webkit-scrollbar-track,
body[data-template="admin-panel-settings"] *::-webkit-scrollbar-track {
    background: #0a122a;
}

body[data-template="admin-panel-settings"]::-webkit-scrollbar-thumb,
body[data-template="admin-panel-settings"] *::-webkit-scrollbar-thumb {
    background: #2c344d;
    border-radius: 10px;
}

body[data-template="admin-panel-settings"]::-webkit-scrollbar-thumb:hover,
body[data-template="admin-panel-settings"] *::-webkit-scrollbar-thumb:hover {
    background: #43e0cf;
}

/* concent.html */
body[data-template="concent"] .glass-panel {
    background: rgba(10, 18, 42, 0.7);
    backdrop-filter: blur(20px);
}

body[data-template="concent"] .tonal-layer {
    background: linear-gradient(135deg, rgba(67, 224, 207, 0.05) 0%, rgba(10, 18, 42, 0) 100%);
}

body[data-template="concent"] .material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* home-platform.html */
body[data-template="home-platform"] .material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

body[data-template="home-platform"] .tonal-shift {
    background-color: rgba(23, 30, 55, 0.4);
}

body[data-template="home-platform"] {
    font-family: 'Inter', sans-serif;
    background-color: #0a122a;
    color: #dbe1ff;
}

/* home-pricing.html */
body[data-template="home-pricing"] .material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

body[data-template="home-pricing"] .glass-card {
    background: rgba(33, 41, 66, 0.4);
    backdrop-filter: blur(12px);
}

body[data-template="home-pricing"] input[type='range']::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 1.5rem;
    height: 1.5rem;
    background: #43e0cf;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 0 15px rgba(67, 224, 207, 0.4);
}

/* home.html */
body[data-template="home"] .material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

body[data-template="home"] .tonal-shift {
    background-color: rgba(19, 26, 51, 0.4);
}

body[data-template="home"] .glass-card {
    background: rgba(44, 52, 77, 0.3);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(60, 74, 71, 0.15);
}

body[data-template="home"] .hero-gradient {
    background: radial-gradient(circle at 70% 30%, rgba(67, 224, 207, 0.08) 0%, transparent 60%);
}

/* login.html */
body[data-template="login"] .material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

body[data-template="login"] .glass-card {
    background: rgba(23, 30, 55, 0.6);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(67, 224, 207, 0.1);
}

body[data-template="login"] .tonal-layer {
    background: radial-gradient(circle at top right, rgba(67, 224, 207, 0.08), transparent 40%),
    radial-gradient(circle at bottom left, rgba(255, 191, 66, 0.05), transparent 40%);
}

/* onboard-1.html */
body[data-template="onboard-1"] {
    background-color: #0a122a;
    color: #dbe1ff;
    font-family: 'Inter', sans-serif;
}

body[data-template="onboard-1"] .material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

body[data-template="onboard-1"]::-webkit-scrollbar,
body[data-template="onboard-1"] *::-webkit-scrollbar {
    width: 6px;
}

body[data-template="onboard-1"]::-webkit-scrollbar-track,
body[data-template="onboard-1"] *::-webkit-scrollbar-track {
    background: #0a122a;
}

body[data-template="onboard-1"]::-webkit-scrollbar-thumb,
body[data-template="onboard-1"] *::-webkit-scrollbar-thumb {
    background: #171e37;
    border-radius: 10px;
}

body[data-template="onboard-1"]::-webkit-scrollbar-thumb:hover,
body[data-template="onboard-1"] *::-webkit-scrollbar-thumb:hover {
    background: #2c344d;
}

/* onboard-2.html */
body[data-template="onboard-2"] .material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

body[data-template="onboard-2"] .glass-effect {
    backdrop-filter: blur(20px);
    background-color: rgba(10, 18, 42, 0.7);
}

body[data-template="onboard-2"] .hide-scrollbar::-webkit-scrollbar {
    display: none;
}

/* onboard-3.html */
body[data-template="onboard-3"] .material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

body[data-template="onboard-3"] .glass-effect {
    backdrop-filter: blur(20px);
    background: rgba(10, 18, 42, 0.7);
}

/* onboard-4.html */
body[data-template="onboard-4"] {
    font-family: 'Inter', sans-serif;
}

body[data-template="onboard-4"] .material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* onboard-5.html */
body[data-template="onboard-5"] .material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    vertical-align: middle;
}

body[data-template="onboard-5"] {
    font-family: 'Inter', sans-serif;
    background-color: #0a122a;
    color: #dbe1ff;
}

/* onboard-6.html */
body[data-template="onboard-6"] .material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

body[data-template="onboard-6"] .glass-card {
    background: rgba(44, 52, 77, 0.4);
    backdrop-filter: blur(12px);
}

/* order-1.html */
body[data-template="order-1"] .material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    vertical-align: middle;
}

body[data-template="order-1"] .glass-panel {
    background: rgba(10, 18, 42, 0.7);
    backdrop-filter: blur(20px);
}

/* order-2.html */
body[data-template="order-2"] .material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

body[data-template="order-2"] {
    background-color: #0a122a;
    color: #dbe1ff;
}

/* order-3.html */
body[data-template="order-3"] .material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

body[data-template="order-3"] input[type="range"]::-webkit-slider-runnable-track {
    background: #171e37;
    height: 8px;
    border-radius: 4px;
}

body[data-template="order-3"] input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    background: #43e0cf;
    cursor: pointer;
    margin-top: -8px;
    box-shadow: 0 0 15px rgba(67, 224, 207, 0.4);
}

/* order-4.html */
body[data-template="order-4"] .material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

body[data-template="order-4"] {
    background-color: #0a122a;
    color: #dbe1ff;
    font-family: 'Inter', sans-serif;
}

body[data-template="order-4"] .glass-panel {
    background: rgba(44, 52, 77, 0.4);
    backdrop-filter: blur(20px);
}

/* order-5.html */
body[data-template="order-5"] .material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

body[data-template="order-5"] .glass-card {
    background: rgba(44, 52, 77, 0.4);
    backdrop-filter: blur(12px);
}

/* verify.html */
body[data-template="verify"] .material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

body[data-template="verify"] .tonal-shift {
    transition: background-color 0.3s ease;
}

body[data-template="verify"] input::-webkit-outer-spin-button,
body[data-template="verify"] input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

body[data-template="verify"] input[type=number] {
    -moz-appearance: textfield;
}

body[data-template] .material-symbols-outlined.material-symbols-filled {
    font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}