/* ============================================================
   IRCC — MEETING REQUESTS
   Canonical page stylesheet
   ============================================================ */

/* 01 — DESIGN TOKENS */
:root {
  /* Color */
  --mr-purple:#6c4cf5;
  --mr-purple-2:#8068f6;
  --mr-purple-soft:#f2efff;
  --mr-text:#272a3c;
  --mr-muted:#7f8498;
  --mr-line:#e5e7ef;
  --mr-soft:#fafafe;
  --mr-green:#178b77;
  --mr-green-soft:#eaf8f4;
  --mr-blue:#5273c7;
  --mr-blue-soft:#edf3ff;
  --mr-red:#bd5363;
  --mr-red-soft:#fff3f5;
  --mr-amber:#9c6815;
  --mr-amber-soft:#fff8e9;

  /* Typography — family */
  --mr-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;

  /* Typography — same readable scale used by Contacts / Feedback */
  --mr-font-xs:10px;
  --mr-font-sm:11px;
  --mr-font-md:12px;
  --mr-font-body:13px;
  --mr-font-lg:14px;
  --mr-font-xl:16px;
  --mr-font-2xl:18px;
  --mr-font-3xl:20px;
  --mr-font-4xl:24px;
  --mr-font-title-compact:27px;
  --mr-font-title:30px;

  /* Typography — weights */
  --mr-weight-medium:500;
  --mr-weight-semibold:600;
  --mr-weight-bold:700;
  --mr-weight-extrabold:800;
  --mr-weight-black:900;

  /* Typography — line height */
  --mr-line-1:1;
  --mr-line-1-2:1.2;
  --mr-line-1-3:1.3;
  --mr-line-1-35:1.35;
  --mr-line-1-4:1.4;
  --mr-line-1-45:1.45;
  --mr-line-1-55:1.55;

  /* Typography — tracking */
  --mr-track-tight:-.02em;
  --mr-track-label:.08em;
  --mr-track-eyebrow:.14em;

  /* Component sizing */
  --mr-control-h:40px;
  --mr-icon-control:36px;
  --mr-radius-sm:10px;
  --mr-radius-md:14px;
  --mr-radius-lg:18px;
  --mr-drawer-width:720px;

  /* Custom dropdown sizing */
  --mr-select-leading:27px;
  --mr-select-option-h:36px;
  --mr-select-menu-max-h:250px;
  --mr-select-menu-gap:6px;

  /* Drawer tabs / confirmation */
  --mr-drawer-tab-h:38px;
  --mr-confirm-summary-radius:12px;
}

