/* Mimone 2.0 beta — UI layer, no persistence changes */
:root{--m2-ink:#293345;--m2-accent:#467e71;--m2-border:#e3e4eb;--m2-bg:#f8f7fb}
body{background:var(--m2-bg);color:var(--m2-ink);overflow-x:hidden}
header{background:linear-gradient(135deg,#faf7fd,#e9e1f3)!important;border-bottom:1px solid #e5deec;border-radius:0 0 26px 26px!important;min-height:0!important;padding:14px 0!important}
header .wrap{padding:0 18px!important}header h1{font-size:clamp(25px,6vw,35px)!important;letter-spacing:-.03em}header .eyebrow{font-size:10px;letter-spacing:.19em}header p{font-size:12px;margin-top:4px}
main{max-width:950px;margin:0 auto;padding:18px 16px calc(112px + env(safe-area-inset-bottom))!important}
.view{min-width:0}.panel,.mimone-panel,.m15-card{border-radius:18px!important;box-shadow:0 2px 15px rgba(35,42,62,.035)!important;border:1px solid var(--m2-border)!important}
button,input,select,textarea{font-family:inherit}button{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #4a9584;outline-offset:3px}
.tabs{background:rgba(255,255,255,.96)!important;border-top:1px solid #e8e3ed!important;backdrop-filter:blur(14px);gap:2px!important;padding:7px 7px calc(7px + env(safe-area-inset-bottom))!important}
.tabs button{border-radius:13px!important;min-width:0!important;font-size:clamp(10px,2.8vw,13px)!important;padding:10px 2px!important;line-height:1.3!important}
.tabs button.active{background:#8567a3!important;color:white!important}
.mimone-shift-fab{box-shadow:0 7px 20px #263f3955!important;background:#467e71!important}
.m2-intro{margin:0 0 15px}.m2-eyebrow{font-size:11px;letter-spacing:.12em;color:#73818c;font-weight:700}.m2-intro h2{font-size:25px;margin:4px 0 5px}.m2-intro p{margin:0;color:#687581;font-size:13px}
.m2-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:13px}.m2-tile{min-width:0;background:#fff;border:1px solid var(--m2-border);border-radius:18px;padding:15px}.m2-tile small{font-size:12px;color:#64717e;display:block}.m2-tile strong{font-size:clamp(19px,5vw,27px);display:block;margin-top:7px;overflow-wrap:anywhere}.m2-tile.wide{grid-column:1/-1;background:#eaf3f0;border-color:#cde1d9}.m2-tile p{font-size:12px;margin:6px 0 0;color:#586b67}.m2-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:13px 0 18px}.m2-actions button{background:#fff;border:1px solid var(--m2-border);border-radius:13px;padding:12px 5px;min-height:52px;font-weight:650;color:#364a56;font-size:12px}
.m2-section{margin:17px 0}.m2-section h3{font-size:17px;margin:0 0 11px}.m2-list{background:#fff;border:1px solid var(--m2-border);border-radius:15px;padding:5px 13px}.m2-list-row{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #edf0f2;font-size:13px}.m2-list-row:last-child{border:0}.m2-list-row strong{font-size:13px}.m2-empty{color:#75808c;font-size:13px;padding:13px 0}
.m2-legacy{margin:20px 0 0}.m2-legacy>summary{border:1px solid var(--m2-border);background:#fff;border-radius:14px;padding:15px;font-weight:700;cursor:pointer;list-style-position:inside}.m2-legacy[open]>summary{margin-bottom:12px}
.m2-analysis{margin:0 0 16px}.m2-analysis .m2-list{padding:8px 13px}.m2-bars{display:flex;align-items:flex-end;gap:7px;height:125px;margin:15px 0}.m2-bar-col{display:flex;flex:1;min-width:0;align-items:center;flex-direction:column;justify-content:end;gap:7px;height:100%}.m2-bar-col div{width:min(100%,36px);min-height:2px;border-radius:7px 7px 3px 3px;background:#7e9bcb}.m2-bar-col small{font-size:10px;color:#64717e}.m2-month-select{width:100%;max-width:200px;min-height:44px;margin:0 0 9px}
.m2-hidden{display:none!important}#view-calendar .calendar{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:3px!important}#view-calendar .cal-day{min-width:0!important;overflow:hidden!important;padding:5px 2px!important}#view-calendar .cal-head{text-align:center;font-size:12px}
@media(max-width:430px){.m2-tile{padding:12px}.m2-actions button{font-size:11px}.m2-overview{gap:8px}#view-calendar .cal-day{min-height:68px!important}#view-calendar .cal-time{font-size:8px!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
