#matrixPage{flex:1;min-height:0;overflow-y:auto;padding:2px 3px 12px 0}
.matrix-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.matrix-header h1{margin:0;font-size:28px}
.matrix-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.matrix-quadrant{min-width:0;padding:16px;background:#fff;border:1px solid #e5e0ea;border-top:3px solid #b5b0bc;border-radius:24px}
.matrix-do{border-top-color:#e79480}.matrix-schedule{border-top-color:#b08bdf}.matrix-delegate{border-top-color:#85ace0}.matrix-later{border-top-color:#9aa9c0}
.matrix-quadrant h2{font-size:17px;margin:0 0 4px}.matrix-subtitle,.matrix-empty{font-size:11px;color:#8b8293;margin:0 0 12px;line-height:1.4}.matrix-empty{margin:18px 0 6px}
.matrix-task{display:grid;grid-template-columns:22px minmax(0,1fr) 36px;gap:8px;align-items:center;padding:10px 0;border-top:1px solid #f0edf3}
.matrix-task>input{appearance:none;width:22px;height:22px;border:1.5px solid #9487a1;border-radius:50%;margin:0;background:#fff}
.matrix-task-name{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;text-align:left;gap:3px;padding:3px 0;font-size:14px;line-height:1.4;overflow-wrap:anywhere}
.matrix-task-name small{font-size:11px;color:#89818e}.matrix-task .critical-toggle{width:36px;min-width:36px;padding:7px}
#taskForm .matrix-options{border:0;padding:0;margin:10px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.matrix-options legend{font-size:12px;margin-bottom:6px}
#taskForm .matrix-options label{display:flex;align-items:center;justify-content:center;gap:7px;height:32px;margin:0;padding:5px 10px;font-size:12px;border:1px solid #e0d8e9;border-radius:999px;background:#faf8fd}
.matrix-options input{width:14px;height:14px;margin:0;accent-color:#8257ad}
#taskForm .matrix-options label.is-selected{background:#eee5ff;border-color:#b69bcc;color:#513a70}
@media(max-width:700px){.page-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.page-nav button{flex-direction:column;gap:3px;padding:6px 3px;font-size:11px}.page-nav .ui-icon{width:16px;height:16px}.matrix-header h1{font-size:25px}}
@media(max-width:480px){.matrix-grid{grid-template-columns:minmax(0,1fr)}.matrix-quadrant{padding:14px}}