/* 02 — BASE */
.mr-page,.mr-page *,.mr-page *::before,.mr-page *::after{box-sizing:border-box}
.mr-page{width:100%;min-width:0;color:var(--mr-text);font-family:var(--mr-font-family);font-size:var(--mr-font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.mr-page button,.mr-page input,.mr-page select,.mr-page textarea{font-family:inherit}

/* 03 — PAGE HEADER */
.mr-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}
.mr-page-copy{min-width:0}
.mr-eyebrow{display:flex;align-items:center;gap:7px;margin-bottom:7px;color:#8877d9;font-size:var(--mr-font-xs);line-height:var(--mr-line-1);font-weight:var(--mr-weight-extrabold);letter-spacing:var(--mr-track-eyebrow)}
.mr-eyebrow span{width:5px;height:5px;border-radius:50%;background:var(--mr-purple)}
.mr-page-head h1{margin:0;color:#222536;font-size:var(--mr-font-title);line-height:var(--mr-line-1);font-weight:var(--mr-weight-extrabold);letter-spacing:var(--mr-track-tight)}
.mr-page-head h1 strong{color:var(--mr-purple);font-weight:inherit;}
.mr-page-head p{margin:7px 0 0;color:var(--mr-muted);font-size:var(--mr-font-md);line-height:var(--mr-line-1-45);font-weight:var(--mr-weight-medium)}
.mr-add-btn{height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:0;border-radius:12px;background:linear-gradient(135deg,#6547ed,#7e65f7);color:#fff;font-size:var(--mr-font-md);font-weight:var(--mr-weight-extrabold);cursor:pointer;box-shadow:0 8px 18px rgba(108,76,245,.18)}
.mr-add-btn:hover{transform:translateY(-1px)}
.mr-add-btn svg{width:16px;height:16px}

/* 04 — REQUEST LIST */
.mr-list-card{overflow:hidden;border:1px solid var(--mr-line);border-radius:var(--mr-radius-lg);background:#fff;box-shadow:0 7px 22px rgba(39,33,78,.035)}
.mr-list-head{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 16px;border-bottom:1px solid #eceef3}
.mr-list-head>div{min-width:0}
.mr-list-head strong{display:block;color:#303346;font-size:var(--mr-font-lg);line-height:var(--mr-line-1-2);font-weight:var(--mr-weight-extrabold)}
.mr-list-head span:not(.mr-count-pill){display:block;margin-top:4px;color:#9095a7;font-size:var(--mr-font-sm);line-height:var(--mr-line-1-35);font-weight:var(--mr-weight-medium)}
.mr-count-pill{height:30px;display:inline-flex;align-items:center;gap:5px;padding:0 10px;border:1px solid #ddd7ff;border-radius:999px;background:#f5f2ff;color:#765edf;font-size:var(--mr-font-xs);font-weight:var(--mr-weight-bold);white-space:nowrap}
.mr-count-pill strong{font-size:var(--mr-font-sm);color:#6549d9}
.mr-record-list{padding:0 16px}
.mr-record-row{min-height:86px;display:grid;grid-template-columns:minmax(0,1fr) 150px;align-items:center;gap:20px;padding:15px 0;border-bottom:1px solid #eceef3}
.mr-record-row:last-child{border-bottom:0}
.mr-record-main{min-width:0}
.mr-record-title-row{display:flex;align-items:center;gap:9px;min-width:0}
.mr-record-title-row>strong{overflow:hidden;color:#303346;font-size:var(--mr-font-body);line-height:var(--mr-line-1-3);font-weight:var(--mr-weight-extrabold);white-space:nowrap;text-overflow:ellipsis}
.mr-record-main>p{max-width:1080px;margin:5px 0 0;color:#73798d;font-size:var(--mr-font-sm);line-height:var(--mr-line-1-4);font-weight:var(--mr-weight-medium)}
.mr-record-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;margin-top:8px;color:#8a8fa2;font-size:var(--mr-font-xs);line-height:var(--mr-line-1-2);font-weight:var(--mr-weight-semibold)}
.mr-record-meta span{display:inline-flex;align-items:center;gap:5px;min-width:0}
.mr-record-meta svg{width:12px;height:12px;color:#8e7cdb}
.mr-record-meta .mr-priority{color:var(--mr-amber)}
.mr-status{flex:0 0 auto;display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:999px;background:var(--mr-purple-soft);color:#6649df;font-size:var(--mr-font-xs);font-weight:var(--mr-weight-bold)}
.mr-status.is-requested{background:#f2efff;color:#6748dc}
.mr-status.is-awaiting{background:#fff8e9;color:#946313}
.mr-status.is-confirmed{background:#eaf8f4;color:#178b77}
.mr-status.is-completed{background:#edf3ff;color:#5273c7}
.mr-status.is-cancelled{background:#fff3f5;color:#bd5363}
.mr-record-date{text-align:right}
.mr-record-date span{display:block;color:#989cad;font-size:var(--mr-font-xs);line-height:var(--mr-line-1);font-weight:var(--mr-weight-bold);text-transform:uppercase;letter-spacing:var(--mr-track-label)}
.mr-record-date strong{display:block;margin-top:5px;color:#596074;font-size:var(--mr-font-sm);line-height:var(--mr-line-1-2);font-weight:var(--mr-weight-bold)}
.mr-record-date.is-pending strong{color:#8a8fa2}
.mr-record-date.is-confirmed strong{color:var(--mr-green)}
.mr-empty{min-height:250px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px;text-align:center;color:#9196a8}
.mr-empty-icon{width:48px;height:48px;display:grid;place-items:center;margin-bottom:12px;border-radius:14px;background:#f3efff;color:#684bef}
.mr-empty-icon svg{width:22px;height:22px}
.mr-empty strong{color:#4a4f63;font-size:var(--mr-font-lg);font-weight:var(--mr-weight-extrabold)}
.mr-empty p{margin:6px 0 0;font-size:var(--mr-font-sm);font-weight:var(--mr-weight-medium)}

/* 05 — CREATE DRAWER */
.mr-drawer-backdrop{position:fixed;inset:0;z-index:1750;background:rgba(30,27,51,.34);backdrop-filter:blur(5px);opacity:0;visibility:hidden;transition:.18s ease}
.mr-drawer-backdrop.show{opacity:1;visibility:visible}
.mr-drawer{position:fixed;top:10px;right:10px;bottom:10px;z-index:1760;width:min(var(--mr-drawer-width),calc(100vw - 20px));display:flex;flex-direction:column;overflow:hidden;border:1px solid #dedfea;border-radius:20px;background:#fff;box-shadow:-28px 0 72px rgba(35,28,73,.18),0 12px 36px rgba(35,28,73,.08);transform:translateX(104%);transition:transform .22s cubic-bezier(.2,.8,.2,1)}
.mr-drawer.show{transform:translateX(0)}
.mr-drawer::before{content:"";position:absolute;z-index:2;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--mr-purple),#8b73ff)}
.mr-drawer-head{position:relative;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px 19px;border-bottom:1px solid #e9eaf1;background:linear-gradient(180deg,#fff 0%,#fdfcff 100%)}
.mr-drawer-title{display:flex;align-items:flex-start;gap:12px;min-width:0}
.mr-drawer-icon{width:44px;height:44px;display:grid;place-items:center;flex:0 0 44px;border:1px solid #ddd5ff;border-radius:13px;background:linear-gradient(145deg,#ece8ff,#f9f7ff);color:#6045db;box-shadow:0 5px 14px rgba(108,76,245,.09)}
.mr-drawer-icon svg{width:18px;height:18px}
.mr-kicker{display:block;color:#7663d7;font-size:var(--mr-font-xs);line-height:var(--mr-line-1);font-weight:var(--mr-weight-extrabold);letter-spacing:var(--mr-track-label)}
.mr-drawer-title h2{margin:4px 0 0;color:#25283a;font-size:var(--mr-font-3xl);line-height:var(--mr-line-1-2);font-weight:var(--mr-weight-extrabold);letter-spacing:var(--mr-track-tight)}
.mr-drawer-title p{max-width:520px;margin:5px 0 0;color:#7d8295;font-size:var(--mr-font-sm);line-height:var(--mr-line-1-4);font-weight:var(--mr-weight-medium)}
.mr-close-btn{width:var(--mr-icon-control);height:var(--mr-icon-control);display:grid;place-items:center;flex:0 0 var(--mr-icon-control);padding:0;border:1px solid #e1e3eb;border-radius:11px;background:#fff;color:#6f7487;cursor:pointer}
.mr-close-btn:hover{border-color:#d8d0ff;background:#f7f4ff;color:#6247dc}
.mr-close-btn svg{width:16px;height:16px}

.mr-drawer-tabs{position:relative;z-index:4;display:flex;align-items:center;gap:5px;padding:8px 18px;border-bottom:1px solid #e9eaf1;background:#fff}
.mr-drawer-tab{height:var(--mr-drawer-tab-h);display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 13px;border:1px solid transparent;border-radius:10px;background:transparent;color:#72778b;font-size:var(--mr-font-sm);line-height:var(--mr-line-1);font-weight:var(--mr-weight-extrabold);cursor:pointer}
.mr-drawer-tab:hover{border-color:#e5e0ff;background:#faf9ff;color:#6048d0}
.mr-drawer-tab.active{border-color:#d8ceff;background:#f2eeff;color:#6044df;box-shadow:inset 0 0 0 1px rgba(108,76,245,.04)}
.mr-drawer-tab svg{width:15px;height:15px}
.mr-tab-count{min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px;border-radius:999px;background:#ebe6ff;color:#6748dc;font-size:var(--mr-font-xs);font-weight:var(--mr-weight-extrabold)}
.mr-drawer-tab.active .mr-tab-count{background:#fff;color:#6044df}

.mr-form{display:flex;flex:1;min-height:0;flex-direction:column}
.mr-tab-panel[hidden]{display:none}
.mr-tab-panel.active{display:flex}
.mr-drawer-body{flex:1;min-height:0;overflow:auto;padding:16px 18px 22px;background:#fcfcfe;scrollbar-width:thin;scrollbar-color:rgba(94,76,166,.18) transparent}
.mr-form-section{margin-bottom:12px;padding:14px;border:1px solid #e7e8ef;border-radius:var(--mr-radius-md);background:#fff;box-shadow:0 3px 10px rgba(39,33,78,.025)}
.mr-form-section:last-child{margin-bottom:0}
.mr-section-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.mr-section-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:10px;background:#f1edff;color:#664bdc}
.mr-section-icon svg{width:15px;height:15px}
.mr-section-head strong{display:block;color:#343749;font-size:var(--mr-font-md);line-height:var(--mr-line-1-2);font-weight:var(--mr-weight-extrabold)}
.mr-section-head span:not(.mr-section-icon){display:block;margin-top:3px;color:#9297a9;font-size:var(--mr-font-xs);line-height:var(--mr-line-1-35);font-weight:var(--mr-weight-medium)}
.mr-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.mr-field{position:relative;display:flex;min-width:0;flex-direction:column;gap:5px}
.mr-field-wide{grid-column:1/-1}
.mr-field>span,.mr-fixed-company>span{color:#73788c;font-size:var(--mr-font-xs);line-height:var(--mr-line-1);font-weight:var(--mr-weight-bold);text-transform:uppercase;letter-spacing:var(--mr-track-label)}
.mr-field input,.mr-field select,.mr-field textarea{width:100%;border:1px solid #dfe2eb;border-radius:var(--mr-radius-sm);background:#fff;color:#383b4d;font-size:var(--mr-font-md);font-weight:var(--mr-weight-semibold);outline:none;transition:.15s ease}
.mr-field input,.mr-field select{height:var(--mr-control-h);padding:0 11px}
.mr-field textarea{padding:10px 11px;line-height:var(--mr-line-1-45);resize:vertical}
.mr-field input:focus,.mr-field select:focus,.mr-field textarea:focus{border-color:#cfc5ff;box-shadow:0 0 0 3px rgba(108,76,245,.06)}
.mr-field input::placeholder,.mr-field textarea::placeholder{color:#a0a4b4;font-weight:var(--mr-weight-medium)}
.mr-input-icon-wrap{position:relative}
.mr-input-icon-wrap>svg{position:absolute;left:11px;top:50%;width:15px;height:15px;transform:translateY(-50%);color:#9297aa;pointer-events:none}
.mr-input-icon-wrap input{padding-left:34px}
.mr-fixed-company{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:9px 11px;border:1px solid #e4e5ec;border-radius:var(--mr-radius-sm);background:#fbfbfe}
.mr-fixed-company strong{color:#3b3f53;font-size:var(--mr-font-md);font-weight:var(--mr-weight-extrabold)}

/* 06 — AUTOCOMPLETE */
.mr-autocomplete-field{z-index:6}
.mr-suggestions{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:30;max-height:260px;overflow:auto;padding:5px;border:1px solid #e2def7;border-radius:12px;background:#fff;box-shadow:0 16px 38px rgba(46,37,91,.14)}
.mr-suggestion{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:0;border-radius:9px;background:transparent;color:#3e4255;text-align:left;cursor:pointer}
.mr-suggestion:hover,.mr-suggestion.is-active{background:#f5f2ff;color:#6047d7}
.mr-suggestion-copy{min-width:0}
.mr-suggestion-copy strong{display:block;overflow:hidden;font-size:var(--mr-font-sm);line-height:var(--mr-line-1-2);font-weight:var(--mr-weight-extrabold);white-space:nowrap;text-overflow:ellipsis}
.mr-suggestion-copy span{display:block;margin-top:3px;overflow:hidden;color:#9398aa;font-size:var(--mr-font-xs);line-height:var(--mr-line-1-2);font-weight:var(--mr-weight-medium);white-space:nowrap;text-overflow:ellipsis}
.mr-suggestion-badge{flex:0 0 auto;max-width:180px;padding:4px 7px;border-radius:999px;background:#f2efff;color:#6b50dc;font-size:var(--mr-font-xs);font-weight:var(--mr-weight-bold);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.mr-suggestion-empty{padding:11px;color:#9296a8;font-size:var(--mr-font-sm);font-weight:var(--mr-weight-medium);text-align:center}

/* 07 — CONFIRMATION SUMMARY */
.mr-confirm-summary{margin-top:12px;padding:12px;border:1px solid #e4e0f7;border-radius:var(--mr-confirm-summary-radius);background:linear-gradient(180deg,#fbfaff 0%,#fff 100%)}
.mr-confirm-summary[hidden]{display:none}
.mr-confirm-summary-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.mr-confirm-summary-head>div{min-width:0}
.mr-confirm-summary-head>div>span{display:block;color:#8b7bd0;font-size:var(--mr-font-xs);line-height:var(--mr-line-1);font-weight:var(--mr-weight-extrabold);letter-spacing:var(--mr-track-label)}
.mr-confirm-summary-head>div>strong{display:block;margin-top:5px;overflow:hidden;color:#303346;font-size:var(--mr-font-body);line-height:var(--mr-line-1-3);font-weight:var(--mr-weight-extrabold);white-space:nowrap;text-overflow:ellipsis}
.mr-confirm-summary-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;margin-top:9px;color:#7e8498;font-size:var(--mr-font-xs);line-height:var(--mr-line-1-3);font-weight:var(--mr-weight-semibold)}
.mr-confirm-summary-meta span{display:inline-flex;align-items:center;gap:5px;min-width:0}
.mr-confirm-summary-meta svg{width:12px;height:12px;color:#8068df}
.mr-confirm-summary>p{margin:10px 0 0;padding-top:10px;border-top:1px solid #ece9f6;color:#666c80;font-size:var(--mr-font-sm);line-height:var(--mr-line-1-45);font-weight:var(--mr-weight-medium)}

/* 08 — CUSTOM DROPDOWNS */
.mr-native-select-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:0!important;border:0!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important}
.mr-custom-select{position:relative;width:100%;min-width:0;font-family:inherit}
.mr-custom-select-trigger{width:100%;height:var(--mr-control-h);display:flex;align-items:center;gap:9px;padding:0 10px;border:1px solid #dfe2eb;border-radius:var(--mr-radius-sm);background:#fff;color:#383b4d;cursor:pointer;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}
.mr-custom-select-trigger:hover{border-color:#d2caff;background:#fdfcff}
.mr-custom-select.open .mr-custom-select-trigger,.mr-custom-select-trigger:focus-visible{border-color:#bcaeff;box-shadow:0 0 0 3px rgba(108,76,245,.07)}
.mr-custom-select-leading{width:var(--mr-select-leading);height:var(--mr-select-leading);display:grid;place-items:center;flex:0 0 var(--mr-select-leading);border-radius:8px;background:#f1edff;color:#684cdd}
.mr-custom-select-leading svg{width:13px;height:13px;stroke-width:1.8}
.mr-custom-select-label{min-width:0;flex:1;overflow:hidden;color:#414558;font-size:var(--mr-font-md);font-weight:var(--mr-weight-bold);white-space:nowrap;text-overflow:ellipsis;text-align:left}
.mr-custom-select-trigger.placeholder .mr-custom-select-label{color:#9a9eae;font-weight:var(--mr-weight-semibold)}
.mr-custom-select-chevron{width:14px;height:14px;flex:0 0 14px;color:#7d8294;stroke-width:1.8;transition:transform .16s ease}
.mr-custom-select.open .mr-custom-select-chevron{transform:rotate(180deg)}
.mr-custom-select-menu{position:absolute;left:0;right:0;top:calc(100% + var(--mr-select-menu-gap));z-index:80;display:none;max-height:var(--mr-select-menu-max-h);overflow:auto;padding:6px;border:1px solid #e0e1ea;border-radius:12px;background:#fff;box-shadow:0 16px 42px rgba(41,35,75,.16);scrollbar-width:thin;scrollbar-color:rgba(105,79,214,.22) transparent}
.mr-custom-select.open .mr-custom-select-menu{display:block}
.mr-custom-select.drop-up .mr-custom-select-menu{top:auto;bottom:calc(100% + var(--mr-select-menu-gap))}
.mr-custom-select-option{width:100%;min-height:var(--mr-select-option-h);display:grid;grid-template-columns:27px minmax(0,1fr) 16px;align-items:center;gap:8px;padding:4px 7px;border:0;border-radius:9px;background:transparent;color:#565b6f;text-align:left;font-size:var(--mr-font-sm);line-height:var(--mr-line-1-2);font-weight:var(--mr-weight-bold);cursor:pointer}
.mr-custom-select-option:hover,.mr-custom-select-option:focus-visible{background:#f7f5ff;color:#5f48d0;outline:none}
.mr-custom-select-option.selected{background:#f1edff;color:#5f48d0}
.mr-custom-select-option-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#f4f2fb;color:#777d91}
.mr-custom-select-option.selected .mr-custom-select-option-icon{background:#e8e1ff;color:#664bdc}
.mr-custom-select-option-icon svg{width:13px;height:13px;stroke-width:1.8}
.mr-custom-select-option-label{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.mr-custom-select-check{width:13px;height:13px;opacity:0;color:#664bdc;stroke-width:2}
.mr-custom-select-option.selected .mr-custom-select-check{opacity:1}
.mr-custom-select.disabled .mr-custom-select-trigger,.mr-custom-select-trigger:disabled{cursor:not-allowed;background:#f7f7fa;color:#9a9eae;opacity:.72}

/* 09 — SEGMENTED CONTROLS */
.mr-segmented{display:flex;align-items:center;flex-wrap:wrap;gap:5px}
.mr-segmented button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;border:1px solid #e1e3eb;border-radius:999px;background:#fff;color:#6c7185;font-size:var(--mr-font-sm);font-weight:var(--mr-weight-bold);cursor:pointer}
.mr-segmented button:hover{border-color:#d5cdff;background:#faf9ff;color:#6048d0}
.mr-segmented button.active{border-color:#cec3ff;background:#f1edff;color:#5d43dc;box-shadow:inset 0 0 0 1px #e0d9ff}
.mr-segmented button svg{width:14px;height:14px}
.mr-priority-segmented button[data-value="High"].active{border-color:#f0d7a6;background:var(--mr-amber-soft);color:var(--mr-amber)}
.mr-priority-segmented button[data-value="Urgent"].active{border-color:#f0cdd4;background:var(--mr-red-soft);color:var(--mr-red)}

/* 10 — FOOTER */
.mr-drawer-footer{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 15px;border-top:1px solid #e9eaf1;background:#fff}
.mr-form-message{min-width:0;color:#7c8194;font-size:var(--mr-font-sm);line-height:var(--mr-line-1-35);font-weight:var(--mr-weight-semibold)}
.mr-form-message.error{color:#b64d5f}
.mr-form-message.success{color:#178b77}
.mr-footer-actions{display:flex;align-items:center;gap:8px;margin-left:auto}
.mr-primary-btn,.mr-secondary-btn{height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 13px;border-radius:10px;font-size:var(--mr-font-sm);font-weight:var(--mr-weight-extrabold);cursor:pointer}
.mr-primary-btn{border:0;background:linear-gradient(135deg,#6547ed,#7e65f7);color:#fff;box-shadow:0 6px 14px rgba(108,76,245,.15)}
.mr-secondary-btn{border:1px solid #e0e2eb;background:#fff;color:#676c7f}
.mr-primary-btn:disabled,.mr-secondary-btn:disabled{opacity:.55;cursor:not-allowed}
.mr-primary-btn svg{width:14px;height:14px}

/* 11 — RESPONSIVE */
@media (min-width:981px) and (max-width:1600px){
  :root{--mr-font-title:var(--mr-font-title-compact);--mr-drawer-width:690px;--mr-control-h:38px}
  .mr-page-head{margin-bottom:14px}
  .mr-record-row{min-height:78px;padding:12px 0}
}
@media (max-width:980px){
  .mr-page-head{align-items:flex-start;flex-direction:column}
  .mr-add-btn{align-self:flex-start}
  .mr-record-row{grid-template-columns:1fr;gap:9px}
  .mr-record-date{text-align:left}
}
@media (max-width:640px){
  :root{--mr-font-title:var(--mr-font-4xl);--mr-control-h:42px;--mr-drawer-width:100vw}
  .mr-field-grid{grid-template-columns:1fr}
  .mr-field-wide{grid-column:auto}
  .mr-drawer{top:6px;right:6px;bottom:6px;width:calc(100vw - 12px)}
  .mr-drawer-head{padding:15px}
  .mr-drawer-body{padding:12px}
  .mr-drawer-footer{align-items:stretch;flex-direction:column}
  .mr-footer-actions{width:100%;margin-left:0}
  .mr-primary-btn,.mr-secondary-btn{flex:1}
}

/* 12 — ACCESSIBILITY */
.mr-page button:focus-visible,.mr-page input:focus-visible,.mr-page select:focus-visible,.mr-page textarea:focus-visible{outline:2px solid rgba(108,76,245,.45);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.mr-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}