/* MyCorner Premium — QA theme v1, presentation ONLY. Soft linen / ivory, no pure white or grey page backgrounds. */
:root {
  color-scheme: light !important;
  --mc-linen:#f4eee3; --mc-paper:#fbf7ef; --mc-raised:#fffaf1;
  --mc-wheat:#eee3d3; --mc-stroke:#dfd3c2; --mc-ink:#20363b;
  --mc-secondary:#697574; --mc-petrol:#285769; --mc-petrol-dark:#204452;
  --mc-focus:#9b7748; --mc-gold:#ba9666;
  --mk3-bg:var(--mc-linen)!important;--mk3-paper:var(--mc-paper)!important;
  --mk3-ink:var(--mc-ink)!important;--mk3-slate:var(--mc-secondary)!important;
  --mk3-edge:var(--mc-stroke)!important;--mk3-deep:var(--mc-petrol-dark)!important;
  --mk3-teal:var(--mc-petrol)!important;--mk3-accent:var(--mc-gold)!important;
  --surface:var(--mc-paper)!important;--surface2:#f5eddf!important;
  --surface3:var(--mc-wheat)!important;--line:var(--mc-stroke)!important;
  --text:var(--mc-ink)!important;--muted:var(--mc-secondary)!important;
  --accent:var(--mc-petrol)!important;--accent-soft:#e3ede9!important;
  --green:#317d60!important;--red:#b44e4c!important;
  --radius:17px!important;
  font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text',Inter,'Segoe UI',sans-serif!important;
}
html,body{background:var(--mc-linen)!important;background-image:none!important;color:var(--mc-ink)!important}
body{letter-spacing:-.008em;-webkit-font-smoothing:antialiased}
::selection{background:#d5c5aa;color:#172d33}
button,input,select,textarea{font-family:inherit!important}
a{color:var(--mc-petrol)!important}
:where(button,a,input,select,textarea):focus-visible{outline:2px solid var(--mc-focus)!important;outline-offset:2px!important}
/* Calm fixed navigation + restrained topbar */
.sidebar{background:#f0e7d9!important;border-right:1px solid var(--mc-stroke)!important;box-shadow:none!important}
.brand-name,.brand-sub,.nav-button{color:var(--mc-ink)!important}
.brand-sub{color:var(--mc-secondary)!important}
.brand-mark,.mk3-topmark{background:var(--mc-petrol-dark)!important;color:#f9efe0!important;border-color:var(--mc-petrol-dark)!important;box-shadow:none!important;border-radius:12px!important}
.nav-button{background:transparent!important;border-radius:12px!important;font-weight:600!important;box-shadow:none!important}
.nav-button.active{background:#dce6df!important;color:var(--mc-petrol-dark)!important;box-shadow:inset 3px 0 var(--mc-petrol)!important}
.nav-button.active .nav-icon,.nav-button.active svg{color:var(--mc-petrol)!important}
.nav-button:hover:not(.active){background:#e8ddcc!important}
.topbar{background:rgba(244,238,227,.95)!important;border-bottom-color:var(--mc-stroke)!important;box-shadow:none!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.topbar-title,.top-actions,.mk3-topname{color:var(--mc-ink)!important}
.mk3-topname small,.mk564-version{background:#e8ddcb!important;color:#675a45!important;border:1px solid #ddcfb8!important;box-shadow:none!important}
.page-head{margin-top:18px!important;margin-bottom:16px!important}
.page-title{font-weight:760!important;font-size:clamp(27px,3vw,34px)!important;letter-spacing:-.035em!important;color:var(--mc-ink)!important}
.page-sub,.card-sub,.mk4-hint{color:var(--mc-secondary)!important}
/* Clean ivory layers; little/no drop shadow */
.card,.kpi,.v6-group-card,.v6-client,.v7-client-card,.v27-event,.v27-event-detail,.v27-participant,.v17-panel,.v16-panel,.v29-block,.v29-event,.v18-hero,.v18-lesson,.v18-overview,.v18-week,.v24-criterion,.v24-intro,
.mc583-panel,.mc583-card,.mk4-stats>div,.mk3-stat,.mk575-panel,.mc588-criterion,
.v9-sync-card,.v8-roster-card,.mc587-summary,.mc587-lesson-row,.mc587-row,
.mc588-audit,.mk575-tabs{
 background:var(--mc-paper)!important;background-image:none!important;
 border-color:var(--mc-stroke)!important;color:var(--mc-ink)!important;
 box-shadow:none!important;border-radius:17px!important;
}
.card,.kpi{padding:15px!important}
.card-title,.mc583-card-title,.mc583-panel h2,.mk4-panel h2,.mk575-heading h1,.mk575-intro h1{color:var(--mc-ink)!important}
.kpi-grid{gap:9px!important;margin-bottom:14px!important}
.kpi-val,.big-num,.mk4-stats strong{color:var(--mc-ink)!important;font-variant-numeric:tabular-nums}
.kpi-ico,.mk3-stat-icon{color:var(--mc-petrol)!important}
/* Home hero becomes light editorial cover, not a giant dark gradient */
.mk3-hero{background:linear-gradient(110deg,#efe0c8,#f9f0e2 78%)!important;
 color:var(--mc-ink)!important;border:1px solid #e1d0b5!important;
 box-shadow:none!important;border-radius:22px!important;min-height:190px!important;padding:26px!important}
.mk3-hero h1,.mk3-hero h1 em{color:var(--mc-ink)!important;font-size:clamp(28px,4vw,39px)!important;letter-spacing:-.04em!important}
.mk3-hero h1 em{color:var(--mc-petrol)!important}
.mk3-hero p{color:#526662!important}
.mk3-hero .mk3-eyebrow{color:#736348!important;letter-spacing:.08em!important}
.mk3-hero-decoration{opacity:.07!important}
.mk3-hero-decoration>span{color:var(--mc-petrol)!important}
.mk3-hero-button{background:var(--mc-petrol)!important;color:#fff9ef!important;border-color:var(--mc-petrol)!important}
.mk3-hero-secondary{background:#f6ead7!important;color:var(--mc-petrol)!important;border:1px solid #d6c5a9!important}
.mk3-stat{background:var(--mc-paper)!important;border:1px solid var(--mc-stroke)!important}
/* Compact touch targets and input fields */
.btn,.mk575-tab,.mc583-actions button,.mc587-extras button,.mk3-hero-button,.mk3-hero-secondary{
 border-radius:12px!important;box-shadow:none!important;transition:background-color .16s ease,border-color .16s ease,transform .16s ease!important}
.btn{background:#f0e7d9!important;color:var(--mc-ink)!important;border:1px solid var(--mc-stroke)!important;min-height:39px!important;font-weight:660!important}
.btn.primary,.pill.active,.status-btn.selected:not(.absent):not(.excused),.mk575-tab.active{
 background:var(--mc-petrol)!important;border-color:var(--mc-petrol)!important;color:#fff9f0!important}
.btn.ghost{background:transparent!important;color:var(--mc-petrol)!important}
.btn:hover{filter:none!important;background:#e5dac9!important}
.btn.primary:hover{background:var(--mc-petrol-dark)!important}
.input,.select,.textarea,.role-switch,input:not([type=checkbox]):not([type=radio]),select,textarea{
 background:var(--mc-raised)!important;color:var(--mc-ink)!important;
 border-color:#d9cdbd!important;border-radius:11px!important;box-shadow:none!important;
}
input::placeholder,textarea::placeholder{color:#857f73!important}
.field label,label,.mc583-muted{color:var(--mc-secondary)!important}
input[type=checkbox],input[type=radio]{accent-color:var(--mc-petrol)!important}
/* Lists and tables: slim, clear horizontal rules */
.list-row,.v6-person-row,.v6-schedule-row,.v6-legacy-row,.att-row,.v8-att-row,.v8-roster-row,.mk4-task,
.mc583-person-row,.mk575-roster-row,.mc587-row{border-color:var(--mc-stroke)!important;padding-top:11px!important;padding-bottom:11px!important}
.table th,.table td,table th,table td{border-color:var(--mc-stroke)!important}
.table th{color:var(--mc-secondary)!important;background:#f1e8da!important}
.table tr:nth-child(2n){background:rgba(245,235,219,.45)!important}
.avatar{background:#e0d2bd!important;color:var(--mc-petrol-dark)!important;border-radius:13px!important}
.tag,.pill,.mc583-pill{background:#efe6d9!important;border-color:var(--mc-stroke)!important;color:#465f5e!important}
.calendar-day,.time-slot,.calendar-summary,.calendar-event,.v8-roster-period,.mk575-tab,.mc587-date{background:var(--mc-paper)!important;color:var(--mc-ink)!important;border-color:var(--mc-stroke)!important}
.calendar-day.selected,.time-slot.selected,.mk575-tab.active{background:var(--mc-petrol)!important;color:#fffaf2!important;border-color:var(--mc-petrol)!important}
/* Consistent gentle dialog, easy to read on iPhone */
.modal-backdrop{background:rgba(28,37,36,.33)!important;backdrop-filter:blur(3px)}
.modal,.modal-card,.mc568-dialog,.mc588-safe-modal{background:var(--mc-paper)!important;color:var(--mc-ink)!important;border-color:var(--mc-stroke)!important;box-shadow:0 15px 60px #302b2426!important}
#toast{background:var(--mc-petrol-dark)!important;border-color:var(--mc-petrol)!important;color:#fff9ef!important;border-radius:12px!important}
/* QA mobile navigation: compact, fixed and readable */
@media(max-width:800px){
 .workspace{padding-left:13px!important;padding-right:13px!important;padding-bottom:105px!important}
 .topbar{padding:11px 0!important;background:rgba(244,238,227,.96)!important}
 .mobile-nav{background:rgba(251,247,239,.97)!important;border-color:var(--mc-stroke)!important;box-shadow:0 8px 26px #685a4524!important;border-radius:19px!important}
 .mobile-nav button{color:#6a746e!important;background:transparent!important}
 .mobile-nav button.active{color:var(--mc-petrol-dark)!important;background:#e4ede7!important}
 .page-title{font-size:27px!important}
 .mk3-hero{min-height:150px!important;padding:22px 18px!important;border-radius:19px!important}
 .mk3-hero h1,.mk3-hero h1 em{font-size:30px!important}
 .mk3-hero-actions{margin-top:15px!important;gap:7px!important}
 .card,.kpi{padding:14px!important;border-radius:15px!important}
 .kpi{min-height:unset!important}
 .kpi-grid{gap:8px!important}
}
@media(max-width:375px){.mk3-topname small{font-size:9px!important}.mobile-nav button{font-size:10px!important}}
@media(prefers-reduced-motion:reduce){.btn,.mk575-tab,.mk3-hero-button,.mk3-hero-secondary{transition:none!important}}