/* IMARIKA CRM v1.53 — Responsive UX & Full UI Quality Assurance */
:root{
 --qa-font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI",sans-serif;
 --qa-text:#18212b;--qa-muted:#667085;--qa-line:#e7eaee;--qa-bg:#f5f6f8;--qa-card:#fff;
 --qa-primary:#173b2d;--qa-focus:0 0 0 3px rgba(23,59,45,.16);
 --qa-radius-sm:10px;--qa-radius-md:16px;--qa-radius-lg:22px;
}
html{font-size:13px}
body,.app-shell,.sidebar,.topbar,.page-content{font-family:var(--qa-font)}
*{box-sizing:border-box}
button,input,select,textarea{font:inherit}
a,button,input,select,textarea{transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease,transform .16s ease}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:var(--qa-focus)}
button,.btn,.button,[type="button"],[type="submit"],[type="reset"]{min-height:36px;border-radius:10px}
.btn-icon,.icon-btn,.action-icon{width:36px;min-width:36px;padding:0;display:inline-flex;align-items:center;justify-content:center}
input,select,textarea{border-radius:10px;border:1px solid var(--qa-line);min-height:38px;color:var(--qa-text)}
textarea{min-height:96px;padding:10px 12px}
input:focus,select:focus,textarea:focus{border-color:#5c8878;box-shadow:var(--qa-focus)}
.page-header,.qa-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
.qa-page-heading{display:flex;gap:12px;align-items:flex-start}.qa-page-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#edf4f1;color:var(--qa-primary)}
.qa-page-title{margin:0;font-size:27.5px;line-height:1.2;letter-spacing:-.03em;font-weight:720}.qa-page-description{margin:5px 0 0;color:var(--qa-muted);font-size:13px;line-height:1.5}
.qa-actions{display:flex;gap:8px;flex-wrap:wrap}
.card,.qa-card,.panel,.section-card{border-radius:var(--qa-radius-md);border:1px solid var(--qa-line);background:var(--qa-card);box-shadow:0 8px 22px rgba(16,24,40,.035)}
.table-responsive{width:100%;overflow:auto;-webkit-overflow-scrolling:touch}
table{border-collapse:collapse}th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--qa-muted)}td,th{vertical-align:middle}
.qa-empty,.empty-state{padding:34px 20px;text-align:center;border:1px dashed #d8dee5;border-radius:16px;color:var(--qa-muted)}
.qa-status{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:700}
.qa-status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.qa-filter-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.qa-filter-bar input,.qa-filter-bar select{max-width:260px}
@media(max-width:960px){
 .sidebar{width:min(88vw,320px)}
 .page-header,.qa-page-header{flex-direction:column}
 .qa-actions{width:100%}.qa-actions .btn,.qa-actions button{flex:1}
 .kpi-grid,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .table-responsive table{min-width:680px}
}
@media(max-width:640px){
 html{font-size:13px}
 .qa-page-title{font-size:24px}
 .page-content,.main-content{padding-left:14px;padding-right:14px}
 .card,.qa-card,.panel,.section-card{border-radius:14px}
 .kpi-grid,.stats-grid{grid-template-columns:1fr}
 .qa-filter-bar{align-items:stretch}.qa-filter-bar input,.qa-filter-bar select{max-width:none;width:100%}
 .modal-content,.modal-dialog{width:calc(100vw - 20px);max-width:none;margin:10px auto}
 .btn,.button,button,[type="button"],[type="submit"]{min-height:40px}
 .btn-icon,.icon-btn,.action-icon{width:40px;min-width:40px}
}

/* ---- Apple-style overhaul ---- */
:root{--qa-text:#1d1d1f;--qa-muted:#6e6e73;--qa-line:rgba(0,0,0,.08);--qa-primary:#138a36;--qa-focus:0 0 0 4px rgba(19,138,54,.16)}
button,.btn,.button,[type="button"],[type="submit"],[type="reset"]{border-radius:999px}
.qa-page-icon{border-radius:12px;background:#eaf7ee;color:var(--qa-primary)}
.card,.qa-card,.panel,.section-card{border-radius:20px;box-shadow:0 2px 10px rgba(0,0,0,.045)}
.qa-status{font-weight:700}