.update-easy-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(135deg,#071b36,#124b8c);color:#fff;border:0}.update-easy-hero h2{font-size:28px;margin:4px 0 8px}.update-easy-hero p{margin:0;color:#dbeafe;max-width:760px;line-height:1.6}.update-easy-hero .eyebrow{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#93c5fd}.update-easy-summary{display:grid;grid-template-columns:auto auto;gap:4px 10px;align-items:baseline;min-width:190px}.update-easy-summary strong{font-size:25px}.update-easy-summary span{font-size:12px;color:#bfdbfe}
.update-easy-publish{overflow:hidden}.easy-update-form{display:grid;gap:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}.easy-step{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;padding:22px;border-bottom:1px solid var(--line)}.easy-step:last-child{border-bottom:0}.easy-step-number{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--primary-soft);color:var(--primary);font-weight:850}.easy-step-content{display:grid;gap:10px}.easy-step-content>strong{font-size:16px}.easy-step-content>small{color:var(--muted);line-height:1.45}.easy-step-content select{max-width:620px}.easy-file-box{position:relative;display:flex;align-items:center;justify-content:center;min-height:92px;border:2px dashed #b9cdf8;border-radius:14px;background:#f7f9ff;color:var(--primary);font-weight:800;text-align:center;padding:18px;cursor:pointer}.easy-file-box:hover{background:#eef4ff}.easy-file-box input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.easy-auto-check{display:flex;align-items:flex-start;gap:10px;width:min(620px,100%);border:1px solid #cfe0ff;background:#f6f9ff;border-radius:12px;padding:13px}.easy-auto-check input{width:auto;margin-top:3px}.easy-auto-check span{display:grid;gap:3px}.easy-auto-check small{color:var(--muted);font-weight:400}.easy-publish-button{width:min(620px,100%);min-height:48px;font-size:15px}.easy-publish-button:disabled{opacity:.65;cursor:wait}
.easy-progress-list{display:grid;gap:10px}.easy-progress-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:#fff}.easy-progress-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#edf3ff;color:var(--primary);font-weight:900}.easy-progress-card.installed .easy-progress-icon{background:#eaf8f0;color:#087443}.easy-progress-card.failed .easy-progress-icon{background:#fee4e2;color:#b42318}.easy-progress-copy{display:grid;gap:4px;min-width:0}.easy-progress-copy>span,.easy-progress-copy>small{color:var(--muted);font-size:12px;line-height:1.45}.easy-progress-card time{color:var(--muted);font-size:11px;white-space:nowrap}.easy-progress-bar{width:min(440px,100%);height:8px;border-radius:999px;background:#e4e7ec;overflow:hidden}.easy-progress-bar i{display:block;height:100%;border-radius:inherit;background:#155eef}.easy-empty{display:grid;gap:4px;text-align:center;padding:30px;border:1px dashed var(--line);border-radius:14px;background:#fafbfc}.easy-empty span{color:var(--muted)}
.update-release-list{display:grid;gap:12px}.update-release-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 20px;border:1px solid var(--line);border-radius:16px;padding:17px;background:#fff}.update-release-main h3{margin:8px 0 3px}.update-release-main p{margin:0;color:#344054}.update-release-main small{display:block;color:var(--muted);margin-top:5px}.update-release-actions{display:flex;align-items:start;flex-wrap:wrap;gap:8px}.technical-details{grid-column:1/-1;border-top:1px solid var(--line);padding-top:10px}.technical-details summary{cursor:pointer;color:var(--primary);font-weight:750;font-size:13px;list-style:none}.technical-details summary::-webkit-details-marker{display:none}.technical-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.technical-grid span{display:grid;gap:4px;border:1px solid var(--line);border-radius:10px;padding:10px;background:#f8fafc;font-size:12px}.technical-grid code{font-size:10px;overflow-wrap:anywhere;white-space:normal}.update-rollback-link{display:flex;align-items:end;gap:8px;margin-top:12px}.update-rollback-link label{flex:1}.update-rollback-link select{width:100%}
.update-advanced-panel{padding:0;overflow:hidden}.update-advanced-panel>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;cursor:pointer;list-style:none}.update-advanced-panel>summary::-webkit-details-marker{display:none}.update-advanced-panel>summary span{display:grid;gap:4px}.update-advanced-panel>summary small{color:var(--muted);font-weight:400}.update-advanced-panel>summary b{color:var(--primary);font-size:13px}.update-advanced-panel[open]>summary{border-bottom:1px solid var(--line)}.update-advanced-content{display:grid;gap:18px;padding:20px}.advanced-box{border:1px solid var(--line);border-radius:14px;padding:16px;background:#fff}.update-grid{align-items:start}.update-groups{display:grid;gap:10px;margin-top:14px}.update-groups article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:12px}.update-groups article>span{color:var(--muted);font-size:12px}.update-groups form{grid-column:1/-1;display:flex;gap:8px}.update-groups select{flex:1}.update-error{color:#b42318!important;max-width:540px}.status.draft{background:#f2f4f7;color:#475467}.status.paused{background:#fff7e6;color:#8a4b08}.status.blocked,.status.failed{background:#fee4e2;color:#b42318}.status.downloading,.status.verifying,.status.installing{background:#eaf2ff;color:#175cd3}.status.installed{background:#eaf8f0;color:#087443}
@media(max-width:800px){.update-easy-hero{display:grid}.update-easy-summary{min-width:0}.easy-step{grid-template-columns:38px minmax(0,1fr);padding:17px 14px;gap:10px}.easy-step-number{width:32px;height:32px}.easy-progress-card{grid-template-columns:38px minmax(0,1fr)}.easy-progress-card time{grid-column:2}.update-release-card{grid-template-columns:1fr}.update-release-actions{grid-column:1}.technical-grid{grid-template-columns:1fr}.update-rollback-link{display:grid}.update-groups article{grid-template-columns:1fr}.update-groups form{display:grid}.inline-form{flex-wrap:wrap}.inline-form>*{min-width:0}.update-release-actions .button{flex:1 1 140px}}
