.personal-ops{max-width:1200px;padding:24px}.personal-ops nav{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.personal-ops form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px;background:#fff;border-radius:16px;margin:18px 0}.personal-ops label{display:flex;flex-direction:column;gap:6px}.personal-ops input,.personal-ops textarea,.personal-ops select{padding:10px;border:1px solid #d7e0eb;border-radius:8px}.personal-ops textarea{min-height:90px}.personal-ops .wide{grid-column:1/-1}.personal-ops .table-scroll{overflow:auto}.personal-ops table{width:100%;background:white;border-collapse:collapse;margin:20px 0}.personal-ops th,.personal-ops td{text-align:left;padding:12px;border-bottom:1px solid #e4e9ef;vertical-align:top}.personal-ops td{max-width:340px;word-break:break-word}.personal-ops pre{white-space:pre-wrap;max-height:400px;overflow:auto;font-size:13px;background:#f4f7fa;padding:12px}.personal-ops button{margin:3px}.personal-ops [role=status]{min-height:24px;color:#375d89}@media(max-width:700px){.personal-ops form{grid-template-columns:1fr}.personal-ops{padding:12px}}

.personal-ops .learning-panel{background:#fff;border:1px solid #e0e8f1;border-radius:14px;padding:20px;margin:16px 0;min-width:0}.personal-ops h3{margin:0 0 12px}.personal-ops h4{margin:16px 0 8px}.personal-ops .learning-stats{display:flex;gap:28px;flex-wrap:wrap;margin:16px 0}.personal-ops .learning-stats div{display:flex;flex-direction:column;gap:5px}.personal-ops .learning-stats strong{font-size:22px;color:#145ca2}.personal-ops .learning-hint,.personal-ops .learning-empty{color:#526477;line-height:1.7}.personal-ops .learning-paging{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.personal-ops button[aria-current=page]{outline:3px solid #164d88;outline-offset:2px}.personal-ops button:focus-visible,.personal-ops summary:focus-visible{outline:3px solid #164d88;outline-offset:2px}.personal-ops .learning-technical{margin-top:14px;color:#526477}.personal-ops summary{cursor:pointer;padding:8px 0}.personal-ops p{overflow-wrap:anywhere;line-height:1.65}.personal-ops input,.personal-ops select{min-width:0;max-width:100%;box-sizing:border-box}.personal-ops [data-replay-result],.personal-ops [data-export-result]{display:block;margin:8px 0}

.personal-ops .personal-ops-more{align-self:center;padding:0 12px}.personal-ops .personal-ops-more summary{font-weight:600;color:#285c8c}.personal-ops .personal-ops-more>div{display:flex;flex-wrap:wrap;gap:6px;padding:12px 0}.personal-ops .learning-panel h3{font-size:18px}

/* Match the admin panel rhythm; tabs are navigation, not primary actions. */
.personal-ops{max-width:none;padding:0;min-width:0}
.personal-ops>h2{margin:0 0 8px;font-size:24px}
.personal-ops>p{color:var(--muted,#65758a);margin:0 0 18px}
.personal-ops [role=status]:empty{min-height:0}
.personal-ops nav{align-items:center;gap:6px;margin:18px 0}
.personal-ops button{margin:0;padding:8px 14px;min-height:36px;border:1px solid #d6e1ed;border-radius:7px;background:#fff;color:#36546e;font-size:14px;font-weight:600;line-height:1.5;box-shadow:none;transform:none}
.personal-ops button:hover{background:#f1f6fc;border-color:#aac3dd;box-shadow:none;transform:none}
.personal-ops button[aria-current=page]{outline:none;background:#eaf3fd;color:#145da5;border-color:#adcbe9;box-shadow:none}
.personal-ops button:focus-visible,.personal-ops summary:focus-visible{outline:2px solid #216fbd;outline-offset:3px}
.personal-ops button:disabled{opacity:.5;cursor:not-allowed}
.personal-ops #personalOpsTabs{display:flex;align-items:center;gap:6px;padding:0 0 14px;border-bottom:1px solid #dce5ef;margin:18px 0 24px}
.personal-ops #personalOpsTabs>button{height:38px;align-self:center}
.personal-ops .personal-ops-more{flex-basis:100%;padding:0;margin-top:8px;align-self:auto}
.personal-ops .personal-ops-more summary{width:fit-content;font-size:13px;font-weight:600;color:#5a6e84;padding:5px 0}
.personal-ops .personal-ops-more>div{gap:8px;padding:10px 0 0}
.personal-ops form{border:1px solid #e0e8f1;border-radius:12px;padding:18px;gap:16px;margin:16px 0}
.personal-ops form button[type=submit]{justify-self:start;width:auto;min-width:100px;background:#1878cf;color:white;border-color:#1878cf;padding:8px 20px}
.personal-ops form button[type=submit]:hover{background:#1267b3}
.personal-ops label{color:#42566c;font-size:14px;font-weight:500}
.personal-ops input,.personal-ops select,.personal-ops textarea{font:inherit;color:#263b50;font-weight:400;min-height:38px;background:#fff}
.personal-ops .learning-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.personal-ops .learning-list .learning-panel{margin:0}
.personal-ops .learning-panel{padding:20px;border-radius:12px;box-shadow:none}
.personal-ops .learning-panel h3{font-size:17px}
.personal-ops .learning-stats strong{font-size:20px}
.personal-ops .learning-stats span{font-size:13px;color:#65758a}
.personal-ops .learning-hint{font-size:12px;color:#6d7f91}
.personal-ops .learning-paging{margin-top:18px;font-size:13px;color:#65758a}
.personal-ops .personal-commerce-context{display:flex;align-items:start;justify-content:space-between;gap:20px;padding:18px;background:#f5f8fc;border:1px solid #dde7f2;border-radius:10px}
.personal-ops .personal-commerce-context button{flex-shrink:0}
.personal-ops .personal-commerce-context p{margin:6px 0 0;color:#65758a}
@media(max-width:900px){.personal-ops .learning-list{grid-template-columns:1fr}.personal-ops .personal-commerce-context{flex-direction:column}}