/* TAS-style proportions with IQAUDIT colours. Existing controls keep their IDs. */
:root{--iq-green:#1a8f20;--iq-red:#e30613;--iq-ink:#111827}
body>.app-header,body>main,body>.app-footer{width:calc(100% - 48px);max-width:1320px;margin-left:auto;margin-right:auto;box-sizing:border-box}
.app-header{display:block!important;margin-top:24px;padding:0!important;overflow:hidden;border-radius:8px!important;background:white!important}
.app-header .brand{display:block!important;width:100%}
.app-header .header-logo-frame{position:static!important;float:none!important;inset:auto!important;transform:none!important;margin:0!important}
.app-header .brand-meta{width:100%!important;max-width:none!important;box-sizing:border-box;position:static!important}
.app-header .brand-meta strong{color:white!important}
.header-logo-frame{width:100%!important;max-width:none!important;height:170px!important;background:white!important;display:flex;align-items:center;justify-content:center;padding:12px!important;box-sizing:border-box}
.header-logo-frame img{width:100%!important;height:146px!important;max-height:146px!important;object-fit:contain;object-position:center!important}
.brand-meta{display:flex!important;flex-direction:column;align-items:flex-start!important;padding:20px 24px;background:linear-gradient(110deg,#1a8f20,#105a18);color:white!important;border-bottom:4px solid var(--iq-red);gap:5px}
.brand-meta strong{font-size:24px!important}.brand-meta span,.brand-meta a{color:white!important;font-size:13px!important}
.tabs{padding:14px 18px!important;background:white!important;gap:8px!important;flex-wrap:wrap}
.tab,button,.button,.secondary,.primary{border-radius:5px!important}
input,select,textarea,.panel,.analytics-card,.settings-invite{border-radius:6px!important}
.tab,.secondary{background:var(--iq-green);color:white}.tab.active,.primary{background:var(--iq-red);color:white}
.page-title{padding:22px 24px;background:linear-gradient(110deg,#1a8f20,#105a18);color:white;border-bottom:4px solid var(--iq-red);border-radius:6px}
.page-title h1,.page-title p,.page-title .save-status{color:white}
.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.metric.dashboard-folder{border-radius:6px!important;min-height:145px;align-items:flex-start;text-align:left;background:white!important;border-top:4px solid var(--iq-green);padding:22px!important;color:var(--iq-ink)!important}
.dashboard-folder strong{background:var(--iq-red);color:white;border-radius:5px;padding:10px 15px;font-size:14px!important}
.iq-module-links{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.iq-module-links a{display:inline-block;background:var(--iq-green);color:white;text-decoration:none;border-radius:5px;padding:12px 16px;font-weight:700}
.app-footer{background:linear-gradient(110deg,#1a8f20,#105a18)!important;color:white!important;border-top:4px solid var(--iq-red);padding:22px 26px!important;font-size:13px!important;align-items:start}
.app-footer a,.app-footer span,.app-footer strong{color:white!important;font-size:13px!important;line-height:1.5}
.footer-powered-by img{height:105px!important;object-fit:contain;background:white;padding:8px}
@media(max-width:640px){body>.app-header,body>main,body>.app-footer{width:calc(100% - 20px)}.metrics{grid-template-columns:1fr}.brand-meta{padding:18px}.header-logo-frame{height:140px!important}.header-logo-frame img{height:116px!important}}
@media print{.iq-module-links{display:none}.page-title{background:white;color:black}}