/* Phần bổ sung của prototype: thông báo, bảng tài khoản, lỗi nhập, danh sách ô chọn, dòng mới (theo màu antd của hệ thống) */
.proto-noti{position:fixed;top:24px;right:24px;z-index:2000;display:flex;flex-direction:column;gap:12px}
.proto-noti__item{display:flex;gap:12px;align-items:flex-start;width:384px;max-width:calc(100vw - 48px);background:#fff;border-radius:8px;padding:16px 24px;box-shadow:0 6px 16px 0 rgba(0,0,0,.08),0 3px 6px -4px rgba(0,0,0,.12),0 9px 28px 8px rgba(0,0,0,.05);font-size:14px;color:rgba(0,0,0,.88)}
.proto-noti__icon{flex:none;width:22px;height:22px;border-radius:50%;background:#52c41a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;margin-top:1px}
.proto-noti__item.error .proto-noti__icon{background:#ff4d4f}
.proto-noti__title{font-size:16px;margin-bottom:4px}
.proto-tk__nut{position:fixed;right:20px;bottom:20px;z-index:1900;border:none;border-radius:20px;background:#2c83ff;color:#fff;padding:8px 16px;font:inherit;font-size:13px;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.2);opacity:.9}
.proto-tk__nut:hover{opacity:1}
.proto-tk{position:fixed;right:20px;bottom:64px;z-index:1900;width:420px;max-width:calc(100vw - 40px);max-height:70vh;overflow:auto;background:#fff;border-radius:8px;box-shadow:0 6px 24px rgba(0,0,0,.2);padding:16px;font-size:13px;color:rgba(0,0,0,.85)}
.proto-tk[hidden]{display:none}
.proto-tk__head{display:flex;justify-content:space-between;font-size:15px;margin-bottom:4px}
.proto-tk__x{cursor:pointer;color:rgba(0,0,0,.45)}
.proto-tk__sub{color:rgba(0,0,0,.55);margin-bottom:10px}
.proto-tk table{width:100%;border-collapse:collapse}
.proto-tk th{background:#2c83ff;color:#fff;text-align:left;padding:8px;font-weight:600}
.proto-tk td{padding:6px 8px;border-bottom:1px solid #f0f0f0}
.proto-tk code{background:#f5f5f5;padding:1px 6px;border-radius:4px}
.proto-tk__vao{border:none;background:#2c83ff;color:#fff;border-radius:4px;padding:3px 10px;cursor:pointer;font:inherit;font-size:12px}
.proto-loi{color:#ff4d4f;font-size:12px;line-height:20px;margin-top:2px}
.ant-form-item-has-error .ant-input,.ant-form-item-has-error .ant-select-selector,.ant-form-item-has-error .ant-picker,.ant-form-item-has-error .ant-input-affix-wrapper{border-color:#ff4d4f!important}
.proto-select-dd{background:#fff;border-radius:8px;padding:4px;box-shadow:0 6px 16px 0 rgba(0,0,0,.08),0 3px 6px -4px rgba(0,0,0,.12),0 9px 28px 8px rgba(0,0,0,.05);font-size:14px}
.proto-select-ds{max-height:256px;overflow:auto}
.proto-select-dd .ant-select-item{padding:5px 12px;border-radius:4px;cursor:pointer;line-height:22px;color:rgba(0,0,0,.88)}
.proto-select-dd .ant-select-item:hover{background:rgba(0,0,0,.04)}
.proto-opt-rong{padding:12px;text-align:center;color:rgba(0,0,0,.25)}
.proto-modal .ant-modal-wrap{display:flex!important;align-items:flex-start;justify-content:center;overflow:auto;position:fixed;inset:0;z-index:1000}
.proto-modal .ant-modal-wrap.ant-modal-centered{align-items:center}
.proto-modal .ant-modal-mask{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:1000}
.proto-confirm .ant-modal-content{background:#fff;border-radius:8px;padding:20px 24px}
.proto-confirm__title{font-weight:600;font-size:16px;margin-bottom:8px}
.proto-confirm__btns{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}
tr.proto-moi td{background:#f0f7ff}
.proto-moi__tag{display:inline-block;background:#2c83ff;color:#fff;border-radius:4px;padding:0 6px;font-size:12px}
.proto-moi__xoa{color:#ff4d4f;cursor:pointer}
.proto-tk{width:640px;max-height:78vh}
.proto-tk__tim{width:100%;box-sizing:border-box;border:1px solid #d9d9d9;border-radius:6px;padding:6px 10px;margin-bottom:10px;font:inherit}
.proto-tk__tim:focus{outline:none;border-color:#2c83ff}
.proto-tk__nhom{border:1px solid #f0f0f0;border-radius:6px;margin-bottom:8px;overflow:hidden}
.proto-tk__nhom-ten{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:#fafafa;cursor:pointer;font-weight:600}
.proto-tk__dem{font-weight:400;color:rgba(0,0,0,.45);font-size:12px}
.proto-tk__nhom table{display:none}
.proto-tk__nhom.mo table{display:table}
/* Trang đăng nhập: màn hình thấp thì đưa nội dung về luồng thường (vẫn cách đỉnh 220px) và đặt dòng phiên bản ngay dưới form */
@media (max-height:860px){
  [class*="login__wrapper"]{justify-content:flex-start!important;padding-bottom:32px}
  [class*="login__wrapper"] > div[class^="styles_content__"]{position:static!important;margin-top:220px}
  [class*="content__version"]{position:static!important;margin:24px 0 0!important;text-align:center}
}