form.mosrucont{font-family: "Golos Text", sans-serif;font-optical-sizing: auto;font-weight: 400;font-style: normal;padding: 20px;border-radius: 20px;background: #fff;margin-top: 30px;margin-bottom: 30px}			 	 
form.mosrucont h4{font-family: "Golos Text", sans-serif; font-size: 22px;font-weight: 400;margin: 15px 0;color: #000;text-align: center;}
form.mosrucont img.img-fluid{max-height: 200px;margin: 20px auto;display: block;}
form.mosrucont p.vhod{font-family: "Golos Text", sans-serif; margin: 20px 0;text-align: center;color: #999;font-size: 18px}
form.mosrucont p a#sudir-login-btn{}
form.mosrucont p a#sudir-login-btn img.redbtn{max-height: 64px;margin: 0 auto;display: block}
form.mosrucont p.pbtn{margin:0}
.sudir-modal{font-family: "Golos Text", sans-serif; 
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 1000}

.sudir-modal-content{font-family: "Golos Text", sans-serif; 
    background: #fff;
    padding: 30px;
    max-width: 450px;
    margin: 100px auto;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1)}

.sudir-btn{font-family: "Golos Text", sans-serif; 
    background: #dc3545;
    color: white;
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    margin: 10px;
    font-size: 14px;
    transition: background-color 0.3s}

form.rightcont.mosrucont input.form-control,
form.rightcont.mosrucont textarea.form-control{font-family: "Golos Text", sans-serif; font-size: 18px; border: 2px solid #bfd7ef;}
form.rightcont.mosrucont .formline button.btn.btn-primary {font-family: "Golos Text", sans-serif;color: #000;opacity: 1;background: #bfd8f0;cursor: pointer}
form.rightcont.mosrucont .formline button.btn.btn-primary:disabled{opacity:0.5}
form.rightcont.mosrucont .soglasie label.checkbox > span:before{background-color: #bfd8f0}

.sudir-btn:hover {
    background: #c82333;
    color: white;
    text-decoration: none}

.close-btn {
    background: #6c757d;
    color: white}

.close-btn:hover {
    background: #545b62}

.user-welcome {
    background: #d4edda;
    border: 1px solid #c3e6cb;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 20px;
    text-align: center}
.rightcont .formline{align-items:flex-start}
.user-welcome h4 {color: #155724;margin-bottom: 10px}
.inputblocked{position:relative}
.inputblocked:after{position:absolute; left:0;top:0; width:100%; content:''; height:100%; display:block}

/* ===== Зона загрузки файлов ===== */
.dropzone{position: relative; border: 1.5px dashed #c3d0e0; border-radius: 12px; background: #f7f9fc; padding:12px 16px; text-align: center; cursor: pointer; transition: border-color .2s ease, background-color .2s ease, transform .15s ease}
.dropzone:hover{border-color: #8aa6cc; background: #f1f5fb}
.dropzone:active{transform: scale(0.995)}
.dropzone.is-dragover{border-color: #3b6fd6; background: #eaf1fd; box-shadow: 0 0 0 4px rgba(59, 111, 214, 0.08)}
.dropzone.is-disabled{opacity: .55; cursor: not-allowed; pointer-events: none}
.dropzone__body{display: flex; flex-direction: column; align-items: center; gap: 6px; pointer-events: none}
.dropzone__icon{width: 28px; height: 28px; color: #3b6fd6; margin-bottom: 2px}
.dropzone__text{margin: 0; font-size:14px; color: #2b3a4f}
.dropzone__link{text-decoration: underline; text-decoration-style: dotted}
.dropzone__hint{margin: 0; font-size: 12px; color: #8b97a8}

/* ===== Список выбранных файлов ===== */
.file-list{list-style: none; margin: 12px 0 0; padding: 0; display: flex; flex-direction: column; gap: 8px}
.file-list:empty{margin: 0}
.file-list__item{display: flex; align-items: center; gap: 10px; background: #fff; border: 1px solid #e3e8ef; border-radius: 10px; padding: 8px 10px; font-size: 13.5px; animation: fileIn .18s ease}
@keyframes fileIn{from{opacity: 0; transform: translateY(-4px)}
	to  {opacity: 1; transform: translateY(0)}
}
.file-list__icon{flex: 0 0 32px; width: 32px; height: 32px; border-radius: 8px; background: #eaf1fd; color: #3b6fd6; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; text-transform: uppercase}
.file-list__info{flex: 1 1 auto; min-width: 0}
.file-list__name{display: block; color: #2b3a4f; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.file-list__size{display: block; color: #9aa6b6; font-size: 11.5px}
.file-list__status{flex: 0 0 auto; font-size: 11.5px}
.file-list__status.is-ok{ color: #2e9e5b}
.file-list__status.is-error{color: #d64545}
.file-list__status.is-loading{color: #8b97a8}
.file-list__remove{flex: 0 0 auto; width: 22px; height: 22px; border: none; background: #f1f3f6; color: #8b97a8; border-radius: 50%; cursor: pointer; font-size: 14px; line-height: 1; display: flex; align-items: center; justify-content: center; transition: background-color .15s, color .15s}
.file-list__remove:hover{background: #fde6e6; color: #d64545}
.upload-result p{margin: 8px 0 0; font-size: 13px}