/* MAEW 2.6 — workspace with red accents. Scoped to the front portal. */ #maew-app.maew-cockpit { --mi-red:#c8102e; --mi-red-dark:#a70b24; --mi-ink:#202322; --mi-blue:#202322; --mi-blue-2:#343938; --mi-muted:#626967; --mi-line:#e3e3e1; --mi-bg:#f0f0ef; --mi-radius:24px; --mi-shadow:0 8px 30px rgba(27,34,30,.035); background:var(--mi-bg); font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; } #maew-app.maew-cockpit .maew-icon { width:20px; height:20px; display:inline-block; vertical-align:middle; flex-shrink:0; } #maew-app.maew-cockpit .screen-reader-text { border:0; clip:rect(1px,1px,1px,1px); clip-path:inset(50%); height:1px; width:1px; margin:-1px; padding:0; overflow:hidden; position:absolute!important; white-space:nowrap; } #maew-app.maew-cockpit :focus-visible { outline:3px solid #c8102e; outline-offset:4px; } #maew-app.maew-cockpit .maew-topbar :focus-visible, #maew-app.maew-cockpit .maew-pending-summary :focus-visible, #maew-app.maew-cockpit .maew-pending-card.is-selected :focus-visible { outline-color:#fff; } #maew-app.maew-cockpit .maew-skip-link { position:fixed; top:8px; left:16px; z-index:500; padding:12px 20px; background:#fff; border:2px solid var(--mi-red); border-radius:30px; transform:translateY(-150%); } #maew-app.maew-cockpit .maew-skip-link:focus { transform:none; } #maew-app.maew-cockpit .maew-layout { padding:16px; gap:22px; grid-template-columns:220px minmax(0,1fr); align-items:start; } #maew-app.maew-cockpit .maew-sidebar { position:sticky; top:16px; min-height:0; height:calc(100vh - 32px); height:calc(100dvh - 32px); padding:12px; background:#fff; border:1px solid var(--mi-line); border-radius:24px; box-shadow:none; color:var(--mi-ink); z-index:120; } #maew-app.maew-cockpit .maew-sidebar__brand { position:relative; margin:0 0 12px; min-height:106px; padding:16px 12px; background:#202322; border-radius:16px; display:flex; align-items:center; justify-content:center; gap:7px; } #maew-app.maew-cockpit .maew-sidebar__brand a { display:flex; align-items:center; justify-content:center; } #maew-app.maew-cockpit .maew-sidebar__brand .maew-brand-logo { width:150px!important; height:48px!important; } #maew-app.maew-cockpit .maew-sidebar__brand small { color:#c9cfcb; font-size:10px; letter-spacing:.02em; } #maew-app.maew-cockpit .maew-nav { gap:5px; padding:0 0 16px; } #maew-app.maew-cockpit .maew-nav-area>summary { color:#656c67; font-size:11px; font-weight:650; padding:14px 10px 8px; } #maew-app.maew-cockpit .maew-nav-area>summary:after { color:#656c67; } #maew-app.maew-cockpit .maew-nav a { min-height:44px; border-radius:12px; padding:9px 10px!important; font-size:13px; gap:10px; font-weight:550; } #maew-app.maew-cockpit .maew-nav a>.maew-nav-label { display:block; height:auto; flex:1; width:auto; font:inherit; color:inherit; background:none; min-width:0; text-align:left; } #maew-app.maew-cockpit .maew-nav a>.maew-icon { color:#777f78; width:19px; height:19px; } #maew-app.maew-cockpit .maew-nav a:hover { background:#f2f2f0; } #maew-app.maew-cockpit .maew-nav a.is-active { color:#fff!important; background:var(--mi-red); box-shadow:none; } #maew-app.maew-cockpit .maew-nav a.is-active>.maew-icon { color:#fff; } #maew-app.maew-cockpit .maew-nav-link-row { border-radius:12px; } #maew-app.maew-cockpit .maew-nav-pin { width:28px; padding:4px; font-size:16px; min-height:40px; } #maew-app.maew-cockpit .maew-nav-favorites { margin-bottom:3px; } #maew-app.maew-cockpit .maew-sidebar__user { gap:8px; padding:14px 0 2px; margin-top:auto; } #maew-app.maew-cockpit .maew-sidebar__user>div:nth-child(2) { min-width:0; } #maew-app.maew-cockpit .maew-sidebar__user strong { font-size:12px; overflow-wrap:anywhere; } #maew-app.maew-cockpit .maew-sidebar__user small { font-size:10px; } #maew-app.maew-cockpit .maew-avatar { background:#f6e9ec; color:var(--mi-red-dark); border:1px solid #ecd5db; width:36px; height:36px; border-radius:50%; font-size:13px; box-shadow:none; flex-shrink:0; } #maew-app.maew-cockpit .maew-sidebar__user>a { padding:5px; } #maew-app.maew-cockpit .maew-main { min-width:0; } #maew-app.maew-cockpit .maew-topbar { position:sticky; top:16px; z-index:100; border:1px solid #202322; border-radius:24px; background:#202322; color:#fff; padding:14px 18px; min-height:76px; gap:16px; box-shadow:0 4px 14px #20232208; } #maew-app.maew-cockpit .maew-topbar h1 { font-size:18px; color:#fff; letter-spacing:-.03em; max-width:200px; } #maew-app.maew-cockpit .maew-topbar .maew-eyebrow { color:#b8c0ba; font-size:9px; margin-bottom:3px; letter-spacing:.08em; } #maew-app.maew-cockpit .maew-topbar>div:nth-of-type(1) { flex-shrink:0; } #maew-app.maew-cockpit .maew-topbar__actions { gap:8px; font-size:12px; } #maew-app.maew-cockpit .maew-topbar__actions>a { display:inline-flex; align-items:center; gap:6px; min-height:40px; padding:8px 12px; border:1px solid #4b534d; border-radius:30px; color:#fff; background:transparent; text-decoration:none; } #maew-app.maew-cockpit .maew-topbar__actions>a:hover { background:#3a423b; } #maew-app.maew-cockpit .maew-topbar__actions>a.maew-cerebro-access { border-color:#d93650; background:var(--mi-red); } #maew-app.maew-cockpit .maew-topbar-logout .maew-icon { width:16px; height:16px; } #maew-app.maew-cockpit .maew-global-search { min-width:120px; max-width:none; margin-left:auto; } #maew-app.maew-cockpit .maew-global-search>.maew-icon { position:absolute; left:14px; top:13px; width:18px; height:18px; color:#c0c8c1; pointer-events:none; } #maew-app.maew-cockpit .maew-global-search input { min-height:44px; border:1px solid #515851; border-radius:30px; padding:11px 16px 11px 42px; color:#fff; background:#343a35!important; font-size:13px; } #maew-app.maew-cockpit .maew-global-search input::placeholder { color:#c0c8c1; opacity:1; } #maew-app.maew-cockpit [data-portal-results] { color:var(--mi-ink); border-radius:18px; } #maew-app.maew-cockpit .maew-notification-button { width:40px; height:40px; border:1px solid #4b534d; border-radius:50%; background:transparent; color:#fff; } #maew-app.maew-cockpit .maew-notification-button svg { width:19px; height:19px; } #maew-app.maew-cockpit .maew-notification-panel { color:var(--mi-ink); border-radius:22px; box-shadow:0 16px 50px #151b2030; } #maew-app.maew-cockpit .maew-notification-panel h2 { color:var(--mi-ink); } #maew-app.maew-cockpit .maew-menu-button, #maew-app.maew-cockpit .maew-focus-button, #maew-app.maew-cockpit .maew-sidebar-close { border:1px solid #515851; background:transparent; color:#fff; width:40px; height:40px; padding:10px; border-radius:50%; cursor:pointer; flex-shrink:0; } #maew-app.maew-cockpit .maew-focus-button { display:inline-flex; align-items:center; justify-content:center; } #maew-app.maew-cockpit .maew-menu-button, #maew-app.maew-cockpit .maew-sidebar-close { display:none; } #maew-app.maew-cockpit.is-focused .maew-layout { grid-template-columns:minmax(0,1fr); } #maew-app.maew-cockpit.is-focused .maew-sidebar { display:none; } #maew-app.maew-cockpit .maew-content { padding:28px 2px 48px; margin:0 auto; max-width:1680px; } #maew-app.maew-cockpit .maew-section-heading { margin-bottom:22px; gap:20px; } #maew-app.maew-cockpit .maew-section-heading h2 { font-size:30px; letter-spacing:-.035em; font-weight:650; line-height:1.15; } #maew-app.maew-cockpit .maew-section-heading .maew-eyebrow { color:#626967; font-size:10px; letter-spacing:.09em; font-weight:650; } #maew-app.maew-cockpit .maew-home-heading h2 { font-size:clamp(30px,3.2vw,48px); line-height:1.06; letter-spacing:-.055em; margin:9px 0 12px; } #maew-app.maew-cockpit .maew-heading-dot { color:var(--mi-red); } #maew-app.maew-cockpit .maew-home-heading p:not(.maew-eyebrow) { font-size:13px; } #maew-app.maew-cockpit .maew-home-heading__actions { display:flex; flex-direction:column; gap:12px; align-items:flex-end; flex-shrink:0; } #maew-app.maew-cockpit .maew-date-pill { display:flex; align-items:center; gap:8px; font-size:12px; color:var(--mi-muted); } #maew-app.maew-cockpit .maew-date-pill .maew-icon { width:16px; height:16px; } #maew-app.maew-cockpit .maew-btn { display:inline-flex; gap:10px; justify-content:center; align-items:center; min-height:44px; border-radius:30px; padding:11px 18px; font-size:13px; font-weight:600; letter-spacing:0; box-shadow:none; } #maew-app.maew-cockpit .maew-btn--primary { background:var(--mi-red); color:#fff; border:1px solid var(--mi-red); } #maew-app.maew-cockpit .maew-btn--primary:hover { background:var(--mi-red-dark); border-color:var(--mi-red-dark); } #maew-app.maew-cockpit .maew-btn--secondary { background:#fff; border:1px solid #ccd3cc; color:var(--mi-ink); } #maew-app.maew-cockpit .maew-btn--secondary:hover { background:#f1f1ef; } #maew-app.maew-cockpit .maew-btn .maew-icon { width:17px; height:17px; } #maew-app.maew-cockpit .maew-home-shortcuts { gap:8px; margin-bottom:24px; } #maew-app.maew-cockpit .maew-home-shortcuts a { display:inline-flex; align-items:center; gap:18px; padding:10px 16px; min-height:42px; border:1px solid #d7ddd6; border-radius:30px; font-size:12px; font-weight:550; background:transparent; } #maew-app.maew-cockpit .maew-home-shortcuts a:hover { border-color:var(--mi-red); background:#fff; } #maew-app.maew-cockpit .maew-home-shortcuts .maew-icon { width:16px; height:16px; } #maew-app.maew-cockpit .maew-home-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-bottom:28px; } #maew-app.maew-cockpit .maew-home-metrics>a { position:relative; min-height:164px; padding:20px 22px; gap:8px; border-radius:24px; border:1px solid #e0e5de; background:#fff; } #maew-app.maew-cockpit .maew-metric__label { display:flex; align-items:center; gap:10px; justify-content:space-between; font-size:13px; font-weight:550; } #maew-app.maew-cockpit .maew-metric__label>.maew-icon { width:19px; height:19px; color:#6b766c; } #maew-app.maew-cockpit .maew-home-metrics strong { font-size:clamp(29px,2.9vw,42px); letter-spacing:-.055em; font-weight:600; line-height:1.15; padding:3px 0; overflow-wrap:anywhere; } #maew-app.maew-cockpit .maew-home-metrics small { max-width:calc(100% - 36px); font-size:11px; line-height:1.5; } #maew-app.maew-cockpit .maew-home-metrics .maew-metric__open { position:absolute; bottom:20px; right:20px; display:grid; place-items:center; width:32px; height:32px; border-radius:50%; border:1px solid #dde2dc; background:#f8f8f6; } #maew-app.maew-cockpit .maew-home-metrics .maew-metric__open>.maew-icon { width:16px; height:16px; } #maew-app.maew-cockpit .maew-home-metrics>a.maew-metric--featured { background:#202322; color:#fff; border-color:#202322; } #maew-app.maew-cockpit .maew-metric--featured .maew-metric__label>.maew-icon, #maew-app.maew-cockpit .maew-home-metrics .maew-metric--featured small { color:#c2cbc3; } #maew-app.maew-cockpit .maew-home-metrics .maew-metric--featured .maew-metric__open { border-color:var(--mi-red); background:var(--mi-red); color:#fff; } #maew-app.maew-cockpit .maew-home-metrics>a:hover { border-color:var(--mi-red); box-shadow:0 4px 16px #2023220a; } #maew-app.maew-cockpit .maew-home-board { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:18px; align-items:start; margin-bottom:24px; } #maew-app.maew-cockpit .maew-panel, #maew-app.maew-cockpit .maew-access { border:1px solid #e1e6df; border-radius:24px; padding:24px; background:#fff; box-shadow:none; animation:none; } #maew-app.maew-cockpit .maew-panel__head { gap:16px; align-items:center; flex-wrap:wrap; margin-bottom:20px; } #maew-app.maew-cockpit .maew-panel__head h2 { font-size:25px; font-weight:600; letter-spacing:-.035em; line-height:1.2; } #maew-app.maew-cockpit .maew-panel__head p { font-size:12px; margin-top:6px; } #maew-app.maew-cockpit .maew-panel__head .maew-eyebrow { color:#6b746c; font-size:10px; margin:0 0 7px; letter-spacing:.08em; } #maew-app.maew-cockpit .maew-home-inbox { min-width:0; margin:0; padding:24px; scroll-margin-top:112px; } #maew-app.maew-cockpit .maew-legacy-anchor { display:block; height:0; scroll-margin-top:112px; } #maew-app.maew-cockpit .maew-home-inbox .maew-panel__head h2 { display:flex; align-items:center; gap:10px; } #maew-app.maew-cockpit .maew-count-pill { display:inline-flex; min-width:25px; height:25px; align-items:center; justify-content:center; padding:0 7px; border:1px solid #e3e7df; border-radius:50px; font-size:11px; color:#59635a; font-weight:600; letter-spacing:0; } #maew-app.maew-cockpit .maew-pending-controls { display:flex; gap:8px; align-items:center; margin-left:auto; } #maew-app.maew-cockpit .maew-view-switch { display:flex; border:1px solid #e0e5de; border-radius:30px; padding:4px; gap:3px; } #maew-app.maew-cockpit .maew-view-switch button { width:34px; height:34px; display:grid; place-items:center; border:0; background:transparent; color:#687169; border-radius:50%; cursor:pointer; padding:8px; } #maew-app.maew-cockpit .maew-view-switch button[aria-pressed=true] { background:#202322; color:#fff; } #maew-app.maew-cockpit .maew-view-switch .maew-icon { width:16px; height:16px; } #maew-app.maew-cockpit .maew-pending-filters { display:flex; gap:6px; flex-wrap:wrap; margin:0 0 20px; } #maew-app.maew-cockpit .maew-pending-filters button { display:inline-flex; align-items:center; gap:7px; background:#f5f5f3; border:1px solid #e4e8df; border-radius:30px; min-height:36px; padding:7px 12px; font-size:11px; color:#4d584f; cursor:pointer; } #maew-app.maew-cockpit .maew-pending-filters button span { font-size:10px; font-weight:700; } #maew-app.maew-cockpit .maew-pending-filters button[aria-pressed=true] { border-color:#202322; background:#202322; color:#fff; } #maew-app.maew-cockpit .maew-pending-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } #maew-app.maew-cockpit .maew-pending-card { display:flex; flex-direction:column; gap:12px; padding:16px; min-width:0; min-height:190px; border:1px solid #e4e8e1; background:#f7f7f5; border-radius:20px; color:#202322; } #maew-app.maew-cockpit .maew-pending-card__top { display:flex; align-items:center; justify-content:space-between; gap:10px; } #maew-app.maew-cockpit .maew-pending-kind { display:flex; align-items:center; gap:7px; font-size:11px; color:#5a665c; } #maew-app.maew-cockpit .maew-pending-kind .maew-icon { width:16px; height:16px; } #maew-app.maew-cockpit [data-pending-preview] { background:transparent; border:1px solid #d9e1d5; border-radius:50%; width:30px; height:30px; padding:6px; display:grid; place-items:center; cursor:pointer; color:#4d594f; flex-shrink:0; } #maew-app.maew-cockpit [data-pending-preview] .maew-icon { width:16px; height:16px; } #maew-app.maew-cockpit .maew-pending-card__link { display:flex; flex-direction:column; gap:14px; text-decoration:none; flex:1; } #maew-app.maew-cockpit .maew-pending-card__link strong { font-size:17px; font-weight:550; line-height:1.35; letter-spacing:-.02em; overflow-wrap:anywhere; } #maew-app.maew-cockpit .maew-pending-card__link:hover strong { text-decoration:underline; text-underline-offset:3px; } #maew-app.maew-cockpit .maew-pending-card__bottom { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:auto; font-size:11px; } #maew-app.maew-cockpit .maew-pending-card__bottom>[data-pending-status] { padding:5px 9px; background:#fff; border:1px solid #e4e8e0; border-radius:30px; } #maew-app.maew-cockpit .maew-pending-card__arrow { display:grid; place-items:center; background:#fff; border:1px solid #e0e6dc; border-radius:50%; width:30px; height:30px; flex-shrink:0; } #maew-app.maew-cockpit .maew-pending-card__arrow .maew-icon { width:16px; height:16px; } #maew-app.maew-cockpit .maew-pending-card__date { display:flex; align-items:center; gap:6px; color:#69736a; font-size:10px; } #maew-app.maew-cockpit .maew-pending-card__date .maew-icon { width:13px; height:13px; } #maew-app.maew-cockpit .maew-pending-card.is-selected { background:var(--mi-red); border-color:var(--mi-red); color:#fff; } #maew-app.maew-cockpit .maew-pending-card.is-selected .maew-pending-kind, #maew-app.maew-cockpit .maew-pending-card.is-selected .maew-pending-card__date, #maew-app.maew-cockpit .maew-pending-card.is-selected [data-pending-preview] { color:#fff; } #maew-app.maew-cockpit .maew-pending-card.is-selected [data-pending-preview] { border-color:#ffffff70; } #maew-app.maew-cockpit .maew-pending-card.is-selected .maew-pending-card__bottom>[data-pending-status] { border-color:#fff5; background:#ffffff15; } #maew-app.maew-cockpit .maew-pending-card.is-selected .maew-pending-card__arrow { color:#202322; background:#fff; border-color:#fff; } #maew-app.maew-cockpit .maew-pending-list[data-pending-layout=list] { grid-template-columns:minmax(0,1fr); } #maew-app.maew-cockpit [data-pending-layout=list] .maew-pending-card { min-height:0; flex-direction:row; gap:14px; align-items:center; border-radius:14px; padding:13px 14px; } #maew-app.maew-cockpit [data-pending-layout=list] .maew-pending-card__top { width:112px; flex-shrink:0; } #maew-app.maew-cockpit [data-pending-layout=list] .maew-pending-card__link { flex-direction:row; align-items:center; gap:12px; } #maew-app.maew-cockpit [data-pending-layout=list] .maew-pending-card__link strong { flex:1; font-size:14px; } #maew-app.maew-cockpit [data-pending-layout=list] .maew-pending-card__bottom { margin:0; } #maew-app.maew-cockpit [data-pending-layout=list] .maew-pending-card__date { max-width:95px; flex-shrink:0; } #maew-app.maew-cockpit .maew-field-help { font-size:11px; line-height:1.6; color:#687267; margin-top:20px; } #maew-app.maew-cockpit .maew-pending-summary { position:sticky; top:112px; min-width:0; padding:25px; border-radius:24px; background:#202322; color:#fff; overflow-wrap:anywhere; } #maew-app.maew-cockpit .maew-summary-heading { display:flex; justify-content:space-between; align-items:center; margin-bottom:30px; } #maew-app.maew-cockpit .maew-summary-heading .maew-eyebrow { color:#bfc9c0; font-size:10px; letter-spacing:.1em; margin:0; } #maew-app.maew-cockpit .maew-summary-heading .maew-icon { color:#e9435d; width:22px; height:22px; } #maew-app.maew-cockpit .maew-summary-kind { display:inline-block; padding:6px 12px; border:1px solid #5b665d; border-radius:30px; font-size:11px; color:#d7ded8; } #maew-app.maew-cockpit .maew-pending-summary h3 { font-size:25px; font-weight:500; letter-spacing:-.035em; line-height:1.2; margin:18px 0 26px; color:#fff; } #maew-app.maew-cockpit .maew-pending-summary dl { margin:0 0 24px; } #maew-app.maew-cockpit .maew-pending-summary dl>div { border-top:1px solid #454e46; padding:13px 0; } #maew-app.maew-cockpit .maew-pending-summary dt { color:#b9c3bb; font-size:10px; margin-bottom:5px; } #maew-app.maew-cockpit .maew-pending-summary dd { margin:0; font-size:13px; color:#fff; } #maew-app.maew-cockpit .maew-pending-summary .maew-btn { width:100%; justify-content:space-between; border-radius:30px; } #maew-app.maew-cockpit .maew-pending-summary>footer { display:flex; gap:12px; align-items:center; padding-top:26px; margin-top:26px; border-top:1px solid #454e46; } #maew-app.maew-cockpit .maew-summary-mark { width:33px; height:33px; display:grid; place-items:center; border:1px solid #656e66; border-radius:50%; font-size:12px; flex-shrink:0; } #maew-app.maew-cockpit .maew-pending-summary p { font-size:11px; color:#bfc9c0; margin:0; line-height:1.65; } #maew-app.maew-cockpit .maew-pending-summary p strong { font-weight:500; color:#fff; } #maew-app.maew-cockpit .maew-home-news-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; } #maew-app.maew-cockpit .maew-home-news-grid article { padding:18px; border:1px solid #e4e8e1; border-radius:18px; background:#f8f8f6; } #maew-app.maew-cockpit .maew-home-news article h3 { font-size:17px; letter-spacing:-.02em; font-weight:600; } #maew-app.maew-cockpit .maew-home-news article p { font-size:12px; line-height:1.6; color:#626c63; } #maew-app.maew-cockpit .maew-home-news article small { font-size:10px; color:#626c63; } #maew-app.maew-cockpit .maew-home-news .maew-panel__head>a { font-size:12px; display:flex; align-items:center; gap:6px; } #maew-app.maew-cockpit .maew-home-news-grid>.maew-empty { grid-column:1/-1; } #maew-app.maew-cockpit .maew-workspace-home>.maew-panel { margin-bottom:22px; } /* Shared modules: same controls and tables, with their existing actions and data. */ #maew-app.maew-cockpit .maew-ops-screen { min-width:0; grid-template-columns:minmax(0,1fr); } #maew-app.maew-cockpit .maew-ops-screen>* { min-width:0; } #maew-app.maew-cockpit .maew-suite-table-wrap { min-width:0; max-width:100%; overflow-x:auto; border:1px solid #e0e5dd; border-radius:16px; } #maew-app.maew-cockpit .maew-suite-table { border-collapse:collapse; } #maew-app.maew-cockpit input:not([type=checkbox]):not([type=radio]):not([type=hidden]), #maew-app.maew-cockpit select, #maew-app.maew-cockpit textarea { border-radius:12px; min-height:44px; border-color:#ccd4ca; padding:11px 13px; font-size:13px; } #maew-app.maew-cockpit input[type=checkbox], #maew-app.maew-cockpit input[type=radio] { accent-color:var(--mi-red); } #maew-app.maew-cockpit .maew-global-search input { border-radius:30px!important; padding-left:42px!important; } #maew-app.maew-cockpit .maew-form { gap:18px; } #maew-app.maew-cockpit .maew-form label { font-size:13px; font-weight:550; } #maew-app.maew-cockpit .maew-ops-form { background:#f7f7f5; border:1px solid #e3e8df; border-radius:20px; padding:22px; } #maew-app.maew-cockpit .maew-ops-tabs, #maew-app.maew-cockpit .maew-pc-tabs, #maew-app.maew-cockpit .maew-admin-tabs, #maew-app.maew-cockpit .maew-context-tabs { padding:6px; border:1px solid #dfe5dc; border-radius:26px; background:#eaeae7; gap:5px; width:fit-content; max-width:100%; overflow-x:auto; flex-wrap:wrap; margin-bottom:22px; } #maew-app.maew-cockpit .maew-ops-tabs button, #maew-app.maew-cockpit .maew-pc-tabs button, #maew-app.maew-cockpit .maew-admin-tabs a, #maew-app.maew-cockpit .maew-context-tabs a { min-height:40px; padding:10px 16px; border-radius:30px; border:1px solid transparent; background:transparent; color:#4b594e; font-size:12px; font-weight:550; } #maew-app.maew-cockpit .maew-ops-tabs button.is-active, #maew-app.maew-cockpit .maew-ops-tabs button[aria-selected=true], #maew-app.maew-cockpit .maew-pc-tabs button.is-active, #maew-app.maew-cockpit .maew-admin-tabs a.is-active, #maew-app.maew-cockpit .maew-context-tabs a[aria-current=page] { background:#202322; color:#fff; border-color:#202322; } #maew-app.maew-cockpit .maew-directory-table { border:1px solid #e0e5dd; border-radius:16px; margin:20px 0; } #maew-app.maew-cockpit .maew-directory-table th, #maew-app.maew-cockpit .maew-suite-table th { background:#f4f4f2; color:#576356; font-size:11px; font-weight:650; padding:13px; } #maew-app.maew-cockpit .maew-directory-table td, #maew-app.maew-cockpit .maew-suite-table td { border-bottom-color:#e6eae2; font-size:12px; padding:14px 13px; } #maew-app.maew-cockpit .maew-directory-table tbody tr:last-child td { border-bottom:0; } #maew-app.maew-cockpit .maew-directory-table tbody tr:hover, #maew-app.maew-cockpit .maew-suite-table tbody tr:hover { background:#fafaf8; } #maew-app.maew-cockpit dialog.maew-access-dialog, #maew-app.maew-cockpit .maew-task-dialog { border-radius:24px; border:1px solid #dce3d8; } #maew-app.maew-cockpit .maew-access-dialog>header { padding:22px 26px; background:#202322; color:#fff; } #maew-app.maew-cockpit .maew-access-dialog>header .maew-eyebrow { color:#bbc6bc; } #maew-app.maew-cockpit .maew-access-dialog>header h2 { color:#fff; font-weight:550; } #maew-app.maew-cockpit .maew-access-dialog>header .maew-icon-button { background:#ffffff14; color:#fff; border-radius:50%; } #maew-app.maew-cockpit .maew-editor-tabs { background:#f6f6f3; padding-top:8px; } #maew-app.maew-cockpit .maew-editor-tabs button { font-size:12px; } #maew-app.maew-cockpit .maew-editor-tabs button[aria-current=page] { color:var(--mi-red-dark); border-bottom-color:var(--mi-red); } #maew-app.maew-cockpit .maew-project-hero { background:#202322; border-radius:24px; } #maew-app.maew-cockpit .maew-order-detail { border-radius:24px; } #maew-app.maew-cockpit .maew-workforce-hero { background:#202322; border-radius:24px; box-shadow:none; } #maew-app.maew-cockpit .maew-workforce-hero h2 { font-weight:600; letter-spacing:-.03em; } #maew-app.maew-cockpit .maew-workforce-timer, #maew-app.maew-cockpit .maew-workforce-details dd { color:var(--mi-ink); font-weight:600; } #maew-app.maew-cockpit .maew-workforce-grid>.maew-panel:nth-child(2) { background:#fff; } #maew-app.maew-cockpit .maew-workforce-kpis article { background:#fff; border-radius:20px; box-shadow:none; } #maew-app.maew-cockpit .maew-pc-employee, #maew-app.maew-cockpit .maew-pc form { background:#f7f7f5; border-color:#e3e5df; border-radius:20px; } #maew-app.maew-cockpit .maew-pc label { color:var(--mi-ink); font-size:13px; font-weight:550; } #maew-app.maew-cockpit .maew-pc-table th { background:#f4f4f2; font-size:11px; } #maew-app.maew-cockpit .maew-pc-table td { font-size:12px; } #maew-app.maew-cockpit .maew-access-fields>label { font-size:13px; } #maew-app.maew-cockpit .maew-empty { font-size:13px; border-radius:16px; background:#f8f8f6; } #maew-app.maew-cockpit .maew-auth-brand { background:#202322; } #maew-app.maew-cockpit .maew-auth-brand h1 span { color:#f24a65; } #maew-app.maew-cockpit .maew-auth-card { background:#f7f7f5; } #maew-app.maew-cockpit .maew-auth-card h2 { font-size:36px; letter-spacing:-.045em; font-weight:600; } @media(min-width:1500px) { #maew-app.maew-cockpit .maew-layout { padding:22px; gap:28px; grid-template-columns:230px minmax(0,1fr); } #maew-app.maew-cockpit .maew-home-board { grid-template-columns:minmax(0,1fr) 310px; } #maew-app.maew-cockpit .maew-pending-list { grid-template-columns:repeat(3,minmax(0,1fr)); } } @media(max-width:1180px) { #maew-app.maew-cockpit .maew-layout { grid-template-columns:204px minmax(0,1fr); gap:16px; padding:12px; } #maew-app.maew-cockpit .maew-topbar { gap:10px; padding:12px; } #maew-app.maew-cockpit .maew-topbar h1 { max-width:150px; font-size:16px; } #maew-app.maew-cockpit .maew-topbar__actions>a { padding:8px; } #maew-app.maew-cockpit .maew-home-board { grid-template-columns:minmax(0,1fr) 240px; gap:14px; } #maew-app.maew-cockpit .maew-home-inbox, #maew-app.maew-cockpit .maew-pending-summary { padding:20px; } #maew-app.maew-cockpit .maew-pending-list { grid-template-columns:minmax(0,1fr); } #maew-app.maew-cockpit .maew-pending-card { min-height:170px; } #maew-app.maew-cockpit .maew-home-metrics>a { padding:18px; } #maew-app.maew-cockpit .maew-home-heading h2 { font-size:34px; } #maew-app.maew-cockpit .maew-home-heading__actions { gap:8px; } #maew-app.maew-cockpit [data-pending-layout=list] .maew-pending-card { flex-wrap:wrap; } #maew-app.maew-cockpit [data-pending-layout=list] .maew-pending-card__top { width:100%; } } @media(max-width:960px) { #maew-app.maew-cockpit .maew-layout { display:block; padding:12px; } #maew-app.maew-cockpit .maew-sidebar, #maew-app.maew-cockpit.is-focused .maew-sidebar { display:flex; position:fixed; inset:10px auto 10px 10px; width:min(86vw,290px); height:calc(100vh - 20px); height:calc(100dvh - 20px); padding:12px; transform:translateX(calc(-100% - 24px)); transition:transform .2s ease; box-shadow:0 20px 80px #10171045; border-radius:24px; z-index:220; } #maew-app.maew-cockpit .maew-sidebar.is-open { transform:translateX(0); } #maew-app.maew-cockpit .maew-sidebar-close { display:grid; place-items:center; width:32px; height:32px; padding:7px; position:absolute; right:8px; top:8px; } #maew-app.maew-cockpit .maew-menu-button { display:grid; place-items:center; } #maew-app.maew-cockpit .maew-focus-button { display:none; } #maew-app.maew-cockpit .maew-topbar { top:12px; flex-wrap:wrap; gap:10px; border-radius:22px; padding:12px; } #maew-app.maew-cockpit .maew-topbar>div:nth-of-type(1) { flex:1; } #maew-app.maew-cockpit .maew-global-search { order:4; flex-basis:100%; max-width:none; } #maew-app.maew-cockpit .maew-topbar h1 { max-width:none; } #maew-app.maew-cockpit .maew-home-heading h2 { font-size:38px; } #maew-app.maew-cockpit .maew-content { padding:26px 0 calc(94px + env(safe-area-inset-bottom)); } #maew-app.maew-cockpit .maew-home-board { grid-template-columns:minmax(0,1fr); } #maew-app.maew-cockpit .maew-pending-list { grid-template-columns:repeat(2,minmax(0,1fr)); } #maew-app.maew-cockpit .maew-pending-summary { position:static; } #maew-app.maew-cockpit .maew-pending-summary { scroll-margin-top:162px; } #maew-app.maew-cockpit .maew-pending-summary h3 { max-width:640px; } #maew-app.maew-cockpit .maew-pending-summary dl { display:grid; grid-template-columns:1fr 1fr; gap:20px; } #maew-app.maew-cockpit .maew-pending-summary .maew-btn { max-width:280px; } #maew-app.maew-cockpit .maew-pending-summary>footer { margin-top:20px; padding-top:20px; } #maew-app.maew-cockpit .maew-mobile-nav { display:flex; justify-content:space-around; min-height:64px; border-radius:30px; bottom:max(10px,env(safe-area-inset-bottom)); padding:7px; border:1px solid #d5ddcf; background:#fffffff7; z-index:110; box-shadow:0 8px 30px #20232220; } #maew-app.maew-cockpit .maew-mobile-nav a, #maew-app.maew-cockpit .maew-mobile-nav button { min-width:54px; min-height:46px; border-radius:22px; padding:6px 10px; gap:2px; } #maew-app.maew-cockpit .maew-mobile-nav small { font-size:10px; font-weight:550; } #maew-app.maew-cockpit .maew-mobile-nav .is-active { background:#f9e9ed; color:var(--mi-red-dark); } #maew-app.maew-cockpit .maew-sidebar-backdrop { position:fixed; inset:0; z-index:210; background:#131b1466; border:0; margin:0; padding:0; cursor:pointer; } #maew-app.maew-cockpit .maew-home-inbox { scroll-margin-top:162px; } #maew-app.maew-cockpit .maew-legacy-anchor { scroll-margin-top:162px; } } @media(max-width:600px) { #maew-app.maew-cockpit .maew-layout { padding:8px; } #maew-app.maew-cockpit .maew-topbar { top:8px; gap:8px; padding:11px; border-radius:20px; } #maew-app.maew-cockpit .maew-topbar h1 { font-size:15px; } #maew-app.maew-cockpit .maew-topbar .maew-eyebrow { font-size:8px; } #maew-app.maew-cockpit .maew-topbar__actions { gap:6px; } #maew-app.maew-cockpit .maew-topbar__actions>a.maew-topbar-logout { display:none; } #maew-app.maew-cockpit .maew-topbar__actions .maew-cerebro-access { width:38px; min-height:38px; padding:9px; } #maew-app.maew-cockpit .maew-topbar__actions .maew-cerebro-access span { display:none; } #maew-app.maew-cockpit .maew-content { padding-top:23px; } #maew-app.maew-cockpit .maew-home-heading { align-items:flex-start; flex-direction:column; margin:0 4px 20px; gap:16px; } #maew-app.maew-cockpit .maew-home-heading h2 { font-size:36px; max-width:340px; } #maew-app.maew-cockpit .maew-home-heading__actions { flex-direction:row; align-items:center; justify-content:space-between; width:100%; } #maew-app.maew-cockpit .maew-home-heading__actions .maew-btn { font-size:12px; padding:10px 13px; } #maew-app.maew-cockpit .maew-home-shortcuts { gap:6px; margin:0 4px 20px; } #maew-app.maew-cockpit .maew-home-shortcuts a { font-size:11px; padding:8px 12px; gap:9px; min-height:38px; } #maew-app.maew-cockpit .maew-home-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-bottom:20px; } #maew-app.maew-cockpit .maew-home-metrics>a { border-radius:20px; min-height:158px; padding:15px; } #maew-app.maew-cockpit .maew-metric__label { font-size:11px; gap:5px; align-items:flex-start; } #maew-app.maew-cockpit .maew-metric__label>.maew-icon { width:15px; height:15px; } #maew-app.maew-cockpit .maew-home-metrics strong { font-size:25px; } #maew-app.maew-cockpit .maew-home-metrics>.maew-metric--money { grid-column:1/-1; min-height:150px; } #maew-app.maew-cockpit .maew-home-metrics>.maew-metric--money strong { font-size:34px; } #maew-app.maew-cockpit .maew-home-metrics small { font-size:10px; max-width:100%; padding-right:18px; } #maew-app.maew-cockpit .maew-home-metrics .maew-metric__open { width:26px; height:26px; bottom:12px; right:12px; } #maew-app.maew-cockpit .maew-panel, #maew-app.maew-cockpit .maew-access { padding:18px; border-radius:20px; } #maew-app.maew-cockpit .maew-panel__head { gap:12px; } #maew-app.maew-cockpit .maew-panel__head h2 { font-size:24px; } #maew-app.maew-cockpit .maew-home-inbox { padding:18px 14px; } #maew-app.maew-cockpit .maew-pending-list { grid-template-columns:minmax(0,1fr); gap:10px; } #maew-app.maew-cockpit .maew-pending-card { min-height:172px; padding:16px; } #maew-app.maew-cockpit .maew-pending-filters { gap:5px; } #maew-app.maew-cockpit .maew-pending-filters button { padding:7px 10px; min-height:36px; } #maew-app.maew-cockpit .maew-home-news-grid { grid-template-columns:1fr; } #maew-app.maew-cockpit .maew-pending-summary { padding:24px; border-radius:20px; } #maew-app.maew-cockpit .maew-pending-summary h3 { font-size:27px; } #maew-app.maew-cockpit .maew-pending-summary dl { grid-template-columns:1fr; gap:0; } #maew-app.maew-cockpit .maew-pending-summary .maew-btn { max-width:none; } #maew-app.maew-cockpit [data-pending-layout=list] .maew-pending-card__link { flex-direction:column; align-items:stretch; } #maew-app.maew-cockpit [data-pending-layout=list] .maew-pending-card__bottom { justify-content:space-between; } #maew-app.maew-cockpit [data-pending-layout=list] .maew-pending-card__date { max-width:none; } #maew-app.maew-cockpit dialog.maew-access-dialog { border-radius:18px; } #maew-app.maew-cockpit .maew-access-dialog>header { padding:18px; } #maew-app.maew-cockpit .maew-ops-tabs, #maew-app.maew-cockpit .maew-pc-tabs, #maew-app.maew-cockpit .maew-admin-tabs, #maew-app.maew-cockpit .maew-context-tabs { border-radius:20px; } #maew-app.maew-cockpit input:not([type=checkbox]):not([type=radio]):not([type=hidden]), #maew-app.maew-cockpit select, #maew-app.maew-cockpit textarea { font-size:16px; } #maew-app.maew-cockpit .maew-pending-card__date { font-size:12px; } } @media(prefers-reduced-motion:reduce) { #maew-app.maew-cockpit .maew-sidebar { transition:none; } #maew-app.maew-cockpit * { scroll-behavior:auto; } } /* Cerebro shares En foco: one dark summary on Inicio. */ .maew-pending-summary .maew-brain-focus{padding:24px 0 0;margin:24px 0 0;border:0;border-top:1px solid #495149;background:transparent;color:#fff;box-shadow:none;border-radius:0;min-width:0} .maew-pending-summary .maew-brain-focus .maew-brain-head{display:block;margin-bottom:16px} .maew-pending-summary .maew-brain-focus .maew-brain-mark{display:none} .maew-pending-summary .maew-brain-focus h2{font-size:21px;line-height:1.3;color:#fff;margin:8px 0} .maew-pending-summary .maew-brain-focus p,.maew-pending-summary .maew-brain-focus small,.maew-pending-summary .maew-brain-focus .maew-eyebrow{color:#d4dad5} .maew-pending-summary .maew-brain-focus .maew-brain-priorities{padding:0;display:grid;gap:10px;list-style:none} .maew-pending-summary .maew-brain-focus li{background:#2d332f;border:1px solid #495149;border-left:3px solid #d10b32;border-radius:12px;padding:12px;margin:0} .maew-pending-summary .maew-brain-focus a,.maew-pending-summary .maew-brain-focus strong{color:#fff} .maew-pending-summary .maew-brain-focus span{color:#d4dad5} .maew-request-body{white-space:normal;overflow-wrap:anywhere;padding:20px;background:#f5f6f4;border-radius:16px;margin-bottom:20px} .maew-request-timeline{display:grid;gap:16px;padding-left:24px}.maew-request-timeline small{display:block;color:#667269;margin-top:6px}.maew-request-timeline p{margin-top:8px;overflow-wrap:anywhere}.maew-request-detail h3{margin-top:24px}