.change-form-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start}.change-mode-tabs{display:flex;gap:8px;overflow-x:auto;margin-bottom:24px;padding:2px 0}.change-mode-tabs a{display:inline-flex;align-items:center;padding:12px 18px;min-height:44px;border:1px solid var(--border);border-radius:7px;background:white;white-space:nowrap;font-size:11px;color:var(--muted)}.change-mode-tabs a.selected{color:var(--accent);background:var(--accent-light);border-color:var(--accent);font-weight:650}.impact-panel{background:#f8fbfc;border:1px solid #d7e4e9;border-radius:12px;padding:22px}.impact-heading{display:flex;gap:12px;align-items:flex-start;margin-bottom:20px}.impact-heading>.icon{color:var(--accent);margin-top:2px}.impact-heading h3{font-size:14px;margin-bottom:7px}.impact-heading p{font-size:11px;line-height:1.7;margin:0}.impact-row{display:flex;justify-content:space-between;gap:15px;align-items:center;border-top:1px solid var(--border);padding:13px 0;font-size:11px}.impact-links{padding:0 0 12px 16px;font-size:10px;margin:0}.impact-links li{padding:5px 0;overflow-wrap:anywhere}.impact-links span{color:var(--muted);padding-left:4px}.impact-panel .notice{font-size:10px;margin:15px 0 0;padding:12px}.contract-date-summary{padding:18px;background:var(--canvas);border:1px solid var(--border);border-radius:8px;margin-bottom:25px}.contract-date-summary span{display:block;font-size:10px;color:var(--muted);margin-bottom:7px}.contract-date-summary strong{font-size:17px;font-weight:550}.comparison-scroll{overflow-x:auto}.comparison-table{border-collapse:collapse;width:100%;table-layout:fixed;text-align:left}.comparison-table thead th{background:#f8fafb;font-size:9px;font-weight:600;color:var(--muted);padding:13px 18px;border-bottom:1px solid var(--border)}.comparison-table th:first-child{width:22%}.comparison-table tbody th,.comparison-table tbody td{padding:18px;border-bottom:1px solid #edf0f3;vertical-align:top;font-size:11px;overflow-wrap:anywhere;white-space:pre-wrap}.comparison-table tbody th{font-weight:550;color:var(--muted)}.comparison-table tbody tr:last-child>*{border-bottom:0}.comparison-table .proposed-value{background:#f3faf8;color:#275c50}.review-outcome{padding-top:18px;margin-top:20px;border-top:1px solid var(--border);font-size:11px}.review-outcome>span:last-of-type{display:block;color:var(--muted);margin:12px 0}.review-outcome p{white-space:pre-wrap;margin:0;font-size:12px}.role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.role-card .panel-heading{align-items:flex-start}.role-card small{display:block;margin-top:6px}.role-summary{display:flex;gap:40px;margin-bottom:22px}.role-summary>span{font-size:10px;color:var(--muted)}.role-summary strong{display:block;color:var(--ink);font-size:27px;font-weight:550;margin-bottom:5px}.permission-list{list-style:none;padding:0;margin:15px 0;font-size:11px;color:var(--muted)}.permission-list li{padding:7px 0;border-bottom:1px solid #edf0f3}.permission-list li:last-child{border:0}.role-card details summary{font-size:11px;cursor:pointer;color:var(--accent);min-height:30px}.follow-up-card{padding:22px;border-bottom:1px solid var(--border)}.follow-up-card:last-child{border-bottom:0}.follow-up-card h3{font-size:12px}.follow-up-card p{font-size:11px;line-height:1.7}.period-wage{text-align:right;font-size:12px;font-weight:600;min-width:120px}.period-wage small{display:block;font-size:9px;font-weight:400;margin-top:4px}.period-history{padding:0 24px 22px}.period-history>div{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--border);padding:13px 0;font-size:11px}.period-history strong{font-size:11px;white-space:nowrap}.record-hero>.button{max-width:220px}
@media(min-width:1500px){.role-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1200px){.change-form-layout{grid-template-columns:minmax(0,1fr) 285px;gap:18px}.impact-panel{padding:18px}.comparison-table tbody th,.comparison-table tbody td{padding:16px 13px;font-size:10px}}
@media(max-width:900px){.change-form-layout{grid-template-columns:1fr}.change-form-layout>aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.change-form-layout>aside form{min-width:0}.change-form-layout>aside .impact-panel{grid-column:1/-1}}
@media(max-width:700px){.role-grid{grid-template-columns:1fr;gap:18px}.change-mode-tabs{margin-inline:-16px;padding-inline:16px}.change-mode-tabs a{padding:12px;font-size:10px}.change-form-layout>aside{display:flex}.comparison-table th:first-child{width:25%}.comparison-table thead th{padding:12px 10px;font-size:8px}.comparison-table tbody th,.comparison-table tbody td{padding:15px 10px;font-size:10px}.contract-date-summary{padding:15px}.contract-date-summary strong{font-size:15px}.period-wage{min-width:85px;font-size:11px}.period-history{padding-inline:18px}.period-history>div{flex-direction:column;gap:5px;font-size:10px}.period-history strong{font-size:10px}.follow-up-card{padding:20px 18px}.role-card .inline-actions .button{font-size:10px;padding:10px 12px}.role-summary{gap:35px}.change-form-layout .form-actions .button{flex-basis:100%}}