.ip-heading,.ip-material-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.ip-heading h3,.ip-material-heading h3{margin:0;font-size:19px;color:#1d5140}.ip-heading p,.ip-note,.ip-status .sub{font-size:12px;line-height:1.8;color:#617569;margin:5px 0}.ip-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:18px;align-items:start}.ip-selector{position:sticky;top:14px;background:#f2f6ed;border:1px solid #dce5d5;border-radius:10px;padding:12px}.ip-selector label{font-size:12px}#ip-items{max-height:calc(100vh - 180px);overflow:auto;margin-top:10px}#ip-items button{display:block;width:100%;text-align:right;background:transparent;color:#355d48;border:1px solid transparent;margin-bottom:5px;padding:10px;border-radius:8px}#ip-items button:hover{background:#e4eddf;color:#244d3b}#ip-items button[aria-pressed=true]{background:#fff;border-color:#b5cdb2;box-shadow:0 2px 4px #254d3510}#ip-items strong{font-size:13px}#ip-items small{display:block;font-size:11px;font-weight:400;color:#6d7c6b;margin-top:3px}#ip-detail{min-width:0}#ip-form{border:1px solid #dce5d5;border-radius:10px;padding:15px;background:#fff}.ip-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#ip-form label{font-size:12px}#ip-form input,#ip-form select{margin-top:4px}.ip-impact{font-size:12px;line-height:1.9;padding:12px;background:#eff5e8;border-radius:8px;margin:14px 0;color:#48634e}.ip-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.ip-actions>span{font-size:11px;color:#657a69}.ip-actions .actions{margin:0}.ip-status{margin-top:18px}.ip-status h4{margin:0 0 4px}.ip-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.ip-scope{padding:12px;border:1px solid #dfe6d9;background:#f8faf5;border-radius:10px}.ip-scope.is-due{background:#fffaf0;border-color:#e5d3aa}.ip-scope>div{display:flex;justify-content:space-between;align-items:start;gap:8px}.ip-scope strong{font-size:13px}.ip-scope p,.ip-scope small{font-size:12px;line-height:1.8;margin:7px 0;color:#617261}.ip-history{margin-top:16px;padding-top:12px;border-top:1px solid #dfe7d8}.ip-history summary{cursor:pointer;font-size:13px;font-weight:600}.ip-history table{font-size:12px}#ip-form input[type=datetime-local]{direction:rtl;text-align:right}
@media(max-width:1050px){.ip-layout{grid-template-columns:200px minmax(0,1fr)}.ip-status-grid{grid-template-columns:1fr}.ip-heading{align-items:start;flex-direction:column}}
@media(max-width:760px){.ip-layout{grid-template-columns:1fr}.ip-selector{position:static}#ip-items{max-height:160px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}#ip-items button{margin:0}.ip-fields{grid-template-columns:1fr}.ip-actions{align-items:stretch;flex-direction:column}.ip-actions button{flex:1;min-height:44px}.ip-heading h3{font-size:17px}.ip-material-heading{align-items:start}.ip-selector input{margin-bottom:0}}
