/* Web & K Client Manager — Dashboard CSS */

/* Force light theme container to override dark themes */
.webetk-cm-dashboard,
.webetk-cm-login-notice,
.webetk-cm-admin-selector {
	background: #f8fafc !important;
	color: #1e293b !important;
	border-radius: 16px;
	padding: 32px;
	position: relative;
	z-index: 1;
}

/* Override any inherited dark styles */
.webetk-cm-dashboard *, .webetk-cm-login-notice * {
	color: inherit;
}
.webetk-cm-dashboard a { color: #2563eb; }
.webetk-cm-dashboard a:hover { color: #1d4ed8; }

.webetk-cm-dashboard{max-width:960px;margin:40px auto;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#1e293b}
.webetk-cm-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}
.webetk-cm-welcome{font-size:1.6rem;font-weight:700;margin:0}
.webetk-cm-company{color:#64748b;margin:4px 0 0}
.webetk-cm-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 22px;font-size:.88rem;font-weight:600;color:#fff;background:#2563eb;border:none;border-radius:8px;cursor:pointer;transition:background .2s}
.webetk-cm-btn:hover{background:#1d4ed8}
.webetk-cm-btn--outline{background:transparent;color:#2563eb;border:1px solid #2563eb}
.webetk-cm-btn--outline:hover{background:#eff6ff}
.webetk-cm-tabs{display:flex;gap:4px;border-bottom:2px solid #e2e8f0;margin-bottom:30px}
.webetk-cm-tab{padding:12px 20px;font-size:.9rem;font-weight:500;color:#64748b;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s;text-decoration:none}
.webetk-cm-tab:hover{color:#1e293b}
.webetk-cm-tab.active{color:#2563eb;border-bottom-color:#2563eb;font-weight:600}
.webetk-cm-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:.72rem;font-weight:700;color:#fff;background:#2563eb;border-radius:100px;margin-left:6px}
.webetk-cm-badge--danger{background:#ef4444}
.webetk-cm-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}
.webetk-cm-kpi{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:12px}
.webetk-cm-kpi--danger{border-color:#fca5a5;background:#fef2f2}
.webetk-cm-kpi__icon{font-size:1.5rem}
.webetk-cm-kpi__data{display:flex;flex-direction:column}
.webetk-cm-kpi__number{font-size:1.8rem;font-weight:800;color:#0f172a}
.webetk-cm-kpi__label{font-size:.85rem;color:#64748b}
.webetk-cm-progress{height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}
.webetk-cm-progress--large{height:10px;border-radius:5px}
.webetk-cm-progress__bar{height:100%;background:linear-gradient(90deg,#2563eb,#7c3aed);border-radius:3px;transition:width .6s ease}
.webetk-cm-progress__bar--danger{background:linear-gradient(90deg,#ef4444,#f97316)}
.webetk-cm-section{margin-bottom:30px}
.webetk-cm-section__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.webetk-cm-section__header h3{font-size:1.15rem;font-weight:700;margin:0}
.webetk-cm-link{font-size:.88rem;color:#2563eb;font-weight:500;text-decoration:none}
.webetk-cm-table-wrap{overflow-x:auto}
.webetk-cm-table{width:100%;border-collapse:collapse;font-size:.88rem}
.webetk-cm-table th{text-align:left;padding:10px 14px;font-weight:600;color:#64748b;border-bottom:2px solid #e2e8f0;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}
.webetk-cm-table td{padding:12px 14px;border-bottom:1px solid #f1f5f9}
.webetk-cm-table tr:hover td{background:#f8fafc}
.webetk-cm-table a{color:#2563eb;font-weight:500;text-decoration:none}
.webetk-cm-status{display:inline-block;padding:3px 10px;border-radius:100px;font-size:.75rem;font-weight:600}
.webetk-cm-status--open{background:#dbeafe;color:#1d4ed8}
.webetk-cm-status--in_progress{background:#fef3c7;color:#92400e}
.webetk-cm-status--waiting{background:#f3e8ff;color:#7c3aed}
.webetk-cm-status--resolved{background:#d1fae5;color:#065f46}
.webetk-cm-status--closed{background:#f1f5f9;color:#64748b}
.webetk-cm-status--paid{background:#d1fae5;color:#065f46}
.webetk-cm-status--pending{background:#fef3c7;color:#92400e}
.webetk-cm-status--overdue{background:#fee2e2;color:#991b1b}
.webetk-cm-priority{font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:4px}
.webetk-cm-priority--low{color:#64748b}
.webetk-cm-priority--medium{color:#2563eb}
.webetk-cm-priority--high{color:#f59e0b}
.webetk-cm-priority--urgent{color:#ef4444;font-weight:700}
.webetk-cm-empty{color:#94a3b8;padding:30px;text-align:center;font-style:italic}
.webetk-cm-form-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:24px;margin-bottom:24px}
.webetk-cm-form-card h4{margin:0 0 16px;font-size:1.05rem}
.webetk-cm-form-group{margin-bottom:16px}
.webetk-cm-form-group label{display:block;font-size:.85rem;font-weight:600;color:#475569;margin-bottom:6px}
.webetk-cm-form-group input,.webetk-cm-form-group select,.webetk-cm-form-group textarea{width:100%;padding:10px 14px;font-size:.9rem;border:1px solid #cbd5e1;border-radius:8px;outline:none;transition:border-color .2s;font-family:inherit}
.webetk-cm-form-group input:focus,.webetk-cm-form-group select:focus,.webetk-cm-form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.1)}
.webetk-cm-form-actions{display:flex;gap:10px}
.webetk-cm-feedback{margin-top:10px;font-size:.88rem;font-weight:500}
.webetk-cm-feedback.success{color:#059669}
.webetk-cm-feedback.error{color:#ef4444}
.webetk-cm-ticket-header{margin:20px 0}
.webetk-cm-ticket-header h3{margin:0 0 8px}
.webetk-cm-ticket-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:.85rem;color:#64748b}
.webetk-cm-message{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px;margin-bottom:12px}
.webetk-cm-message--admin{background:#eff6ff;border-color:#bfdbfe}
.webetk-cm-message__author{font-weight:600;font-size:.85rem;margin-bottom:8px;display:flex;align-items:center;gap:8px}
.webetk-cm-message__author time{font-weight:400;color:#94a3b8;font-size:.8rem}
.webetk-cm-message__body{font-size:.92rem;line-height:1.65;color:#334155}
.webetk-cm-badge-small{font-size:.7rem;background:#2563eb;color:#fff;padding:2px 8px;border-radius:100px}
.webetk-cm-reply-form{margin-top:20px;padding:20px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px}
.webetk-cm-reply-form h4{margin:0 0 12px}
.webetk-cm-reply-form textarea{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:8px;font-size:.9rem;font-family:inherit;resize:vertical;margin-bottom:12px}
.webetk-cm-closed-notice{padding:16px;background:#f1f5f9;border-radius:8px;color:#64748b;text-align:center;font-style:italic;margin-top:20px}
.webetk-cm-alert{padding:16px 20px;border-radius:10px;font-size:.92rem;font-weight:500;margin-bottom:20px}
.webetk-cm-alert--danger{background:#fef2f2;border:1px solid #fca5a5;color:#991b1b}
.webetk-cm-alert--maintenance{background:#fffbeb;border:1px solid #fde68a;color:#92400e;animation:webetk-pulse-border 2s ease-in-out infinite}
.webetk-cm-alert--maintenance small{display:block;margin-top:4px;font-size:.8rem;color:#a16207}
@keyframes webetk-pulse-border{0%,100%{border-color:#fde68a}50%{border-color:#f59e0b}}
.webetk-cm-hours-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:30px;text-align:center;margin-bottom:30px}
.webetk-cm-hours-big{font-size:3rem;font-weight:800;color:#0f172a}
.webetk-cm-hours-sub{display:block;color:#64748b;font-size:.92rem;margin:4px 0 20px}
.webetk-cm-hours-card__used{color:#64748b;font-size:.88rem;margin-top:12px}
.webetk-cm-login-notice{text-align:center;padding:60px 20px;background:#f8fafc !important;border-radius:16px;max-width:500px;margin:40px auto}
.webetk-cm-login-notice p{font-size:1.1rem;color:#64748b !important;margin-bottom:20px}

@media(max-width:768px){
.webetk-cm-kpis{grid-template-columns:1fr}
.webetk-cm-tabs{overflow-x:auto;flex-wrap:nowrap}
.webetk-cm-header{flex-direction:column;align-items:flex-start;gap:12px}
}

/* Documents */
.webetk-cm-docs-category{font-size:1rem;font-weight:700;color:#334155;margin:24px 0 12px;padding-bottom:8px;border-bottom:1px solid #e2e8f0}
.webetk-cm-docs-grid{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}
.webetk-cm-doc-card{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:18px 20px;transition:border-color .2s,box-shadow .2s}
.webetk-cm-doc-card:hover{border-color:#93c5fd;box-shadow:0 4px 20px rgba(37,99,235,.06)}
.webetk-cm-doc-card__icon{font-size:2rem;flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border-radius:10px}
.webetk-cm-doc-card__info{flex:1;min-width:0}
.webetk-cm-doc-card__info strong{display:block;font-size:.95rem;color:#0f172a;margin-bottom:2px}
.webetk-cm-doc-card__desc{font-size:.82rem;color:#64748b;margin:2px 0 0}
.webetk-cm-doc-card__meta{display:flex;gap:12px;font-size:.78rem;color:#94a3b8;margin-top:4px;flex-wrap:wrap}
.webetk-cm-doc-card__meta span{white-space:nowrap}

/* Admin client selector */
.webetk-cm-admin-selector{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:14px 20px;margin-bottom:24px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:.9rem}
.webetk-cm-admin-selector label{font-weight:600;color:#1e40af}
.webetk-cm-admin-selector select{padding:8px 12px;border:1px solid #93c5fd;border-radius:6px;font-size:.88rem;background:#fff;min-width:280px}
.webetk-cm-btn--small{padding:6px 14px;font-size:.8rem;border-radius:6px}
.webetk-cm-text-muted{color:#94a3b8;font-size:.82rem}
.webetk-cm-kpi--warning{border-color:#fde68a;background:#fffbeb}