.alert.success{background:#e7f7ef;color:#08723c}.public-device-photo{display:block;width:100%;max-height:360px;object-fit:cover;border-radius:12px;margin:0 0 22px}
.head-actions,.edit-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.button.secondary{background:#e9edf0;color:#25313c}.button.secondary:hover{background:#dce2e7}.device-link{display:flex;align-items:center;gap:10px;text-decoration:none}.device-thumb{width:44px;height:34px;border-radius:7px;object-fit:cover;background:#edf0f2;flex:none}.device-thumb.placeholder{display:grid;place-items:center;color:#7a8792;font-size:11px}.table-action{color:var(--red);font-weight:700;text-decoration:none}.device-photo{display:block;width:100%;max-height:440px;object-fit:cover;border-radius:14px;margin:0 0 22px;border:1px solid var(--line);background:white}.file-field small{display:block;color:var(--muted);font-weight:400;margin-top:6px}.image-edit-preview{grid-column:1/-1;display:flex;align-items:center;gap:18px;background:var(--soft);padding:16px;border-radius:10px}.image-edit-preview img{width:160px;height:110px;object-fit:cover;border-radius:9px}.image-edit-preview .check{flex:1}.danger-zone{display:flex;align-items:center;justify-content:space-between;gap:25px;border-color:#efbbc2}.danger-zone h2{color:var(--danger);margin-bottom:5px}.danger-zone p{margin:0;color:var(--muted)}.danger-button{background:var(--danger);white-space:nowrap}@media(max-width:700px){.head-actions,.danger-zone{width:100%;flex-direction:column;align-items:stretch}.head-actions .button{width:100%}.image-edit-preview{flex-direction:column;align-items:stretch}.image-edit-preview img{width:100%;height:auto}}
.public-components{border-top:1px solid var(--line);margin-top:24px;padding-top:22px}.public-components h2{margin-bottom:12px}.public-component{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid var(--line);text-decoration:none;color:var(--ink)}.public-component:first-of-type{border-top:0}.public-component span{display:flex;flex-direction:column}.public-component small{color:var(--muted)}.public-component em{font-style:normal;white-space:nowrap}@media(max-width:520px){.public-component{align-items:flex-start;flex-direction:column}}