/*
Theme Name: Productivity
Theme URI: https://example.com/productivity
Author: Cascade
Description: Чистая мобильная тема для плагина «Employee Productivity Tracker». Современный адаптивный дизайн, оптимизированный под учёт продуктивности сотрудников.
Version: 1.0.0
License: GPL-2.0+
Text Domain: productivity
*/

:root{
    --p-primary:#4f46e5;
    --p-primary-dark:#4338ca;
    --p-bg:#f1f5f9;
    --p-text:#0f172a;
    --p-muted:#64748b;
    --p-card:#fff;
    --p-border:#e2e8f0;
    --p-radius:16px;
}

*{box-sizing:border-box;}

body{
    margin:0;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Arial,sans-serif;
    background:var(--p-bg);
    color:var(--p-text);
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
}

a{color:var(--p-primary);text-decoration:none;}
a:hover{text-decoration:underline;}

img{max-width:100%;height:auto;}

.p-container{max-width:960px;margin:0 auto;padding:0 18px;}

/* Header */
.p-site-header{
    position:sticky;
    top:0;
    z-index:50;
    background:rgba(255,255,255,.85);
    backdrop-filter:saturate(180%) blur(12px);
    border-bottom:1px solid var(--p-border);
}
.p-header-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:64px;
}
.p-logo{font-weight:800;font-size:20px;color:var(--p-text);display:flex;align-items:center;gap:8px;}
.p-logo span{color:var(--p-primary);}
.p-nav{display:flex;gap:18px;flex-wrap:wrap;}
.p-nav a{color:var(--p-muted);font-weight:600;font-size:15px;}
.p-nav a:hover{color:var(--p-primary);text-decoration:none;}

/* Hero */
.p-hero{
    background:linear-gradient(160deg,#eef2ff,#f8fafc);
    padding:64px 0 56px;
    text-align:center;
}
.p-hero h1{font-size:40px;line-height:1.15;margin:0 0 16px;}
.p-hero p{font-size:18px;color:var(--p-muted);max-width:640px;margin:0 auto 28px;}
.p-btn{
    display:inline-block;
    background:var(--p-primary);
    color:#fff;
    padding:14px 26px;
    border-radius:12px;
    font-weight:700;
    font-size:16px;
}
.p-btn:hover{background:var(--p-primary-dark);text-decoration:none;}

/* Features */
.p-features{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
    gap:18px;
    margin:48px 0;
}
.p-feature{
    background:var(--p-card);
    border:1px solid var(--p-border);
    border-radius:var(--p-radius);
    padding:24px;
}
.p-feature .ico{font-size:32px;margin-bottom:10px;}
.p-feature h3{margin:0 0 8px;font-size:18px;}
.p-feature p{margin:0;color:var(--p-muted);font-size:15px;}

/* Content */
.p-main{padding:40px 0;}
.p-card{
    background:var(--p-card);
    border:1px solid var(--p-border);
    border-radius:var(--p-radius);
    padding:28px;
    margin-bottom:24px;
}
.p-card h2{margin-top:0;}

.entry-title{font-size:28px;margin:0 0 12px;}
.entry-meta{color:var(--p-muted);font-size:14px;margin-bottom:16px;}

/* Footer */
.p-site-footer{
    border-top:1px solid var(--p-border);
    padding:28px 0;
    text-align:center;
    color:var(--p-muted);
    font-size:14px;
    background:#fff;
}

@media (max-width:600px){
    .p-hero h1{font-size:30px;}
    .p-header-inner{height:56px;}
    .p-nav{gap:12px;}
}