.storage-page #content{display:flex;flex-direction:column}.storage-page #storage-view{height:auto;flex:1}.equipment-tabs{display:flex;gap:8px;padding:12px 20px;border-bottom:1px solid var(--line);background:var(--paper);flex-shrink:0}.equipment-tabs .btn{min-height:40px}
#equipment-view{display:flex;flex-direction:column;flex:1;min-height:0;background:var(--paper);position:relative;color:var(--ink)}
#equipment-view input:not([type=file]){border:1px solid var(--line);border-radius:10px;background:var(--surface-raised,var(--paper));color:var(--ink);padding:11px 12px;min-height:42px}#equipment-view input::placeholder{color:var(--muted)}.equipment-file-icon{color:var(--accent-text)!important}
.equipment-toolbar{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;gap:16px}.equipment-toolbar h1{font-size:22px;margin:0 0 4px}.equipment-toolbar .muted{font-size:13px}
#equipment-devices{display:flex;gap:10px;overflow:auto;padding:0 20px 14px;flex-shrink:0}.equipment-device{display:flex;align-items:center;gap:12px;background:var(--surface-raised,var(--paper));border:1px solid var(--line);border-radius:12px;padding:12px 16px;text-align:left;color:var(--ink);min-width:180px;cursor:pointer}.equipment-device.active{border-color:var(--accent);background:var(--accent-soft)}.equipment-device strong,.equipment-device small{display:block}.equipment-device strong{font-weight:600}.equipment-device small{font-size:12px;color:var(--muted);margin-top:4px;white-space:nowrap}.equipment-status{width:9px;height:9px;border-radius:50%;background:var(--muted);flex-shrink:0}.equipment-status.online{background:#4ca66a;box-shadow:0 0 0 4px #4ca66a19}
.equipment-filebar{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);padding:12px 20px 8px}.equipment-filebar form{flex:1;min-width:0}.equipment-filebar input{width:100%;min-width:0;font-size:14px}.equipment-filetools{display:flex;align-items:center;justify-content:space-between;padding:0 20px 12px;gap:12px}.equipment-filetools>label{max-width:240px;min-width:0}.equipment-filetools input{width:100%;min-width:0}#equipment-actions{display:flex;gap:8px;flex-wrap:wrap}
.equipment-scroll{flex:1;min-height:140px;overflow:auto;overscroll-behavior:contain}.equipment-table{width:100%;border-collapse:collapse;table-layout:fixed}.equipment-table th{position:sticky;top:0;background:var(--surface-raised,var(--paper));z-index:1;text-align:left;font-size:12px;color:var(--muted);font-weight:500;padding:14px 16px;border-bottom:1px solid var(--line)}.equipment-table th:first-child{width:55%}.equipment-table th:nth-child(2){width:23%}.equipment-table th:last-child{width:52px}.equipment-table td{padding:12px 16px;border-bottom:1px solid var(--line);font-size:13px;vertical-align:middle}.equipment-table td small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.equipment-file{display:flex;align-items:center;gap:12px;background:none;border:0;text-align:left;color:var(--ink);padding:0;width:100%;cursor:pointer}.equipment-file>span:last-child{min-width:0;overflow-wrap:anywhere}.equipment-file:disabled{opacity:.7;cursor:default}.equipment-file-icon{color:var(--accent);flex-shrink:0}.equipment-file small{font-size:12px}.equipment-empty{text-align:center;padding:32px!important;color:var(--muted)}#equipment-foot{padding:10px 20px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.equipment-progress{display:flex;align-items:center;gap:14px;margin:0 20px 12px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-raised,var(--paper))}.equipment-progress>div{flex:1;min-width:0}.equipment-progress strong{display:block;font-size:13px;overflow-wrap:anywhere}.equipment-progress small{display:block;color:var(--muted);margin-top:6px}.equipment-ring{width:52px;height:52px;border-radius:50%;background:conic-gradient(var(--accent) var(--progress),var(--line) 0);display:grid;place-items:center;flex-shrink:0}.equipment-ring>span{background:var(--paper);border-radius:50%;width:44px;height:44px;display:grid;place-items:center;font-size:12px;font-weight:600}.equipment-transfer-result{display:flex;justify-content:space-between;align-items:center;padding:8px 20px;font-size:13px;gap:8px}
.equipment-acl-scroll{overflow:auto}.equipment-acl{width:100%;border-collapse:collapse;min-width:450px}.equipment-acl th,.equipment-acl td{padding:12px 8px;border-bottom:1px solid var(--line);font-size:13px}.equipment-acl th{color:var(--muted);font-weight:500}.equipment-acl input{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.equipment-pair ol{padding-left:22px;line-height:1.7}.equipment-pair label{display:block;margin:18px 0 12px}.equipment-pair input{display:block;width:100%;margin-top:8px;font-family:monospace;font-size:13px}.equipment-pair .btn{margin:4px}.equipment-preview img{display:block;max-width:100%;max-height:65vh;object-fit:contain;margin:auto}.equipment-menu{display:flex;flex-direction:column;gap:8px}#equipment-view.drag-over:after{content:'Отпустите файлы для загрузки на оборудование';position:absolute;inset:0;z-index:4;display:grid;place-items:center;background:var(--paper);opacity:.95;border:3px dashed var(--accent);color:var(--ink);font-size:22px;padding:30px;text-align:center;pointer-events:none}
@media(max-width:700px){.equipment-tabs{padding:10px 12px}.equipment-toolbar{padding:12px;align-items:flex-start}.equipment-toolbar h1{font-size:18px}.equipment-toolbar .muted{font-size:11px}#equipment-manage .btn{font-size:12px;padding:9px}#equipment-devices{padding:0 12px 12px}.equipment-device{min-width:150px;padding:10px}.equipment-filebar{padding:10px 12px}.equipment-filetools{padding:0 12px 10px;flex-wrap:wrap}.equipment-filetools>label{max-width:none;flex:1}.equipment-table th:first-child{width:auto}.equipment-table th:nth-child(2),.equipment-table td:nth-child(2){display:none}.equipment-table th:nth-child(3){width:90px}.equipment-table th:last-child{width:44px}.equipment-table td,.equipment-table th{padding:10px 12px}.equipment-file{gap:8px}.equipment-table td{font-size:12px}.equipment-file-icon svg{width:20px;height:20px}.equipment-table td small{font-size:10px}.equipment-progress{margin:0 12px 10px}.equipment-progress small{font-size:11px}#equipment-foot{padding:8px 12px;font-size:10px}}
@media(max-width:700px){#equipment-actions{flex-wrap:nowrap;overflow-x:auto;width:100%;padding-bottom:3px}#equipment-actions .btn{flex-shrink:0;white-space:nowrap}}