/*
  ПЕГАС · вложения заявки 115.бел.
  © 2026 ООО «СпецТехСервис ГРУПП», Республика Беларусь.
  Компонент изолирован от устаревших file-input стилей и одинаково работает на Android/iOS.
*/
.service-115-media{display:grid;gap:12px;margin:4px 0 2px;padding:14px;border:1px solid rgba(13,67,105,.13);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(242,248,251,.92));box-shadow:0 8px 24px rgba(5,30,64,.07)}
.service-115-media input[hidden]{display:none!important;width:0!important;height:0!important;margin:0!important;padding:0!important}
.service-115-media-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.service-115-media-head>div{display:grid;gap:3px;min-width:0}.service-115-media-head b{color:#0a335b;font-size:12px;line-height:1.2;letter-spacing:.09em}.service-115-media-head small{color:#60778a;font-size:11px;line-height:1.35}.service-115-media-head output{flex:0 0 auto;min-width:54px;padding:5px 8px;border-radius:999px;background:#e5eef3;color:#294b63;text-align:center;font-size:11px;font-weight:900;line-height:1}
.service-115-media-actions{display:grid;grid-template-columns:1fr;gap:9px}.service-115-media-action{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) 14px;align-items:center;gap:10px;min-height:60px;margin:0!important;padding:9px 11px!important;border:1px solid #c7d7e1!important;border-radius:15px!important;background:#fff!important;color:#0a335b!important;cursor:pointer;overflow:hidden;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease;-webkit-tap-highlight-color:transparent}.service-115-media-action:active{transform:scale(.975);background:#fff4ee!important;border-color:#ff6a33!important}.service-115-media-action:focus-within{outline:3px solid rgba(255,82,29,.22);outline-offset:2px;border-color:#ff521d!important}.service-115-media-action>span:nth-of-type(2){display:grid;gap:2px;min-width:0}.service-115-media-action b{color:#0a335b!important;font-size:12px;line-height:1.15}.service-115-media-action small{color:#657d8f!important;font-size:10px;line-height:1.2;white-space:normal}.service-115-media-action>i{color:#ff521d;font-style:normal;font-size:22px;font-weight:800;line-height:1;text-align:center}.service-115-media-action-icon{display:grid!important;place-items:center;width:38px;height:38px;border-radius:12px;background:#fff0e9;color:#f04d1c}.service-115-media-action-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.service-115-media-list{display:grid;gap:7px}.service-115-media-item{display:grid;grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;gap:9px;min-height:50px;padding:6px 7px;border:1px solid rgba(13,67,105,.12);border-radius:13px;background:rgba(255,255,255,.84)}.service-115-media-thumb{width:38px;height:38px;border-radius:10px;object-fit:cover;background:#dce8ee}.service-115-media-item>span{display:grid;gap:2px;min-width:0}.service-115-media-item b{overflow:hidden;color:#153e5d;font-size:11px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.service-115-media-item small{color:#6c8292;font-size:10px}.service-115-media-remove{display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:11px;background:#fff0ee;color:#c63725;font-size:20px;font-weight:700}.service-115-media-remove:focus-visible{outline:3px solid rgba(198,55,37,.22);outline-offset:2px}.service-115-media-status{margin:0;color:#667f91;font-size:10px;line-height:1.35}.service-115-media-status.is-error{color:#bd3425;font-weight:800}.service-115-media-status.has-files{color:#237246;font-weight:750}
body[data-theme=dark] .service-115-media{border-color:rgba(139,183,211,.22);background:linear-gradient(145deg,#0b2038,#0b1a2d);box-shadow:none}body[data-theme=dark] .service-115-media-head b,body[data-theme=dark] .service-115-media-action b,body[data-theme=dark] .service-115-media-item b{color:#fff!important}body[data-theme=dark] .service-115-media-head small,body[data-theme=dark] .service-115-media-action small,body[data-theme=dark] .service-115-media-status,body[data-theme=dark] .service-115-media-item small{color:#b5cbd7!important}body[data-theme=dark] .service-115-media-head output{background:#17354d;color:#e7f3f8}body[data-theme=dark] .service-115-media-action,body[data-theme=dark] .service-115-media-item{border-color:#294b63!important;background:#102b3f!important}body[data-theme=dark] .service-115-media-action:active{background:#263148!important}body[data-theme=dark] .service-115-media-action-icon{background:#44271f;color:#ff8b60}body[data-theme=dark] .service-115-media-remove{background:#45252a;color:#ffb8b8}
body[data-theme=vision] .service-115-media{border:3px solid #fff;background:#000;box-shadow:none}body[data-theme=vision] .service-115-media-head b,body[data-theme=vision] .service-115-media-head small,body[data-theme=vision] .service-115-media-action b,body[data-theme=vision] .service-115-media-action small,body[data-theme=vision] .service-115-media-status,body[data-theme=vision] .service-115-media-item b,body[data-theme=vision] .service-115-media-item small{color:#fff!important}body[data-theme=vision] .service-115-media-head output{background:#ffe500;color:#000}body[data-theme=vision] .service-115-media-action,body[data-theme=vision] .service-115-media-item{border:2px solid #fff!important;background:#000!important}body[data-theme=vision] .service-115-media-action-icon,body[data-theme=vision] .service-115-media-remove{background:#ffe500;color:#000}
@media(max-width:370px){.service-115-media{padding:12px}.service-115-media-action{min-height:58px}}
@media(prefers-reduced-motion:reduce){.service-115-media-action{transition:none}}